main {
    padding: 0 6vw 2rem 6vw;
}

main.prod-cntnr {
    max-width: 1368px;
	margin: 0 auto 0 auto;
}

.prod-print-header {
    display: none;
}

span.diam {
    font-size: 140%;
    font-weight: 500;
}

section.prod-title > h1 {
    font-size: clamp(1.4rem, -1.2108rem + 5.6757vw, 5.6rem);
    color: var(--clr-green);
    margin: .64em 0 .23em 0;
}
.prod-main-img > ul > li > figure > .prod-title > h1 {
    font-size: clamp(1.4rem, 0.7600rem + 3.2000vw, 4.6rem);
    color: var(--clr-green);
    margin: .64em 0 .23em 0;
}
.chair-bases  section.prod-title > h1 {
    color: var(--clr-green);
}
.chair-component section.prod-title > h1 {
    color: var(--clr-bluedrk);
}

.prod-main-img > ul {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1.0fr));
  grid-gap: 4vw
}
.prod-main-img > ul > li {
    display : flex;
    align-items : center;
}
.prod-main-img > ul > li > figure {
    text-align: center;
    margin: auto 0;
}
.prod-main-img > ul > li > figure.prod-main-img-3
 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    grid-gap: 4vw
}
.prod-main-img > ul > li > figure > img {
    display: block;
    width: 80%;
    margin:  1vw auto;
    object-fit: cover;
}
.prod-main-img > ul > li > figure > .imageGallery {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    grid-row-gap: 2rem;
    margin: 2rem 0;
}
.prod-main-img > ul > li > figure.prod-main-img-3 > img
 {
    width: 90%;
}
div.prod-intro-header {
  text-align: center;
  display: inline-block;
  width: 100%;
  color: var(--clr-greendrk);
  border-bottom: 1px solid var(--clr-greendrk);
}
div.prod-intro-header h2 {
  color: var(--clr-greendrk) !important;
  display: inline-block;
  margin: .5em 0 .5em 0;
  font-weight: 400;
  font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
}

.prod-main-img > ul > li > figure > .prod-intro-brdr
 {
       padding: clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem) 1rem clamp(0.3rem, 0.0400rem + 1.3000vw, 1.6rem) 1rem;
	 border: 1px solid var(--clr-greendrk);
	 /*
     border-radius: .6rem;
     */
	 margin: 3.64em 0 .23em 0;
}

div.prod-intro-txt {
	padding: 0 1rem 0 1rem;
	text-align: left;
}
.prod-intro-txt-intro {
	font-weight: 500;
}
div.prod-intro-txt p {
	font-size: var(--siz-p);
}
div.prod-intro-txt a.art-lnk {
	font-size: var(--siz-a)!important;
    margin: 0 0 .5rem 0;
    border: 1px solid var(--clr-greydrk);
    padding: .5ch 4ch .5ch 1ch;
    color: var(--clr-greydrk);
    border-radius: .5rem;
}
div.prod-intro-txt a.art-lnk:after {
  position: absolute;
  right: 3%;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
}
div.prod-intro-txt a.art-lnk:hover {
    border: 1px solid var(--clr-greydrk);
    background: var(--clr-greydrk);
    color: var(--clr-white);
}

.prod-main-img > ul > li > figure > .prod-intro-free
 {
     padding: clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem) 1rem clamp(0.3rem, 0.0400rem + 1.3000vw, 1.6rem) 1rem;
     margin: 3.64em 0 .23em 0;
}
div.prod-intro-free-header {
  text-align: center;
  display: inline-block;
  width: 100%;
  color: var(--clr-greendrk);
  border-top: 1px solid var(--clr-green);
}
div.prod-intro-free-header h3 {
  color: var(--clr-greendrk) !important;
  display: inline-block;
  margin: .5em 0 .5em 0;
  font-weight: 400;
  font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
}
div.prod-intro-free-txt {
	padding: 0 1rem 0 1rem;
}
div.prod-intro-free-txt p {
	font-size: var(--siz-p-max);
}

div.prod-intro-nav {
	margin: .25rem 0 3.0rem 0;
}
div.prod-intro-nav > a.art-lnk{
	background-color: var(--clr-white);
	color: var(--clr-green);
	padding: .75rem 0.9rem .75rem 0.9rem;
	font-weight: 400;
	margin: .85rem .45rem 0 0;
	border-radius: .5rem;
	border: 1px solid var(--clr-green);
	font-size: var(--siz-anch-link);
}
div.prod-intro-nav > a.art-lnk:hover{
	background-color: var(--clr-green);
	color: var(--clr-white);
}
div.prod-intro-nav > a.art-lnk::after {
  content: "\002193";
  margin-left: 0.6em;
  margin-right: 0.2em;
  font-size: inherit;
  line-height: 0.8em;
}

div.prod-anch-margin {
  position: relative;
}
div.prod-anch-margin div {
  position: absolute;
  top: 0;
  margin-top: -15%;
}

.prod-box-i  {
}
.prod-box-i > ul {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 4vw;
}

.prod-box-i > ul > li {/*
  border: 1px solid #E2E2E2;
  border: 1px solid --clr-green;*/
    /*
    overflow: hidden;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(6, 1fr 1fr);
    grid-template-columns: 1fr 1fr;
    grid-gap: 4vw;
*/
}
/*
.prod-box-i > ul > li {
    overflow: hidden;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4vw;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: repeat(6, auto);
}
*/
.prod-box-i > ul > li {
    overflow: hidden;
    column-count: 2;
    column-fill: balance;
    gap: 4vw;
}
.prod-box-i > ul > li > span {
    break-inside: avoid;
}
.prod-box-i > ul > li > figure,
.prod-box-i > ul > li > span > figure {
    background-color: var(--clr-greenmtt);
  position: relative;
    margin: 0 1.0em 0 1.0em;
    break-inside: avoid;
}
.prod-box-i > ul > li > span > figure.prod-box-i-img {
    background-color: var(--clr-white);
}
.prod-box-i > ul > li > span > figure > img {
    position: relative;
  width: 94%;
    margin: -1.0em 3% 0 3%;
}
.prod-box-i > ul > li > figure > div,
.prod-box-i > ul > li > span > figure > div {
    position: relative;
    display: inline-block;
    background-color: var(--clr-green);
    padding: 0;
    text-align: center;
    margin: 0 0 0 -1.0em;
    width: 110%;
}

.prod-box-i > ul > li > span > figure.prod-txt-list-tech > div.prod-txt-list-tech-support {
    background-color: var(--clr-greenmtt);
    position: relative;
    margin: .5rem 1.0em 2rem 1.0em;
    width: 80%;
    text-align: left;
    border-top: 3px solid --clr-green;
    padding: 1.5rem 0 1rem 0;
}
.prod-box-i > ul > li > span > figure.prod-txt-list-tech > div.prod-txt-list-tech-support > h4 {
    font-size: var(--siz-prod-i-intro);
  font-weight: 500;
  margin: 2% 5% 0 5%;
  padding: 0 0 2% 0;

}
.prod-box-i > ul > li > span > figure.prod-txt-list-tech > div.prod-txt-list-tech-support > p {
    display: block;
  font-size: var(--siz-prod-i-txt);
    position: static;
  padding-left: 0px;
  margin: 0 5% .5rem 5%;
    font-weight: 300;

}
.chair-bases .prod-box-i > ul > li > span > figure > div {
    background-color: var(--clr-green);
}
.chair-component .prod-box-i > ul > li > span > figure > div {
    background-color: var(--clr-bluedrk);
}
.prod-box-library > ul > li  {
    display: block;
    column-count: 1!important;
}
.prod-box-gallery > ul > li  {
    display: block;
    column-count: 1!important;
}
.prod-box-gallery > ul > li > figure > div.prod-box-gallery-cntnr {
    position:static;
    display: inline-block;
    background-color: var(--clr-greenmtt);margin: 0 5% 0 5%;
    padding: 0 0 2% 0;
    text-align: center;
    width: 90%;
    display: inline-block;
    /*
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4vw
    */
}
.prod-box-gallery > ul > li > figure > div.prod-box-gallery-cntnr > .imageGallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-gap: 2vw;
}
.prod-box-gallery > ul > li > figure > div.prod-box-gallery-cntnr > .imageGallery > a {
    padding: 0;
    display: inline-block;
    width: auto;
}
.prod-box-gallery > ul > li > figure > div.prod-box-gallery-cntnr > .imageGallery > a > img {
}

.prod-box-accessories > ul > li  {
    display: block;
    column-count: 1!important;
}
.prod-box-accessories > ul > li > figure > div {
  background-color: var(--clr-bluedrk);
  background-color: var(--clr-greydrk);
}
.prod-box-accessories > ul > li > figure > div.prod-box-accessories-cntnr {
    position:static;
    display: inline-block;
    background-color: var(--clr-greenmtt);margin: 0 5% 0 5%;
    padding: 0 0 2% 0;
    text-align: left;
    width: 90%;
    display: inline-block;
}
.prod-box-accessories > ul > li > figure > div.prod-box-accessories-cntnr > a.art-lnk {
    display: inline-block;
    margin: clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem);
    font-size: clamp(0.8rem, 0.6800rem + 0.6000vw, 1.4rem);
    background-color: var(--clr-bluedrk);
    background-color: var(--clr-greydrk);
    color: var(--clr-white) !important;
    padding: clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) clamp(0.6rem, 0.3600rem + 1.2000vw, 1.8rem) clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) clamp(0.6rem, 0.3600rem + 1.2000vw, 1.8rem);
    border-radius: 0.4rem;
    border: none;
    width: auto;
    white-space: nowrap;
}
.prod-box-accessories > ul > li > figure > div.prod-box-accessories-cntnr > a.art-lnk:hover,
.prod-box-accessories > ul > li > figure > div.prod-box-accessories-cntnr > a.art-lnk:active {
    background-color: var(--clr-white);
    color: var(--clr-bluedrk)!important;
    color: var(--clr-greydrk)!important;
    border: 1px solid var(--clr-bluedrk);
    border: 1px solid var(--clr-greydrk);
}

.prod-box-i > ul > li > figure > div > h2,
.prod-box-i > ul > li > span > figure > div > h2 {
    color: var(--clr-white);
    padding: 0;
    font-size: var(--siz-prod-i-header);
    text-align: left;
    margin: 0;
    padding: .8rem 1.5rem .8rem 7%;
    font-weight: 500;
}
.prod-box-i > ul > li > figure > div.header-triangle,
.prod-box-i > ul > li > span > figure > div.header-triangle {
    position: relative;
    display: inline-block;
    width: 0;
height: 0;
    background:none;
border-style: solid;
border-width: 0 1.0em 1.0em 0;
border-color: transparent var(--clr-greendrk) transparent transparent;
line-height: 0px;
_border-color: #000000 var(--clr-greendrk) #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.prod-box-i > ul > li > span > figure > a.art-lnk {
    display: inline-block;
    margin: 3% 3%;
    font-size: clamp(1rem, 0.9200rem + 0.4000vw, 1.4rem);
    color: var(--clr-greendrk);
    padding: 1rem 10% 1rem 5%;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-greendrk);
    width: 79%;
}
.prod-box-i > ul > li > span > figure > a.art-lnk:active,
.prod-box-i > ul > li > span > figure > a.art-lnk:hover {
    border: 1px solid --clr-green;
    color: var(--clr-green);
}
.prod-box-i > ul > li > span > figure > a.art-lnk:after {
    position: absolute;
    right: 5%;
    bottom: 10%;
    content: "\0025B9";
    margin-left: 0.6em;
    margin-right: 0.2em;
    font-size: 2.1em;
    line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
}

.prod-box-i > ul > li > span > figure {
}
.prod-box-i > ul > li > span > figure > ul,
.prod-box-i > ul > li > span > figure > figcaption,
.prod-box-i > ul > li > span > figure > table.site-table,
.prod-box-i > ul > li > span > figure > h5 {
    margin: 0 5% 0 5%;
    padding: 0 0 2% 0;
}
.prod-box-i > ul > li > span > figure.prod-txt-list-tech > figcaption {
    padding: 0 0 0 0!important;
}
.prod-box-i > ul > li > span > figure > ul {
    display: grid;
  grid-template-columns: 1.25fr 0.75fr;
    font-size: 0;
    padding: 0;
}
.prod-box-i > ul > li > span > figure > ul > li {
    font-size: 0;
    display: inline-block;
}
.prod-box-i > ul > li > span > figure > ul > li > h2 {
    font-size: var(--siz-prod-i-tbl-txt)!important;
}
.prod-box-i > ul > li > span > figure > ul > li > p {
    margin: 1em 0 1em 0;
    font-size: var(--siz-prod-i-tbl-txt);
}
.prod-box-i > ul > li > span > figure > p,
.prod-box-i > ul > li > span > figure > h2,
.prod-box-i .site-table th {
    font-size: var(--siz-prod-i-intro);
    font-weight: 500;
    margin: 2% 5% 0 5%;
    padding: 0 0 2% 0;
}
.table-body3 > .table-body-table > .site-table > thead {
    display: none;
}
.prod-box-i .site-table td,
.prod-box-i > ul > li > span > figure > h5 {
    font-size: var(--fs-p);
    font-weight: 400;
    padding: 0 0 2% 0;
}
.prod-box-i .site-table {
    width: 100%;
    padding: 2% 0 2% 0!important;
}
.prod-box-i > ul > li > span > figure > figcaption {
    background: none;
}
.prod-box-i > ul > li > span > figure > figcaption > p {
    position: relative;
    display: block;
    padding-left: 5%;
    font-size: var(--siz-prod-i-txt);
}
.prod-box-i > ul > li > span > figure > figcaption > p:before {
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    content: "\0025CF";
}
.prod-box-i > ul > li > span > figure.prod-pdf > figcaption > p {
    position: static;
    padding-left: 0;
}
.prod-box-i > ul > li > span > figure.prod-pdf > figcaption > p:before {
    position: static;
    content: none;
}
.prod-box-i > ul > li > span > figure.prod-pdf > figcaption > a.file-lnk {
	font-size: var(--siz-a)!important;
    margin: 0 0 .5rem 0;
    border: 1px solid var(--clr-greydrk);
    padding: .5ch 4ch .5ch 1ch;
    color: var(--clr-greydrk);
    border-radius: .5rem;
    background: none;
    position: relative;
}
.prod-box-i > ul > li > span > figure.prod-pdf > figcaption > a.file-lnk:after {
  position: absolute;
  right: 3%;
  bottom: 20%;
  content: "\0021E4";
    transform: rotate(-90deg);
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 1.5em;
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
}
.prod-box-i > ul > li > span > figure.prod-pdf > figcaption > a.file-lnk:hover {
    border: 1px solid var(--clr-greydrk);
    background: var(--clr-greydrk);
    color: var(--clr-white);
}
.prod-box-i > ul > li > span > figure > figcaption > h4 {
    position: relative;
    display: block;
    padding-left: 5%;
}
.prod-box-i > ul > li > span > figure > figcaption > .imageGallery {
    position: relative;
    display: block;
    padding-left: 5%;
}
.prod-box-i > ul > li > span > figure.prod-box-i-img > .prod-box-i-img-cntnr {
    background-color: var(--clr-white);
    margin: 0;
    width: 100%;
    padding-bottom: 5%;
}
.prod-box-i > ul > li > span > figure.prod-box-i-img > .prod-box-i-img-cntnr > .imageGallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 4vw;
    grid-row-gap: 1.5vw;
    margin-bottom: 1.5vw;
}
.prod-box-i > ul > li > span > figure.prod-box-i-img > .prod-box-i-img-cntnr > .imageGallery > a {
    display: table;
    vertical-align: middle;
    line-height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    
}

.prod-box-i > ul > li > span > figure.prod-available-as > h5 {
    font-size: var(--siz-prod-tbl-header)!important;
    padding: 0 1ch 2rem 1ch;

}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head3,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 ,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head4,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 {
    display:inline-block!important;
    width: 90%;
    /*
    border: 1px solid var(--clr-greydrk);
    */
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 ,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 {
    margin-bottom: 2rem;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head3,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head4 {
    background-color: var(--clr-greydrk);
}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body > li{
    display: grid!important;
    grid-template-columns: 2.5fr 1.2fr 1.3fr;
    font-size: 0;
    padding: 0;
    width: 100%;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head4 > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li {
    display: grid!important;
    grid-template-columns: 1.6fr 1.2fr 1.0fr 1.2fr;
    font-size: 0;
    padding: 0;
    width: 100%;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head3 > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li{
    display: grid!important;
    grid-template-columns: 1.6fr 1.0fr 1.2fr;
    font-size: 0;
    padding: 0;
    width: 100%;
}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head3 > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-head4 > li > h2 {
    font-size: var(--siz-prod-tbl-header)!important;
    font-weight: 400!important;
    color: var(--clr-white);
    margin: 0.5ch 1ch 0.5ch 1ch;
}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li  {
    vertical-align: top;
    background: none!important;
    border-bottom: 1px solid var(--clr-greydrk);
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li  {
    border-bottom: 0 ;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > div,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > div  {
    border-bottom: 1px solid var(--clr-greydrk);
    padding: 0 0 1ch 0;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body > li > p,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > p,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > p {
    font-size: var(--siz-prod-tbl-txt)!important;
    font-weight: 400!important;
    margin: 0.5ch 1ch 0.5ch 1ch;
    margin: 2ch 1ch 2ch 1ch;
    line-height: 1.32em;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > p
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > h2,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > p {
    margin: 2ch 1ch 0ch 1ch;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > h2 {
    grid-column: span 2;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body > li > .art-lnk,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > .art-lnk,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > .art-lnk {
  position: relative;
  display: inline-block;
  margin: 2ch 0.5ch 2ch 0.5ch;
  font-size: var(--siz-prod-tbl-link)!important;
  color: var(--clr-greendrk);
  padding: 0 0.5ch 0.8ch 0.5ch;
  background-color: var(--clr-greendrk);
    background: none!important;
  border: 1px solid var(--clr-greendrk);
    border-radius: 0.3rem;
  width: 12ch;
    height: 2.5ch;
  text-decoration: none;
  cursor: pointer;
    white-space: nowrap;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > li > .art-lnk,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > li > .art-lnk {
  margin: 2ch 0.5ch 0ch 0.5ch;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > div.table-body-table > table.site-table,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > div.table-body-table > table.site-table {
    padding: 0!important;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > div.table-body-table > table.site-table > thead,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > div.table-body-table > table.site-table > thead {
    display: none!important;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > div.table-body-table > table.site-table > tbody > tr {
    display: grid!important;
    grid-template-columns: 1.6fr 1.2fr 1.0fr 1.2fr;
    font-size: 0;
    padding: 0;
    width: 100%;
}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > div.table-body-table > table.site-table > tbody > tr {
    display: grid!important;
    grid-template-columns: 1.6fr 1.0fr 1.2fr;
    font-size: 0;
    padding: 0;
    width: 100%;
}

.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3 > div.table-body-table > table.site-table > tbody > tr > td,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4 > div.table-body-table > table.site-table > tbody > tr > td {
    font-size: var(--siz-prod-tbl-header)!important;
    padding: 1ch 1ch 1ch 1ch;
}
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body3  >div.table-body-table > .site-table > table > th,
.prod-box-i > ul > li > span > figure.prod-available-as > ul.table-body4  >div.table-body-table > .site-table > table > th {
    font-size: var(--siz-prod-tbl-header)!important;
}

/*
.prod-availability {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 1ch 0 3ch 0;
    padding: 0;
    border: 1px solid --clr-green;
    background-color: var(--clr-green);
}
.prod-availability > h2,
.prod-availability > .art-lnk {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    font-size: var(--siz-anch-link);
    color: var(--clr-greendrk);
    border-left: 1px solid --clr-green;
}
.prod-availability > h2 {
    color: var(--clr-white);
    padding: .5em 1ch .5em 1ch;
}
.prod-availability > .art-lnk {
    color: var(--clr-greendrk);
    background-color: var(--clr-white);
    padding: .5em 3ch .5em 1ch;
}
.prod-availability > .art-lnk:hover {
    background: --clr-green;
    color: var(--clr-white)!important;
    border-left: 1px solid var(--clr-white);
    border-right: 1px solid var(--clr-white);
}
.prod-availability > .art-lnk:after {
  position: absolute;
  right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
  color: var(--clr-green);
}
.prod-availability > .art-lnk:hover:after {
    color: var(--clr-white)!important;
}*/
.prod-availability {
    vertical-align: middle;
    width: 100%!important;
    margin: 0 0 2ch 0!important;
    padding: 0!important;
    background: none!important;
}
.prod-availability > h2 {
    font-size: var(--siz-prod-i-tbl-txt) !important;
    margin: 1.83em 5% .83em 5%!important;
    font-weight: 500!important;
    padding: 0!important;
    color: var(--clr-black)!important;
}
.prod-availability > .art-lnk {
    display: inline-block;
    color: var(--clr-white);
    background-color: var(--clr-greendrk);
    padding: .5em 3ch .5em 1ch;
    font-size: var(--siz-prod-i-tbl-txt);
    margin-right: 1ch;
    border-radius: .5rem;
}
.prod-availability > .art-lnk:hover {
    background: --clr-green;
    color: var(--clr-white)!important;
    border-left: 1px solid var(--clr-white);
    border-right: 1px solid var(--clr-white);
}
.prod-availability > .art-lnk:after {
  position: absolute;
  right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
  color: var(--clr-white);
}
.prod-availability > .art-lnk:hover:after {
    color: var(--clr-white)!important;
}


/* start: print section */

.prod-print-button {
    display: table;
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse
}
.prod-print-button > button {
    display: table-cell;
    vertical-align: middle;
}
.prod-print-button > h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: var(--siz-prod-i-txt);
}

button.print-button {
  width: 100px;
  height: 100px;
}
span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
  border: solid 4px var(--clr-greendrk);
}
span.print-icon::after {
  border-width: 2px;
}

button.print-button {
  position: relative;
  padding: 0;
  border: 0;
  
  border: none;
  background: transparent;
}

span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
  box-sizing: border-box;
  background-color: #fff;
}

span.print-icon {
  position: relative;
  display: inline-block;  
  padding: 0;
  margin-top: 20%;

  width: 60%;
  height: 35%;
  background: #fff;
  border-radius: 20% 20% 0 0;
}

span.print-icon::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 12%;
  right: 12%;
  height: 110%;

  transition: height .2s .15s;
}

span.print-icon::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 12%;
  right: 12%;
  height: 0%;
  background: #fff;
  background-repeat: no-repeat;
  background-size: 70% 90%;
  background-position: center;
  background-image: linear-gradient(
    to top,
    #fff 0, #fff 14%,
    var(--clr-greendrk) 14%, var(--clr-greendrk) 28%,
    #fff 28%, #fff 42%,
    var(--clr-greendrk) 42%, var(--clr-greendrk) 56%,
    #fff 56%, #fff 70%,
    var(--clr-greendrk) 70%, var(--clr-greendrk) 84%,
    #fff 84%, #fff 100%
  );

  transition: height .2s, border-width 0s .2s, width 0s .2s;
}

button.print-button:hover {
  cursor: pointer;
}

button.print-button:hover .print-icon::before {
  height:0px;
  transition: height .2s;
}
button.print-button:hover .print-icon::after {
  height:120%;
  transition: height .2s .15s, border-width 0s .16s;
}

/* end: print section */


@media screen and (max-width: 1152px) {


    
}

@media screen and (max-width: 980px) {


    
}


@media screen and (max-width: 736px) {

main {
    padding: 0 4vw 2rem 4vw;
}
.prod-main-img > ul {
  grid-template-columns: 1.0fr;
  grid-gap: 1vw;
}
.prod-main-img > ul > li > figure > img {
    display: block;
    width: 60%;
    margin: 2vw auto 3vw auto;
    object-fit: cover;
}
.prod-main-img > ul > li > figure > .prod-intro-brdr {
  padding: clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem) 1rem clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem) 1rem;
  border: 1px solid var(--clr-greendrk);
  border-radius: .6rem;
  margin: 0.64em 0 .23em 0;
}
div.prod-intro-nav > a.art-lnk{
	padding: .5rem 0.6rem .5rem 0.6rem;
}
div.prod-anch-margin div {
  margin-top: -20%;
}
.prod-box-i > ul > li {
    column-count: 1;
}
.prod-box-i > ul > li > span > figure.prod-box-i-img > .prod-box-i-img-cntnr > .imageGallery {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
    
}