/* ============================================================
   Aford Store — eveen-inspired storefront theme
   Loaded after style.css + aford.css. Mobile-first.
   ============================================================ */

:root{
  --bg:#ffffff;
  --bg-2:#f7f7f7;
  --card:#ffffff;
  --ink:#131313;
  --ink-2:#303030;
  --muted:#808080;
  --line:#e8e8e8;
  --line-2:#d8d8d8;
  --accent:#3a5a40;
  --gold:#f4c542;
  --sale:#d92d20;
  --ok:#3a5a40;
  --wa:#25d366;
  --green:#3a5a40;
  --green-deep:#2c4531;
  --cream:#f5efe6;
  --yellow:#f4c542;
  --radius:8px;
  --radius-sm:8px;
  --radius-lg:10px;
  --sans:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --header-h:57px;
  --maxw:1280px;
  --ev-yellow:#f4c542;
  --ev-cream:#f5efe6;
  --ev-gray:#f7f7f7;
  --ev-green:#3a5a40;
  --ev-ink:#131313;
  --ev-muted:#808080;
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y}
body{
  background:#fff;
  color:var(--ev-ink);
  font-family:var(--sans);
  font-size:12px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  touch-action:pan-x pan-y;
}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-1px;color:var(--ev-ink)}
p{margin:0}
img{max-width:100%}
.container{padding-left:16px;padding-right:16px}
.site-main{padding-bottom:0;min-height:60vh}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ev-section{background:#fff;padding:24px 16px}
.ev-section--gray{background:var(--ev-gray)}
.ev-section--cream{background:var(--ev-cream)}
.ev-section__inner{width:100%;max-width:1280px;margin:0 auto}
.ev-heading{
  margin:0 0 16px;
  font:400 25px/30px var(--serif);
  letter-spacing:-1px;
  text-align:center;
  color:var(--ev-ink);
}
.ev-heading a{color:inherit;text-decoration:none}
.ev-heading a:hover{text-decoration:none}

/* ------------------------------------------------------------ announcement */
.ev-announce{
  height:26px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--ev-yellow);
  color:#000;
  font:400 12px/18px var(--sans);
}
.ev-announce__track{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:64px;
  padding-left:16px;
  white-space:nowrap;
  color:inherit;
  animation:ev-marquee 60s linear infinite;
  will-change:transform;
}
.ev-announce:hover .ev-announce__track{animation-play-state:paused}
.ev-announce__msg{flex:0 0 auto}
@keyframes ev-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 32px),0,0)}
}

/* ------------------------------------------------------------ returns strip */
.ev-returns{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 16px;
  background:var(--ev-cream);
  color:#000;
  font:400 11.5px/16px var(--sans);
  text-align:center;
}
.ev-returns__item{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ev-returns__icon{display:inline-flex;flex:0 0 auto}
.ev-returns__icon .ico{width:17px;height:17px;stroke-width:1.35}

/* ------------------------------------------------------------ header */
.ev-header{
  position:sticky;
  top:0;
  z-index:60;
  background:#fff;
  border-bottom:1px solid transparent;
}
.ev-header.is-scrolled{box-shadow:0 1px 12px rgba(0,0,0,.08)}
.ev-header__inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  height:57px;
  max-width:1400px;
  margin:0 auto;
  padding:0 16px;
}
.ev-header__left{display:flex;align-items:center;gap:16px;justify-self:start}
.ev-header__right{display:flex;align-items:center;gap:16px;justify-self:end}
.ev-iconbtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:32px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#000;
  cursor:pointer;
}
.ev-iconbtn:hover{background:none;color:#000}
.ev-iconbtn .ico{width:22px;height:22px;stroke-width:1.45}
.ev-header__burger .ico{width:23px;height:23px;stroke-width:1.4}
.ev-logo{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#000;text-decoration:none}
.ev-logo__bag{width:27px;height:27px;flex:0 0 auto}
.ev-logo__type{display:flex;flex-direction:column;justify-content:center;line-height:1;min-width:0}
.ev-logo__type strong{
  font:700 16px/1 var(--serif);
  letter-spacing:-.65px;
  color:#000;
  white-space:nowrap;
}
.ev-logo__type strong span{color:#000;font-weight:700}
.ev-logo__type small{
  margin-top:2px;
  font:500 6px/1 var(--sans);
  letter-spacing:.01em;
  color:#1b1b1b;
  white-space:nowrap;
}
.ev-count{
  position:absolute;
  top:1px;
  right:-4px;
  min-width:14px;
  height:14px;
  padding:0 3px;
  border:1.5px solid #fff;
  border-radius:999px;
  background:var(--sale);
  color:#fff;
  font:700 9px/11px var(--sans);
  text-align:center;
}
.ev-searchpanel{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:2;
  background:#fff;
  border-top:1px solid #ededed;
  box-shadow:0 12px 24px -18px rgba(0,0,0,.35);
}
.ev-searchpanel__in{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:1400px;
  margin:0 auto;
  padding:12px 16px;
}
.ev-searchpanel__ico{display:inline-flex;color:#000}
.ev-searchpanel__ico .ico{width:20px;height:20px}
.ev-searchpanel input{
  flex:1;
  min-width:0;
  height:34px;
  border:0;
  border-bottom:1px solid #000;
  border-radius:0;
  background:transparent;
  padding:0 2px;
  font:400 13px var(--sans);
  color:#000;
  outline:none;
}
.ev-searchpanel__submit{
  height:34px;
  padding:0 18px;
  border:0;
  border-radius:4px;
  background:var(--ev-green);
  color:#fff;
  font:400 13px var(--sans);
  cursor:pointer;
}
.ev-searchpanel__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:none;
  color:#000;
  cursor:pointer;
}
.ev-searchpanel__close .ico{width:18px;height:18px}
.ev-count[hidden]{display:none}

/* ------------------------------------------------------------ drawer */
.ev-drawer .drawer__scrim{background:rgba(17,17,17,.52);backdrop-filter:blur(4px)}
.ev-drawer .drawer__panel{
  width:min(91vw,400px);
  background:#fff;
  box-shadow:-18px 0 60px rgba(0,0,0,.22);
}
.ev-logo--drawer .ev-logo__bag{width:28px;height:28px}
.ev-logo--drawer .ev-logo__type strong{font-size:17px}
.ev-logo--drawer .ev-logo__type small{font-size:5.5px;color:#555}
.ev-menu__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 20px;
  border-bottom:1px solid #ededed;
  background:#fff;
  flex:0 0 auto;
}
.ev-menu__close{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
  color:#111;
  cursor:pointer;
  transition:opacity .2s ease;
}
.ev-menu__close:hover{opacity:.55}
.ev-menu__close .ico{width:22px;height:22px;stroke-width:1.3}
.ev-menu__body{padding:0 20px 22px;background:#fff}
.ev-menu__loc{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  padding:14px 0;
  border:0;
  border-bottom:1px solid #ededed;
  background:#fff;
  color:#111;
  text-align:left;
  cursor:pointer;
}
.ev-menu__locpin{display:flex;color:#111;flex:0 0 auto}
.ev-menu__locpin .ico{width:15px;height:15px;stroke-width:1.4}
.ev-menu__loccopy{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25;gap:1px}
.ev-menu__loccopy small{
  font:500 7px/1 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#999;
}
.ev-menu__loccopy strong{
  font:500 11.5px/1.3 var(--sans);
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ev-menu__loccopy em{
  font:400 9px/1.35 var(--sans);
  font-style:normal;
  color:#777;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ev-menu__locarrow{display:flex;color:#111;flex:0 0 auto}
.ev-menu__locarrow .ico{width:12px;height:12px;stroke-width:1.4}
.ev-menu__search{
  display:flex;
  align-items:center;
  gap:8px;
  height:42px;
  margin:16px 0 2px;
  padding:0 10px 0 12px;
  border:1px solid #e6e6e6;
  border-radius:3px;
  background:#fff;
}
.ev-menu__searchico{display:flex;color:#8a8a8a;flex:0 0 auto}
.ev-menu__searchico .ico{width:15px;height:15px}
.ev-menu__search input{
  flex:1;
  min-width:0;
  padding:0;
  border:0;
  background:none;
  outline:none;
  font:400 11.5px var(--sans);
  color:#111;
}
.ev-menu__search input::placeholder{color:#999}
.ev-menu__search button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#111;
  flex:0 0 auto;
  cursor:pointer;
}
.ev-menu__search button .ico{width:14px;height:14px}
.ev-menu__label{display:flex;align-items:center;justify-content:space-between;margin:22px 0 2px}
.ev-menu__label span{font:600 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#111}
.ev-menu__label em{font:400 7.5px/1 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#aaa}
.ev-menu__nav{display:flex;flex-direction:column}
.ev-menu__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:14px 0;
  border:0;
  border-bottom:1px solid #f0f0f0;
  background:#fff;
  color:#111;
  text-decoration:none;
  font:500 14.5px/1.25 var(--serif);
  letter-spacing:-.25px;
  cursor:pointer;
  list-style:none;
}
.ev-menu__link--all{font-weight:600}
.ev-menu__link .ev-menu__chev{width:12px;height:12px;color:#111;stroke-width:1.4;flex:0 0 auto}
.ev-menu__group{border-bottom:1px solid #f0f0f0}
.ev-menu__group>.ev-menu__link{border-bottom:0}
.ev-menu__group summary::-webkit-details-marker{display:none}
.ev-menu__plus{position:relative;width:11px;height:11px;flex:0 0 auto}
.ev-menu__plus::before,
.ev-menu__plus::after{content:"";position:absolute;background:#111;transition:transform .2s ease,opacity .2s ease}
.ev-menu__plus::before{top:5px;left:0;width:11px;height:1px}
.ev-menu__plus::after{top:0;left:5px;width:1px;height:11px}
.ev-menu__group[open] .ev-menu__plus::after{transform:rotate(90deg);opacity:0}
.ev-menu__subwrap{
  display:flex;
  flex-direction:column;
  margin:0 0 10px 1px;
  padding:0 0 0 13px;
  border-left:1px solid #e8e8e8;
}
.ev-menu__sub{padding:7px 0;color:#111;font:400 12px/1.3 var(--sans);text-decoration:none}
.ev-menu__sub:first-child{color:#111;font-weight:500}
.ev-menu__sub:hover{color:#000;text-decoration:underline;text-underline-offset:3px}
.ev-menu__mini{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0;padding:0;list-style:none}
.ev-menu__mini a{
  display:block;
  padding:10px 0;
  border-bottom:1px solid #f0f0f0;
  color:#111;
  font:400 10.5px/1.3 var(--sans);
  text-decoration:none;
}
.ev-menu__mini a:hover{color:#000;text-decoration:underline;text-underline-offset:3px}
.ev-menu__foot{
  flex:0 0 auto;
  padding:14px 20px calc(16px + env(safe-area-inset-bottom));
  border-top:1px solid #ededed;
  background:#fff;
}
.ev-menu__wa{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:1px solid #111;
  border-radius:0;
  background:#111;
  color:#fff;
  text-decoration:none;
  font:500 11px/1 var(--sans);
  transition:background .2s ease;
}
.ev-menu__wa:hover{background:#000;border-color:#000}
.ev-menu__waico{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 auto}
.ev-menu__waico .ico{width:16px;height:16px}
.ev-menu__wacopy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.ev-menu__wacopy small{display:none}
.ev-menu__wacopy strong{font:500 11px/1.2 var(--sans);color:#fff}
.ev-menu__foot .ev-menu__chev{width:12px;height:12px;color:rgba(255,255,255,.75)}
.ev-menu__hours{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:10px 0 0;
  font:400 8.5px/1.4 var(--sans);
  color:#999;
  text-align:center;
}
.ev-menu__hours .ico{width:10px;height:10px}

/* ------------------------------------------------------------ hero */
.ev-hero{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  overflow:hidden;
  background:#eadfce;
  isolation:isolate;
}
.ev-hero__track{position:absolute;inset:0}
.ev-hero__slide{
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  transition:opacity .8s ease;
  color:inherit;
}
.ev-hero__slide.is-active{opacity:1}
.ev-hero__slide img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.ev-hero__slide::after{content:none}
.ev-hero__content{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 16px;
  pointer-events:none;
}
.ev-hero__badge{
  width:198px;
  height:auto;
  margin-top:-2px;
  filter:drop-shadow(0 5px 10px rgba(77,49,8,.30));
}
.ev-hero__tagline{
  margin:0;
  font:700 17px/1.2 var(--sans);
  letter-spacing:-.2px;
  color:#1b1b1b;
  text-align:center;
  text-shadow:0 1px 5px rgba(255,250,240,.8);
}
.ev-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  width:276px;
  max-width:calc(100% - 24px);
  margin-top:8px;
}
.ev-benefit{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:158px;
  padding:12px 4px 8px;
  border:1px solid #d5b06a;
  border-radius:10px;
  background:linear-gradient(180deg,#fffdf7 0%,#fbf4e5 100%);
  box-shadow:0 3px 9px rgba(94,63,16,.18);
  text-align:center;
}
.ev-benefit__ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:37px;
  height:37px;
  margin-bottom:8px;
  border:1px solid #d4ac5c;
  border-radius:50%;
  background:#fffaf0;
  color:#a77a1f;
  box-shadow:inset 0 0 0 2px #fff,0 2px 4px rgba(80,50,9,.10);
  flex:0 0 auto;
}
.ev-benefit__ico .ico{width:20px;height:20px;stroke-width:1.45}
.ev-benefit strong{
  display:block;
  margin-bottom:5px;
  font:700 10px/1.18 var(--sans);
  color:#1b1b1b;
}
.ev-benefit small{
  display:block;
  max-width:58px;
  font:400 8px/1.25 var(--sans);
  color:#303030;
}
.ev-hero__dots{
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:5px;
  pointer-events:auto;
}
.ev-hero__dot{
  width:22px;
  height:4px;
  padding:0;
  border:1px solid #fff;
  border-radius:0;
  background:transparent;
  cursor:pointer;
}
.ev-hero__dot.is-active{background:#131313;border-color:#131313}

/* ------------------------------------------------------------ scrolling ticker */
.ev-ticker{
  display:flex;
  align-items:center;
  height:34px;
  overflow:hidden;
  background:#131313;
  color:#f5efe6;
  border-top:1px solid rgba(244,197,66,.28);
  border-bottom:1px solid rgba(244,197,66,.28);
}
.ev-ticker__rail{display:flex;align-items:center;width:max-content;animation:ev-ticker 46s linear infinite}
.ev-ticker__group{display:flex;align-items:center;gap:0;padding-right:0;white-space:nowrap}
.ev-ticker__group span{
  display:inline-flex;
  align-items:center;
  font:500 9.5px/1 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f5efe6;
}
.ev-ticker__group span::after{content:"✦";margin:0 21px;font-size:8px;letter-spacing:0;color:var(--ev-yellow)}
@keyframes ev-ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}

/* ------------------------------------------------------------ video cards */
.ev-videos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ev-video{
  position:relative;
  display:block;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:8px;
  background:#ddd;
  color:#fff;
  isolation:isolate;
}
.ev-video img,.ev-video video{width:100%;height:100%;object-fit:cover;display:block}
.ev-video__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 58%,rgba(0,0,0,.40) 100%);
}
.ev-video__caption{
  position:absolute;
  z-index:2;
  top:10px;
  left:6px;
  right:6px;
  font:400 11px/1.3 var(--sans);
  color:#fff;
  text-align:center;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
}
.ev-video__cta{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  font:400 16.5px/1 var(--serif);
  color:#fff;
  text-decoration:underline;
  text-underline-offset:5px;
  text-shadow:0 1px 6px rgba(0,0,0,.55);
  white-space:nowrap;
}

/* ------------------------------------------------------------ product cards */
.ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;align-items:start}
.ev-card{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;text-align:left}
.ev-card__media{position:relative;width:100%;aspect-ratio:1/1}
.ev-card__imagelink{display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#faf8f4}
.ev-card__imagelink img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.ev-card__labels{
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  max-width:calc(100% - 24px);
}
.ev-label{
  display:block;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:20px;
  background:var(--ev-yellow);
  color:#000;
  font:400 11px/11px var(--serif);
  letter-spacing:0;
  text-transform:uppercase;
  white-space:nowrap;
}
.ev-card__addform{position:absolute;z-index:3;right:12px;bottom:12px;margin:0}
.ev-card__add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid rgba(0,0,0,.1);
  border-radius:50%;
  background:#fff;
  color:#000;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition:transform .18s ease,background .18s ease;
}
.ev-card__media > .ev-card__add{position:absolute;z-index:3;right:12px;bottom:12px}
.ev-card__add:hover{transform:scale(1.05);background:#fff}
.ev-card__add .ico{width:16px;height:16px;stroke-width:1.5}
.ev-card__add[disabled]{opacity:.5;cursor:progress}
.ev-card__sold{
  position:absolute;
  z-index:3;
  left:12px;
  right:12px;
  bottom:12px;
  padding:7px 8px;
  border-radius:20px;
  background:rgba(0,0,0,.82);
  color:#fff;
  font:400 10px/12px var(--serif);
  text-transform:uppercase;
  text-align:center;
}
.ev-card__details{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:650px;margin:0;text-align:left}
.ev-card__title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:36px;
  font:400 12px/18px var(--serif);
  letter-spacing:0;
  text-transform:uppercase;
  color:#000;
}
.ev-card__prices{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:flex-start;
  gap:4px;
  min-height:18px;
  font:400 12px/18px var(--sans);
  color:#000;
}
.ev-card__old{color:#808080;text-decoration:line-through;white-space:nowrap}
.ev-card__price{color:#000;font-weight:700;white-space:nowrap}
.ev-more{margin-top:32px;text-align:center}
.ev-viewall{
  display:inline-block;
  font:400 15px/1.3 var(--serif);
  color:#000;
  text-decoration:underline;
  text-underline-offset:4px;
}
.ev-viewall:hover{text-decoration:underline}

/* ------------------------------------------------------------ carousels */
.ev-carousel__nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:-6px 0 18px;
}
.ev-carousel__arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:28px;
  padding:0;
  border:0;
  background:none;
  color:#131313;
  cursor:pointer;
}
.ev-carousel__arrow .ico{width:13px;height:20px;stroke-width:1.4}
.ev-carousel__arrow[disabled]{opacity:.3;cursor:default}
.ev-carousel__count{min-width:30px;font:400 12px/1 var(--sans);color:#131313;text-align:center}
.ev-carousel__viewport{width:100%;overflow:hidden}
.ev-carousel__track{
  display:flex;
  align-items:flex-start;
  gap:8px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-behavior:smooth;
}
.ev-carousel__track::-webkit-scrollbar{display:none}
.ev-carousel__item{flex:0 0 calc((100% - 8px)/2);min-width:0;scroll-snap-align:start}
.ev-carousel__track > .ev-carousel__item > .ev-card{height:auto}

/* under-299 promo tile */
.ev-promo-tile{
  position:relative;
  display:block;
  width:100%;
  min-height:270px;
  padding:10px;
  overflow:hidden;
  border-radius:8px;
  background:
    radial-gradient(circle at 6% 4%,#f4c542 0 10%,rgba(244,197,66,0) 10.5%),
    radial-gradient(circle at 96% 14%,#f0a184 0 14%,rgba(240,161,132,0) 14.5%),
    radial-gradient(circle at 8% 94%,#b9c6d9 0 14%,rgba(185,198,217,0) 14.5%),
    radial-gradient(circle at 92% 96%,#efc66d 0 12%,rgba(239,198,109,0) 12.5%),
    linear-gradient(135deg,#f6efe5,#f2eadf);
}
.ev-promo-tile__frame{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:250px;
  height:100%;
  padding:14px 8px;
  border:1.5px solid #131313;
  background:rgba(255,255,255,.54);
  text-align:center;
}
.ev-promo-tile strong{font:400 22px/1.12 var(--serif);letter-spacing:-.6px;color:#131313}
.ev-promo-tile small{font:400 9.5px/1.45 var(--sans);color:#202020;max-width:112px}
.ev-promo-tile__cta{
  margin-top:2px;
  font:400 13px/1.25 var(--serif);
  color:#131313;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ------------------------------------------------------------ one-day deal */
.ev-deal{
  position:relative;
  width:100%;
  height:clamp(172px,46vw,360px);
  overflow:hidden;
  background:var(--ev-cream);
  color:#111;
}
.ev-deal__bg{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.ev-deal::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.32),rgba(255,255,255,0) 42%,rgba(26,17,7,.18));
  pointer-events:none;
}
.ev-deal__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:8px 16px 14px;
  text-align:center;
}
.ev-deal__title{
  margin:0 0 3px;
  font:400 25px/1.15 var(--serif);
  letter-spacing:-.6px;
  color:#111;
  text-shadow:0 1px 5px rgba(255,255,255,.7);
}
.ev-deal__cta{
  font:400 16px/1.2 var(--serif);
  color:#111;
  text-decoration:underline;
  text-underline-offset:4px;
  margin-bottom:auto;
  text-shadow:0 1px 4px rgba(255,255,255,.7);
}
.ev-timer{display:flex;align-items:flex-start;justify-content:center;gap:7px}
.ev-timer__digits{display:flex;gap:4px}
.ev-timer__digits span{
  display:block;
  width:31px;
  height:38px;
  border-radius:4px;
  background:rgba(20,20,20,.44);
  color:#fff;
  font:400 24px/38px var(--serif);
  text-align:center;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.ev-timer__sep{font:400 22px/38px var(--serif);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.ev-timer__unit small{
  display:block;
  margin-top:2px;
  font:400 10px/1.2 var(--serif);
  color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
}

/* ------------------------------------------------------------ newsletter + footer */
.ev-newsletter{background:#fff;padding:24px 16px}
.ev-newsletter__inner{width:100%;max-width:1200px;margin:0 auto}
.ev-newsletter p{
  max-width:650px;
  margin:0 0 16px;
  font:400 16px/1.45 var(--sans);
  color:#131313;
}
.ev-subscribe{display:flex;align-items:flex-end;gap:12px;width:100%;max-width:650px}
.ev-subscribe input{
  flex:1;
  min-width:0;
  height:36px;
  padding:0;
  border:0;
  border-bottom:1px solid #131313;
  border-radius:0;
  background:transparent;
  font:400 13px var(--sans);
  color:#131313;
  outline:none;
}
.ev-subscribe input::placeholder{color:#333;opacity:1}
.ev-subscribe button{
  flex:0 0 auto;
  height:36px;
  min-width:108px;
  padding:0 22px;
  border:0;
  border-radius:4px;
  background:var(--ev-green);
  color:#fff;
  font:400 14px var(--sans);
  cursor:pointer;
}
.ev-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  padding:32px 16px calc(34px + env(safe-area-inset-bottom));
  background:var(--ev-green);
  color:#fff;
  text-align:center;
}
.ev-footer__links{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:12px}
.ev-footer__links a{font:400 14px/1.25 var(--sans);color:#fff;text-decoration:none}
.ev-footer__links a:hover{text-decoration:underline}
.ev-footer__copy{margin-top:2px;font:400 13px/1.4 var(--sans);color:#fff}
.ev-footer__line{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font:400 13px/1.4 var(--sans);
  color:#fff;
  text-decoration:none;
}
.ev-footer__line .ico{width:15px;height:15px;stroke-width:1.6}
.ev-footer__line span{border-bottom:1px solid rgba(255,255,255,.85);padding-bottom:1px}
.ev-footer__line:not([href]){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
}

/* ------------------------------------------------------------ whatsapp */
.wafloat.ev-wafloat{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:75;
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  padding:0;
  border:3px solid #fff;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,.28);
}
.ev-wafloat svg{width:29px;height:29px;display:block}
.ev-wafloat:hover{background:#20c05c;color:#fff;transform:translateY(-1px)}
.ev-wafloat span{display:none}

/* ------------------------------------------------------------ generic inner pages */
.btn{
  border-radius:6px;
  font-family:var(--sans);
  font-weight:500;
  letter-spacing:0;
}
.btn--dark{background:var(--ev-ink);color:#fff}
.btn--dark:hover{background:var(--ev-green);color:#fff}
.btn--yellow{background:var(--ev-yellow);border-color:var(--ev-yellow);color:#111}
.btn--wa{background:#25d366;color:#08351b}
.pagehead{padding-top:28px;padding-bottom:18px}
.pagehead__title{font:400 29px/1.15 var(--serif);letter-spacing:-1px}
.pagehead__sub{margin-top:6px;font-size:12px;color:#777}
.crumbs{display:flex;align-items:center;gap:6px;margin-bottom:10px;font:400 10px/1.2 var(--sans);letter-spacing:.02em;color:#888;text-transform:uppercase}
.crumbs a{color:inherit}
.crumbs strong{font-weight:500;color:#222}

/* shop/product grids */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 8px;align-items:start}
.pgrid.pgrid--shop{row-gap:36px}
.pcard{display:none} /* legacy cards no longer rendered */

/* forms and cards on inner pages */
.card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none}
.card__head{border-bottom:1px solid var(--line)}
.card__head h2{font-family:var(--serif);font-weight:400;letter-spacing:-.5px}
.input{border:1px solid var(--line-2);border-radius:6px;background:#fff;font-family:var(--sans)}
.input:focus{border-color:var(--ev-green);box-shadow:0 0 0 3px rgba(58,90,64,.1)}

/* old mobile dock should never show */
.bottomnav{display:none !important}

/* ------------------------------------------------------------ shop page */
.shopmain--clean{padding-bottom:54px}
.shophead{padding:22px 0 18px;text-align:center}
.shophead__title{margin:0;font:400 29px/1.15 var(--serif);letter-spacing:-1px;color:#131313}
.shoptools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.shoptools__sort{
  position:relative;
  display:flex;
  align-items:center;
  min-width:112px;
  height:42px;
  padding:0 28px 0 11px;
  border:1px solid #dcd4c5;
  border-radius:2px;
  background:#fff;
}
.shoptools__sort select{
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:0;
  outline:none;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  font:400 12px/1 var(--sans);
  color:#131313;
  cursor:pointer;
}
.shoptools__chev{position:absolute;right:9px;top:50%;width:12px;height:12px;transform:translateY(-50%);color:#131313;pointer-events:none}
.shoptools__filter{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:42px;
  padding:0 13px;
  border:1px solid #dcd4c5;
  border-radius:2px;
  background:#fff;
  color:#131313;
  font:400 12px/1 var(--sans);
  cursor:pointer;
}
.shoptools__filter .ico{width:15px;height:15px;stroke-width:1.5}
.pgrid--shop{gap:20px 8px}
.shopmain--clean .empty{padding:70px 20px;text-align:center}

/* filter drawer */
.filters__scrim{
  position:fixed;
  inset:0;
  z-index:128;
  padding:0;
  border:0;
  background:rgba(19,17,14,.5);
  backdrop-filter:blur(4px);
}
.filters__scrim[hidden]{display:none}
.filters{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  z-index:130;
  display:block;
  width:min(92vw,390px);
  padding:0;
  border:0;
  border-radius:0;
  background:#fbf8f2;
  overflow-y:auto;
  box-shadow:-24px 0 80px rgba(0,0,0,.25);
  visibility:hidden;
  transform:translateX(102%);
  transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;
}
.filters.is-open{visibility:visible;transform:none}
.filters__head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:18px 20px;
  border-bottom:1px solid #e7dfd1;
  background:#fbf8f2;
}
.filters__head h3{margin:0;font:400 22px/1.2 var(--serif);letter-spacing:-.6px;color:#131313}
.filters__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #dfd6c7;
  border-radius:50%;
  background:#fff;
  color:#131313;
  cursor:pointer;
}
.filters__close .ico{width:15px;height:15px}
.filters form{padding:0 20px 24px}
.filters__group{padding:15px 0;border-top:1px solid #e9e1d3}
.filters__group:first-of-type{border-top:0;padding-top:16px}
.filters__group h4{margin:0 0 10px;font:600 8.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8b8172}
.filters__group .input{height:40px;border-radius:8px;font-size:11.5px}
.filterlist{max-height:none;overflow:visible;gap:0}
.radio,.check{gap:9px;padding:8px 4px;border-radius:6px;font:400 11.5px/1.3 var(--sans);color:#302c26}
.radio input,.check input{width:15px;height:15px;accent-color:#131313}
.filters__range{gap:7px}
.filters__range span{font-size:10px;color:#a19684}
.filters__actions{
  position:sticky;
  bottom:0;
  display:flex;
  flex-direction:row;
  gap:8px;
  margin:6px -20px -24px;
  padding:14px 20px calc(16px + env(safe-area-inset-bottom));
  border-top:1px solid #e7dfd1;
  background:#fbf8f2;
}
.filters__actions .btn{flex:1;min-width:0;height:44px;padding:0 10px;border-radius:999px;font-size:10.5px}

/* ------------------------------------------------------------ product detail */
.pdp{padding-top:24px}
.pdp__rating-empty{display:inline-flex;align-items:center;gap:6px}
.pdp__rating .stars .star{font-size:12px}
.pdptabs{padding:0 16px 54px;margin-top:2px}
.pdptabs__card{
  max-width:1160px;
  margin:0 auto;
  border:1px solid #eae3d6;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 44px rgba(57,42,17,.06);
  overflow:hidden;
}
.pdptabs__top{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  padding:12px;
  border-bottom:1px solid #ece5d8;
  background:#faf7f1;
}
.pdptabs__eyebrow{display:none;flex-direction:column;gap:3px;padding-left:4px;min-width:0}
.pdptabs__eyebrow span{font:600 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#9a8e7a}
.pdptabs__eyebrow strong{font:500 13px/1.2 var(--serif);letter-spacing:-.2px;color:#131313;white-space:nowrap}
.tabs{
  display:flex;
  gap:3px;
  width:100%;
  padding:3px;
  border:1px solid #e7dfd2;
  border-radius:12px;
  background:#fff;
  overflow:visible;
}
.tabs__btn{
  display:inline-flex;
  flex:1;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
  padding:10px 5px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#7a7266;
  font:500 9.5px/1 var(--sans);
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.tabs__btn:hover{background:#f7f2e8;color:#131313}
.tabs__btn.is-active{background:#131313;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.tabs__ico{display:none;align-items:center;justify-content:center;flex:0 0 auto}
.tabs__ico .ico{width:13px;height:13px;stroke-width:1.6}
.tabs__label{overflow:hidden;text-overflow:ellipsis}
.tabs__label--short{display:inline}
.tabs__label--long{display:none}
.tabs__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  background:#f4c542;
  color:#131313;
  font:600 8px/1 var(--sans);
  font-style:normal;
  flex:0 0 auto;
}
.tabs__panel{padding:22px 16px 24px;animation:ev-panel-in .28s ease}
.tabs__panel.is-active{display:block}
@keyframes ev-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.pdpdesc__kicker{display:block;margin-bottom:6px;font:600 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#a08e6a}
.pdpdesc__title{margin:0 0 14px;font:400 24px/1.15 var(--serif);letter-spacing:-.7px;color:#131313}
.pdpdesc .prose{max-width:70ch;font-size:13px;line-height:1.75;color:#4b4740}
.pdpdesc .prose p{margin-bottom:11px}
.pdpdesc .prose h2{font-size:20px;margin:18px 0 8px}
.pdpdesc .prose h3{font-size:17px;margin:16px 0 7px}
.pdpmeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:20px 0 0;padding:14px 0 0;border-top:1px solid #eee6d8}
.pdpmeta div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pdpmeta dt{font:600 8px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9b8e78}
.pdpmeta dd{margin:0;font:500 10.5px/1.35 var(--sans);color:#131313;overflow:hidden;text-overflow:ellipsis}
.revlayout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.revmain{min-width:0}
.revsummary{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid #eae3d6;
  border-radius:13px;
  background:#faf7f1;
}
.revsummary__score{display:flex;align-items:center;gap:14px}
.revsummary__score strong{font:400 42px/1 var(--serif);letter-spacing:-2px;color:#131313}
.revsummary__stars{display:flex;flex-direction:column;gap:5px}
.revsummary__stars .star{font-size:13px;color:#ddd5c7}
.revsummary__stars .star.is-on{color:#e7b122}
.revsummary__stars>span{font:400 9.5px/1.25 var(--sans);color:#7c7468}
.revsummary__bars{display:flex;flex-direction:column;gap:5px;width:100%}
.revbar{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px}
.revbar>span{font:400 8.5px/1 var(--sans);color:#7c7468;white-space:nowrap}
.revbar__track{height:5px;border-radius:5px;background:#e9e1d3;overflow:hidden}
.revbar__track i{display:block;height:100%;border-radius:inherit;background:#f4c542}
.revbar em{font:500 8.5px/1 var(--sans);font-style:normal;color:#7c7468;text-align:right}
.revlist{display:flex;flex-direction:column;gap:9px;max-width:none}
.revlist__item{margin:0;padding:15px 14px;border:1px solid #ece4d7;border-radius:12px;background:#fff}
.revlist__head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.revlist__head .revcard__avatar{width:32px;height:32px;background:#f4c542;color:#131313;font-size:11px;flex:0 0 auto}
.revlist__who{display:flex;flex-direction:column;gap:2px;min-width:0}
.revlist__who strong{font:600 11px/1.2 var(--sans);color:#131313;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.revlist__verified{display:inline-flex;align-items:center;gap:3px;font:400 7.5px/1 var(--sans);letter-spacing:.03em;color:#6d7f63}
.revlist__verified .ico{width:9px;height:9px}
.revlist__head time{margin-left:auto;font:400 8.5px/1 var(--sans);color:#9a9080;flex:0 0 auto}
.revlist__rating{margin-bottom:7px}
.revlist__rating .star{font-size:11px;color:#ddd5c7}
.revlist__rating .star.is-on{color:#e7b122}
.revlist__item p{margin:0;font:400 11.5px/1.65 var(--sans);color:#4d4841}
.revempty{padding:36px 24px;border:1px dashed #ddd2bd;border-radius:14px;background:#fdfbf6;text-align:center}
.revempty__ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:12px;
  border-radius:50%;
  background:#fff3cf;
  color:#c28b13;
}
.revempty__ico .ico{width:22px;height:22px}
.revempty__kicker{display:block;margin-bottom:6px;font:600 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#a08e6a}
.revempty h3{margin:0 0 8px;font:400 20px/1.2 var(--serif);letter-spacing:-.5px;color:#131313}
.revempty p{max-width:320px;margin:0 auto;font:400 10.5px/1.6 var(--sans);color:#7d7468}
.revform{
  display:flex;
  flex-direction:column;
  gap:5px;
  max-width:none;
  margin:0;
  padding:18px 16px;
  border:1px solid #e7ddca;
  border-radius:14px;
  background:#faf7f1;
}
.revform__kicker{font:600 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#a08e6a}
.revform h3{margin:1px 0 0;font:400 22px/1.2 var(--serif);letter-spacing:-.5px;color:#131313}
.revform__sub{margin:0 0 8px;font:400 10px/1.5 var(--sans);color:#7c7365}
.revform form{display:flex;flex-direction:column;gap:10px}
.revform__rate{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:500 9px/1.2 var(--sans);color:#6f675c}
.revform .starpick__star .ico{width:21px;height:21px}
.revform .input{height:42px;padding:10px 12px;border-radius:8px;font-size:11.5px}
.revform textarea.input{height:auto;min-height:100px;padding:11px 12px;font-size:11.5px;line-height:1.55}
.revform .formrow{grid-template-columns:1fr}
.revform__submit{width:100%;height:44px;border-radius:999px;font-size:11px}
.revform__note{display:flex;align-items:center;gap:5px;margin:0;font:400 8.5px/1.3 var(--sans);color:#8c816f}
.revform__note .ico{width:11px;height:11px;flex:0 0 auto}
.shipgrid{display:grid;grid-template-columns:1fr;gap:8px}
.shipcard{padding:14px;border:1px solid #ece4d7;border-radius:12px;background:#faf7f1}
.shipcard__ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-bottom:9px;
  border-radius:50%;
  background:#fff3cf;
  color:#9a7629;
}
.shipcard__ico .ico{width:16px;height:16px}
.shipcard h3{margin:0 0 4px;font:500 12px/1.25 var(--serif);letter-spacing:-.2px;color:#131313}
.shipcard p{margin:0;font:400 9.5px/1.55 var(--sans);color:#756c5f}
.shipnote{margin-top:16px;padding-top:14px;border-top:1px solid #eee6d8}
.shipnote h3{margin:0 0 8px;font:400 18px/1.2 var(--serif);letter-spacing:-.4px;color:#131313}
.shipnote p{margin:0 0 7px;font:400 10.5px/1.65 var(--sans);color:#6f675c}

/* ------------------------------------------------------------ responsive */
@media (min-width:480px){
  .ev-hero__badge{width:214px}
  .ev-benefits{width:300px}
  .ev-benefit{min-height:158px}
  .ev-benefit small{font-size:8.5px;max-width:62px}
}
@media (min-width:768px){
  .container{padding-left:24px;padding-right:24px}
  .shopmain--clean{padding-bottom:64px}
  .shophead{padding:34px 0 22px}
  .shophead__title{font-size:38px}
  .shoptools{margin-bottom:22px}
  .shoptools__sort{min-width:180px;height:46px;padding:0 34px 0 15px}
  .shoptools__sort select{font-size:12.5px}
  .shoptools__filter{height:46px;padding:0 16px;font-size:12.5px;gap:8px}
  .pgrid--shop{gap:22px 12px}
  .pdptabs{padding:0 24px 64px}
  .pdptabs__top{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px}
  .pdptabs__eyebrow{display:flex}
  .tabs{width:auto;border-radius:999px}
  .tabs__btn{flex:0 0 auto;padding:9px 15px;border-radius:999px;font-size:10.5px;gap:6px}
  .tabs__ico{display:flex}
  .tabs__label--short{display:none}
  .tabs__label--long{display:inline}
  .tabs__panel{padding:30px 30px 34px}
  .pdpdesc__title{font-size:28px}
  .pdpdesc .prose{font-size:13.5px}
  .pdpmeta{grid-template-columns:repeat(4,minmax(0,1fr))}
  .revlayout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:26px}
  .revform{position:sticky;top:calc(var(--header-h) + 20px);padding:20px}
  .revsummary{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 20px}
  .revsummary__bars{width:min(260px,55%);flex:0 0 auto}
  .revlist__item{padding:17px 16px}
  .revlist__item p{font-size:12px}
  .revlist__rating .star{font-size:11.5px}
  .revform .formrow{grid-template-columns:1fr 1fr}
  .shipgrid{grid-template-columns:repeat(3,1fr);gap:10px}
  .shipcard{padding:18px 16px}
  .ev-announce{height:30px;font-size:12.5px}
  .ev-returns{min-height:42px;font-size:12px}
  .ev-returns__icon .ico{width:18px;height:18px}
  .ev-header__inner{height:66px;padding:0 24px}
  .ev-header__left{gap:22px}
  .ev-header__right{gap:22px}
  .ev-iconbtn .ico{width:23px;height:23px}
  .ev-logo__bag{width:31px;height:31px}
  .ev-logo__type strong{font-size:19px}
  .ev-logo__type small{font-size:6px;margin-top:2px}
  .ev-hero{height:430px}
  .ev-hero__badge{width:290px;margin-top:4px}
  .ev-hero__tagline{font-size:23px;margin-top:2px}
  .ev-benefits{width:720px;max-width:calc(100% - 64px);gap:16px;margin-top:14px}
  .ev-benefit{min-height:188px;padding:20px 12px 14px;border-radius:12px}
  .ev-benefit__ico{width:55px;height:55px;margin-bottom:12px}
  .ev-benefit__ico .ico{width:27px;height:27px}
  .ev-benefit strong{font-size:14px;margin-bottom:7px}
  .ev-benefit small{font-size:10.5px;max-width:100px;line-height:1.35}
  .ev-hero__dots{bottom:10px;gap:6px}
  .ev-hero__dot{width:28px;height:5px}
  .ev-ticker{height:38px;padding:0}
  .ev-ticker__group span{font-size:10px;line-height:1}
  .ev-ticker__group span::after{margin:0 26px}
  .ev-section{padding:36px 24px}
  .ev-section__inner{max-width:1200px}
  .ev-heading{font-size:34px;line-height:41px;margin-bottom:22px;letter-spacing:-1.2px}
  .ev-videos__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .ev-video__caption{top:14px;font-size:13px}
  .ev-video__cta{font-size:20px;bottom:16px}
  .ev-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 12px}
  .ev-card{gap:16px}
  .ev-card__title{font-size:12px;line-height:20px;min-height:40px}
  .ev-card__prices{font-size:12.5px;line-height:19px}
  .ev-label{font-size:11px;line-height:11px;padding:8px 12px}
  .ev-carousel__item{flex-basis:calc((100% - 36px)/4)}
  .ev-carousel__track{gap:12px}
  .ev-carousel__nav{margin:-8px 0 24px;gap:20px}
  .ev-carousel__arrow .ico{width:14px;height:22px}
  .ev-carousel__count{font-size:13px}
  .ev-promo-tile{min-height:248px}
  .ev-promo-tile__frame{min-height:228px}
  .ev-promo-tile strong{font-size:28px}
  .ev-promo-tile small{font-size:11px;max-width:130px}
  .ev-promo-tile__cta{font-size:15px}
  .ev-deal{height:clamp(240px,32vw,380px)}
  .ev-deal__overlay{padding:16px 24px 20px}
  .ev-deal__title{font-size:34px}
  .ev-deal__cta{font-size:19px}
  .ev-timer__digits span{width:42px;height:48px;font-size:30px;line-height:48px}
  .ev-timer__sep{font-size:28px;line-height:48px}
  .ev-timer__unit small{font-size:12px}
  .ev-newsletter{padding:34px 24px}
  .ev-newsletter__inner{max-width:1200px}
  .ev-newsletter p{font-size:17px}
  .ev-subscribe{max-width:680px}
  .ev-footer{padding:44px 24px calc(44px + env(safe-area-inset-bottom));gap:20px}
  .ev-footer__links{flex-direction:row;gap:36px;margin-bottom:18px}
  .ev-footer__links a{font-size:14px}
  .wafloat.ev-wafloat{right:24px;bottom:24px;width:62px;height:62px}
  .ev-wafloat svg{width:31px;height:31px}
  .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 12px}
  .pagehead{padding-top:36px;padding-bottom:22px}
  .pagehead__title{font-size:34px}
}
@media (min-width:1100px){
  .ev-header__inner{height:70px}
  .shophead{padding:40px 0 24px}
  .shophead__title{font-size:42px}
  .pgrid--shop{gap:26px 12px}
  .pdptabs{padding:0 24px 72px}
  .tabs__panel{padding:36px 36px 40px}
  .pdpdesc__title{font-size:30px}
  .revlayout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:32px}
  .ev-hero{height:500px}
  .ev-hero__badge{width:330px}
  .ev-hero__tagline{font-size:26px}
  .ev-benefits{width:860px;gap:20px}
  .ev-benefit{min-height:210px;padding:24px 16px 18px}
  .ev-benefit__ico{width:62px;height:62px}
  .ev-benefit__ico .ico{width:30px;height:30px}
  .ev-benefit strong{font-size:15px}
  .ev-benefit small{font-size:11.5px;max-width:116px}
  .ev-section{padding:44px 24px}
  .ev-heading{font-size:38px;line-height:46px}
  .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ev-promo-tile{min-height:300px}
  .ev-promo-tile__frame{min-height:280px}
  .ev-promo-tile strong{font-size:33px}
  .ev-promo-tile small{font-size:12px;max-width:150px}
  .ev-promo-tile__cta{font-size:16px}
  .ev-card__title{font-size:12px;line-height:20px;min-height:40px}
  .ev-card__prices{font-size:13px;line-height:20px}
}

/* has-buybar pages need room for the sticky purchase bar */
@supports selector(body:has(.buybar)){
  body:has(.buybar) .site-main{padding-bottom:72px}
}