*{box-sizing:border-box}
body{margin:0;background:#fff;color:#101413;font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer}
a{color:#00755B;text-decoration:none}
a:hover{color:#101413}
h1,h2,h3,h4{margin:0;font-family:'Archivo',system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.06}
summary::-webkit-details-marker{display:none}
summary{list-style:none}
@keyframes yvfade{from{opacity:0}to{opacity:1}}
@keyframes yvin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
main{animation:yvin .32s cubic-bezier(.2,.7,.3,1) both}
a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .3s ease}
.pcard:hover .baseimg{opacity:.9!important}
.pcard:hover .hoverimg{opacity:1!important}
.g::after{content:"+"}
details[open]>summary>.g::after{content:"−"}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid #009775;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:900px){
  .navmain{display:none!important}
  .burger{display:grid!important}
  .catlay{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .filters{display:none!important;position:static!important;top:auto!important}
  .filters.open{display:block!important;margin-bottom:36px!important}
  .mobfilter{display:flex!important}
  .pdp{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .gal{grid-template-columns:minmax(0,1fr)!important;position:static!important;top:auto!important}
  .galt{flex-direction:row!important;overflow-x:auto!important;padding-bottom:4px!important}
  .galt button{width:70px!important;flex:none!important}
  .cartlay{grid-template-columns:minmax(0,1fr)!important;gap:44px!important}
  .stickycol{position:static!important;top:auto!important}
  .tiles,.grid4,.catgrid,.uspgrid,.giftrow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fcols{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
  .fbot{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important}
  .galm{order:1!important}
  .galt{order:2!important}
  .logoimg{height:52px!important}
  .uspx:last-child{display:none!important}
  .buybar{display:flex!important}
  .aboutimg{aspect-ratio:4/3!important}
  .hero{min-height:min(78vh,580px)!important}
  .herograd{background:linear-gradient(to top,rgba(8,12,11,.86) 18%,rgba(8,12,11,.2) 70%)!important}
  .uspwrap{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .igrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .aboutgrid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .plustext{padding:4px clamp(20px,5vw,28px) clamp(28px,6vw,36px)!important}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid3m>a:first-child{grid-column:span 2}
  .grid3m>a:first-child .imgbox{aspect-ratio:4/3!important}
  .rvgrid{grid-template-columns:minmax(0,1fr)!important}
  .cartline{grid-template-columns:78px minmax(0,1fr)!important}
  .cartline .lprice{grid-column:2!important;text-align:left!important;margin-top:12px!important}
  .relrow{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin:0 calc(-1 * clamp(20px,4.5vw,56px));padding:0 clamp(20px,4.5vw,56px) 6px}
  .relrow>a{flex:0 0 60%;scroll-snap-align:start}
  .headrow{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  .pdpwrap{padding-bottom:96px!important}
}
@media(max-width:560px){
  .uspgrid{grid-template-columns:minmax(0,1fr)!important}
  .giftrow{gap:10px!important}
  .uspx{display:none!important}
  .giftcard{padding:9px!important}
}