/* ═══════════════════════════════════════════════
   VIFIQUÉ — New Design System Override
   Minimal · White · Nature / Water aesthetic
════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  --w:#ffffff; --off:#f8f7f5;
  --sage:#7a9e86; --sage-dk:#4a7258; --sage-lt:#c6dace;
  --water:#9bbccc; --water-lt:#d3e8f0;
  --blush:#e2adb6; --blush-lt:#f5dde2;
  --ink:#181818; --mid:#6b6b6b; --faint:#b0b0b0;
  --line:#e8e8e8; --r:4px; --r-lg:14px;
  --sh:0 2px 20px rgba(0,0,0,.07);
  --sh-lg:0 8px 48px rgba(0,0,0,.14);
  --t:.18s ease;
  /* keep existing gold for points pages */
  --gold:#c9a96e; --gold-lt:#f5ecd8; --gold-dk:#a07840;
}

/* ── BASE ──────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,sans-serif!important;
     background:var(--w)!important;color:var(--ink)!important;
     font-size:14px;line-height:1.6;overflow-x:hidden}
body.admin-bar{padding-top:0!important}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--sage-lt);border-radius:2px}

/* ── ANNOUNCEMENT BAR ──────────────────────────── */
.announce-bar{
  background:var(--sage-dk)!important;color:#fff!important;
  font-size:11.5px!important;letter-spacing:.08em;
  height:36px;display:flex;align-items:center;justify-content:center;gap:24px;
  overflow:hidden;position:relative;
}
.announce-bar .ab-sep{opacity:.4}

/* ── HEADER ────────────────────────────────────── */
.site-header{
  position:sticky!important;top:0;z-index:500;
  height:58px;background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
}
.header-inner{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:100%;
}
.site-logo,.site-logo span{
  font-family:'Inter',sans-serif!important;font-size:17px!important;
  font-weight:700!important;letter-spacing:.22em!important;
  color:var(--ink)!important;font-style:normal!important;
}
.logo-accent{color:var(--sage-dk)!important}
.header-nav{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0}
.header-nav>li>a{
  font-size:11.5px!important;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mid)!important;font-weight:500;transition:color var(--t);
}
.header-nav>li>a:hover{color:var(--ink)!important}
.nav-dropdown{
  display:none;position:absolute;top:calc(100%+8px);left:0;
  background:var(--w);border:1px solid var(--line);border-radius:var(--r-lg);
  min-width:165px;padding:6px;box-shadow:var(--sh);list-style:none;
}
.has-dropdown{position:relative}
.has-dropdown:hover .nav-dropdown{display:block}
.nav-dropdown li a{
  display:block;padding:9px 14px;font-size:12px;border-radius:8px;
  color:var(--mid)!important;transition:background var(--t),color var(--t);
}
.nav-dropdown li a:hover{background:var(--off);color:var(--ink)!important}
.hdr-bag,.hdr-icon{
  background:none!important;border:none;cursor:pointer;
  font-size:12px!important;color:var(--mid)!important;
  padding:8px 12px;border-radius:var(--r);transition:all var(--t);
}
.hdr-bag{
  background:var(--ink)!important;color:#fff!important;
  border-radius:var(--r);font-weight:600;letter-spacing:.06em;
}
.hdr-bag:hover{background:var(--sage-dk)!important}
.hdr-icon:hover{background:var(--off)!important;color:var(--ink)!important}
.bag-ct{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sage-dk);color:#fff;min-width:18px;height:18px;
  border-radius:50%;font-size:10px;font-weight:700;
  margin-left:4px;padding:0 3px;
}
.search-strip{display:none!important} /* use toolbar search instead */

/* ── FLOATING SIDE NAV → replaced by bottom toolbar ── */
.float-nav{display:none!important}

/* ── BOTTOM TOOLBAR ─────────────────────────────── */
#vfq-toolbar{
  position:fixed;bottom:0;left:0;right:0;z-index:490;
  background:rgba(255,255,255,.97);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  display:flex;align-items:stretch;height:62px;
  padding-bottom:env(safe-area-inset-bottom);
}
.vfq-tb{
  flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:3px;font-size:10px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--faint);cursor:pointer;
  transition:color var(--t);padding:0 4px;background:none;border:none;
  font-family:'Inter',sans-serif;text-decoration:none;
}
.vfq-tb:hover,.vfq-tb.on{color:var(--sage-dk)}
.vfq-tb svg{width:19px;height:19px;stroke-width:1.6;transition:stroke-width var(--t)}
.vfq-tb.on svg{stroke-width:2.2}
.vfq-tb .tb-dot{
  position:relative;display:inline-block;
}
.vfq-tb .tb-badge{
  position:absolute;top:-6px;right:-8px;
  background:var(--sage-dk);color:#fff;
  width:15px;height:15px;border-radius:50%;
  font-size:9px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
body{padding-bottom:68px} /* room for toolbar */

/* ── HERO ────────────────────────────────────────── */
.vfq-hero,.hero-section{
  display:grid!important;grid-template-columns:1fr 1fr;min-height:88vh;
}
.hero-left,.vfq-hero-l{
  display:flex;flex-direction:column;justify-content:center;
  padding:80px 64px;
}
.hero-eyebrow{
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--sage-dk);margin-bottom:18px;
  display:flex;align-items:center;gap:10px;
}
.hero-eyebrow::before{content:'';width:26px;height:1px;background:var(--sage-dk)}
.hero-h1{
  font-size:clamp(36px,4.5vw,60px)!important;font-weight:800!important;
  letter-spacing:-.02em;line-height:1.06!important;margin-bottom:20px!important;
  color:var(--ink)!important;
}
.hero-h1 em{color:var(--sage-dk);font-style:normal}
.hero-right,.vfq-hero-r{
  background:linear-gradient(145deg,#e8f2ed,#d3e8f0,#f0e0e6);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.hero-right img,.vfq-hero-r img{width:100%;height:100%;object-fit:cover}

/* ── PERKS BAR ───────────────────────────────────── */
.perks-strip,.vfq-perks{
  display:flex!important;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:var(--off)!important;
}
.perk-item{
  flex:1;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 20px;border-right:1px solid var(--line);font-size:12px;
}
.perk-item:last-child{border-right:none}
.perk-item .pi-title{font-weight:600}
.perk-item .pi-sub{color:var(--mid);font-size:11px}

/* ── BUTTONS ─────────────────────────────────────── */
.btn,.button,input[type=submit],button.alt,a.button,
.wc-block-components-button,.wp-block-button__link{
  font-family:'Inter',sans-serif!important;
  border-radius:var(--r)!important;font-weight:600!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
  transition:all var(--t)!important;
}
.btn-dark,.btn-primary,button.alt,input[type=submit],
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a,
.wc-block-cart__submit-button{
  background:var(--ink)!important;color:#fff!important;
  border:none!important;padding:14px 28px!important;
}
.btn-dark:hover,.btn-primary:hover,
.woocommerce button.button.alt:hover{background:var(--sage-dk)!important}
.btn-ghost,.btn-outline,
.woocommerce button.button:not(.alt){
  border:1.5px solid var(--line)!important;background:transparent!important;
  color:var(--mid)!important;padding:12px 24px!important;
}
.btn-ghost:hover,.woocommerce button.button:not(.alt):hover{
  border-color:var(--ink)!important;color:var(--ink)!important;
}

/* ── SECTION HEADERS ─────────────────────────────── */
.sec-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-dk);margin-bottom:10px}
.sec-h2{font-size:clamp(24px,3vw,36px)!important;font-weight:800!important;
        letter-spacing:-.02em;line-height:1.1;color:var(--ink)!important}
.sec-h2 span,.sec-h2 em{color:var(--sage-dk)!important;font-style:normal}

/* ── PRODUCT GRID ────────────────────────────────── */
.products.columns-4,.woocommerce ul.products,
ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:1px!important;background:var(--line)!important;
  padding:0!important;margin:0!important;list-style:none!important;
}
.products.columns-3{grid-template-columns:repeat(3,1fr)!important}

/* ── PRODUCT CARD ────────────────────────────────── */
ul.products li.product,
.woocommerce ul.products li.product{
  background:var(--w)!important;padding:0!important;margin:0!important;
  position:relative;overflow:hidden;cursor:pointer;
}
ul.products li.product .woocommerce-loop-product__link,
ul.products li.product a.woocommerce-loop-product__link{
  display:block;text-decoration:none;color:var(--ink)!important;
}
ul.products li.product img{
  width:100%;aspect-ratio:3/4;object-fit:cover;display:block;
  transition:transform .5s ease;
}
ul.products li.product:hover img{transform:scale(1.04)}
ul.products li.product .woocommerce-loop-product__title{
  font-size:13.5px!important;font-weight:600!important;
  padding:14px 14px 4px!important;margin:0!important;color:var(--ink)!important;
}
ul.products li.product .price{
  display:block;padding:0 14px 16px!important;font-size:13px!important;
  color:var(--ink)!important;
}
ul.products li.product .price del{color:var(--faint)!important;font-size:12px}
ul.products li.product .price ins{
  color:var(--sage-dk)!important;font-weight:700;text-decoration:none!important;
}
.onsale,.woocommerce span.onsale{
  background:var(--blush)!important;color:#8a2840!important;
  border-radius:20px!important;padding:3px 10px!important;
  font-size:9.5px!important;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;top:12px!important;left:12px!important;
  min-height:auto!important;min-width:auto!important;line-height:1.4!important;
}

/* ── ADD TO CART HOVER BUTTON ────────────────────── */
ul.products li.product .button.add_to_cart_button,
ul.products li.product a.add_to_cart_button{
  position:absolute!important;bottom:0!important;left:0!important;right:0!important;
  transform:translateY(100%);opacity:0;transition:transform .25s,opacity .25s;
  margin:0!important;padding:11px!important;
  border-radius:0!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--ink)!important;font-size:11px!important;
  font-weight:700!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;border:none!important;
  display:block!important;text-align:center!important;
}
ul.products li.product:hover .button.add_to_cart_button,
ul.products li.product:hover a.add_to_cart_button{
  transform:translateY(0)!important;opacity:1!important;
}
ul.products li.product .button.add_to_cart_button:hover{
  background:var(--ink)!important;color:#fff!important;
}

/* ── SINGLE PRODUCT ──────────────────────────────── */
.woocommerce div.product{padding:48px 60px!important}
.woocommerce div.product .woocommerce-product-gallery{
  border-radius:var(--r-lg);overflow:hidden;
}
.woocommerce div.product .woocommerce-product-gallery__image img{
  border-radius:var(--r-lg);
}
.woocommerce div.product .product_title{
  font-size:28px!important;font-weight:800!important;
  letter-spacing:-.02em!important;line-height:1.15!important;
  color:var(--ink)!important;margin-bottom:10px!important;
}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  font-size:22px!important;font-weight:800!important;color:var(--ink)!important;
  margin-bottom:18px!important;
}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{
  font-size:16px!important;color:var(--faint)!important;margin-right:8px;
}
.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{
  color:var(--sage-dk)!important;text-decoration:none!important;
}
/* size selector */
.woocommerce div.product .variations select,
.woocommerce div.product form.cart select{
  border:1.5px solid var(--line)!important;border-radius:8px!important;
  padding:10px 14px!important;font-size:13px!important;
  background:var(--w)!important;color:var(--ink)!important;
  width:100%!important;appearance:auto;cursor:pointer;
}
.woocommerce div.product form.cart .qty{
  border:1.5px solid var(--line)!important;border-radius:8px!important;
  width:70px!important;text-align:center!important;
  font-size:15px!important;font-weight:600!important;padding:10px!important;
}
.woocommerce div.product form.cart button[type=submit]{
  flex:1;padding:15px 28px!important;font-size:12px!important;
  background:var(--ink)!important;color:#fff!important;
  border-radius:var(--r)!important;
}
.woocommerce div.product form.cart button[type=submit]:hover{
  background:var(--sage-dk)!important;
}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.woocommerce .woocommerce-tabs .tabs li a{
  font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;
  color:var(--mid)!important;
}
.woocommerce .woocommerce-tabs .tabs li.active a{color:var(--ink)!important}

/* ── CART / CHECKOUT PAGES ───────────────────────── */
.woocommerce-cart table.cart,
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout{
  font-family:'Inter',sans-serif!important;
}
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td{
  border-color:var(--line)!important;padding:16px!important;
}
.woocommerce-cart table.cart .product-name a{
  font-weight:600!important;color:var(--ink)!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background:var(--ink)!important;color:#fff!important;
  border-radius:var(--r)!important;font-size:13px!important;
  font-weight:700!important;letter-spacing:.1em!important;
  padding:16px 32px!important;transition:background var(--t)!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:var(--sage-dk)!important;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout h3,.woocommerce-checkout h2{
  font-size:20px!important;font-weight:700!important;
  letter-spacing:-.01em!important;color:var(--ink)!important;margin-bottom:16px!important;
}
/* checkout form fields */
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{
  border:1.5px solid var(--line)!important;border-radius:8px!important;
  padding:12px 14px!important;font-size:13px!important;
  color:var(--ink)!important;transition:border var(--t)!important;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus{
  border-color:var(--sage)!important;outline:none!important;
}
.woocommerce-checkout #place_order{
  width:100%!important;padding:16px!important;font-size:13px!important;
  background:var(--ink)!important;border-radius:var(--r)!important;
}
.woocommerce-checkout #place_order:hover{background:var(--sage-dk)!important}

/* ── CART DRAWER ─────────────────────────────────── */
.cart-drawer{
  font-family:'Inter',sans-serif!important;
  border-left:1px solid var(--line)!important;
}
.cd-head{border-bottom:1px solid var(--line)!important;padding:20px 22px!important}
.cd-title{
  font-size:16px!important;font-weight:700!important;
  letter-spacing:.04em!important;color:var(--ink)!important;
}
.cd-close{
  font-size:22px!important;color:var(--mid)!important;
  background:none!important;border:none!important;cursor:pointer!important;
}
.cd-foot .btn-checkout{
  display:block;text-align:center;
  background:var(--ink)!important;color:#fff!important;
  border-radius:10px!important;padding:15px!important;
  font-size:12px!important;font-weight:700!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  transition:background var(--t)!important;margin-top:14px!important;
}
.cd-foot .btn-checkout:hover{background:var(--sage-dk)!important}
.cd-secure{text-align:center;font-size:10px;color:var(--faint);margin-top:9px}
.cd-progress{padding:12px 22px;background:var(--off)}
.cdp-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:7px}
.cdp-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--water));border-radius:2px;transition:width .4s}
.cd-subtotal,.cd-total{
  display:flex;justify-content:space-between;
  font-size:13px;padding:4px 0;color:var(--mid);
}
.cd-total{font-size:15px!important;font-weight:700!important;color:var(--ink)!important;
  border-top:1px solid var(--line);padding-top:10px!important;margin-top:6px}
.ci-remove{
  background:none!important;border:none!important;cursor:pointer!important;
  color:var(--faint)!important;font-size:16px!important;
  position:absolute;top:10px;right:10px;transition:color var(--t);
}
.ci-remove:hover{color:var(--ink)!important}
.ci-free-tag{background:var(--sage-lt);color:var(--sage-dk);font-size:9px;
  font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.08em}

/* ── ACCOUNT / AUTH MODAL ────────────────────────── */
.auth-modal{
  font-family:'Inter',sans-serif!important;border-radius:20px!important;
  box-shadow:var(--sh-lg)!important;
}
.auth-logo{
  font-family:'Inter',sans-serif!important;font-size:16px!important;
  font-weight:700!important;letter-spacing:.2em!important;
  color:var(--ink)!important;text-align:center;margin-bottom:4px;
}
.auth-tab{
  font-size:11px!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;font-weight:600!important;
}
.auth-tab.active{color:var(--sage-dk)!important;border-bottom-color:var(--sage-dk)!important}
.auth-input{
  border:1.5px solid var(--line)!important;border-radius:8px!important;
  padding:12px 14px!important;font-size:13px!important;
  transition:border var(--t)!important;
}
.auth-input:focus{border-color:var(--sage)!important}
.auth-submit{
  background:var(--ink)!important;color:#fff!important;
  border-radius:8px!important;padding:14px!important;
  font-size:12px!important;font-weight:700!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
}
.auth-submit:hover{background:var(--sage-dk)!important}

/* ── NEWSLETTER POPUP ────────────────────────────── */
.nl-box{border-radius:24px!important;box-shadow:var(--sh-lg)!important}
.nl-btn{
  background:var(--sage-dk)!important;color:#fff!important;
  border-radius:8px!important;
}
.nl-input{border:1.5px solid var(--line)!important;border-radius:8px!important}
.nl-input:focus{border-color:var(--sage)!important}

/* ── REVIEWS ─────────────────────────────────────── */
.review-card,.vfq-review{
  background:var(--w)!important;border-radius:var(--r-lg)!important;
  box-shadow:var(--sh)!important;padding:22px!important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;
}

/* ── POINTS SECTION ──────────────────────────────── */
.pts-section{background:linear-gradient(135deg,var(--sage-lt),var(--water-lt),var(--blush-lt))!important}
.pts-num{color:var(--sage-dk)!important;font-weight:800!important;font-size:44px!important}

/* ── FOOTER ──────────────────────────────────────── */
.site-footer,.footer-main{
  background:var(--ink)!important;color:rgba(255,255,255,.55)!important;
  font-family:'Inter',sans-serif!important;padding:60px 60px 80px!important;
}
.footer-logo{
  font-size:16px!important;font-weight:700!important;
  letter-spacing:.18em!important;color:#fff!important;
}
.footer-col h4{
  font-size:10px!important;letter-spacing:.18em!important;
  text-transform:uppercase!important;color:rgba(255,255,255,.85)!important;
  font-weight:700!important;margin-bottom:14px!important;
}
.footer-col a{color:rgba(255,255,255,.4)!important;font-size:12px!important;transition:color var(--t)}
.footer-col a:hover{color:var(--sage-lt)!important}

/* ── SPARKLE CANVAS ──────────────────────────────── */
#sparkleCanvas{position:fixed;inset:0;pointer-events:none;z-index:9999!important}

/* ── NATURE FLOATERS ─────────────────────────────── */
.nature-fl{position:fixed;pointer-events:none;z-index:0;opacity:.1;font-size:18px;animation:fl-up linear infinite}
@keyframes fl-up{0%{transform:translateY(105vh) rotate(0);opacity:0}10%{opacity:.1}90%{opacity:.1}100%{transform:translateY(-80px) rotate(180deg);opacity:0}}

/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:900px){
  .header-inner{padding:0 20px}
  .header-nav-wrap{display:none}
  .vfq-hero,.hero-section{grid-template-columns:1fr!important;min-height:auto!important}
  .hero-left,.vfq-hero-l{padding:52px 24px 36px}
  .hero-right,.vfq-hero-r{height:360px}
  ul.products{grid-template-columns:repeat(2,1fr)!important}
  .site-footer,.footer-main{padding:48px 24px 80px!important}
  .woocommerce div.product{padding:24px 20px!important}
}

/* ═══════════════════════════════════════════════
   VIFIQUÉ — Bottom Toolbar + SMS + Video + Search
════════════════════════════════════════════════ */

/* ── DISABLE OLD FLOAT NAV ───────────────────── */
.float-nav { display: none !important; }

/* ── BOTTOM TOOLBAR ──────────────────────────── */
.site-toolbar {
  display: flex;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid var(--line);
  z-index: 800;
  padding: 6px 0;
  padding-bottom: max(6px, env(safe-area-inset-bottom));
  box-shadow: 0 -2px 20px rgba(0,0,0,.06);
}
.tb-btn {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 4px 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--faint);
  font-size: 10px;
  font-family: inherit;
  text-decoration: none;
  letter-spacing: .03em;
  transition: color var(--t), transform .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.tb-btn svg { width: 22px; height: 22px; }
.tb-btn.on, .tb-btn:hover { color: var(--sage-dk); }
.tb-btn:active { transform: scale(.9); }
body { padding-bottom: 72px !important; }
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .woocommerce { padding-bottom: 80px; }

/* ── SEARCH STRIP TOGGLE ────────────────────── */
.search-strip {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 900;
  background: var(--w);
  border-bottom: 1px solid var(--line);
  padding: 12px 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  transform: translateY(-100%);
  transition: transform .2s ease;
}
.search-strip.open {
  display: block;
  transform: translateY(0);
}
.search-inner { display: flex; gap: 8px; align-items: center; }
.search-inner input {
  flex: 1;
  padding: 10px 14px;
  border: 1.5px solid var(--line);
  border-radius: var(--r-lg);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color var(--t);
}
.search-inner input:focus { border-color: var(--sage); }
.search-inner button {
  padding: 10px 14px;
  background: var(--sage);
  color: #fff;
  border: none;
  border-radius: var(--r-lg);
  cursor: pointer;
  font-size: 15px;
}

/* ── REEL CARDS – VIDEO HOVER/CLICK ────────── */
.reel-card { cursor: pointer; }
.reel-card .rc-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 2;
}
.reel-card.playing .rc-video { opacity: 1; }
.reel-card.playing .rc-play { opacity: 0; }
.reel-card .rc-play { transition: opacity .2s ease; }
.reel-card .rc-thumb { position: relative; overflow: hidden; }

/* ── SMS PRE-ORDER TOAST ────────────────────── */
.sms-toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 900;
  width: calc(100% - 32px);
  max-width: 400px;
  background: var(--w);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,.12);
  animation: toastSlideUp .3s ease;
}
.sms-toast-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
.sms-toast-icon { font-size: 22px; flex-shrink: 0; }
.sms-toast-body { flex: 1; line-height: 1.4; }
.sms-toast-body strong { display: block; font-size: 13px; color: var(--ink); }
.sms-toast-body span { font-size: 12px; color: var(--mid); }
.sms-toast-actions { display: flex; gap: 6px; flex-shrink: 0; }
.sms-toast-yes {
  padding: 6px 14px;
  background: var(--sage-dk);
  color: #fff;
  border: none;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.sms-toast-no {
  padding: 6px 10px;
  background: none;
  border: 1px solid var(--line);
  border-radius: 20px;
  font-size: 12px;
  color: var(--mid);
  cursor: pointer;
  font-family: inherit;
}
@keyframes toastSlideUp {
  from { transform: translateX(-50%) translateY(20px); opacity: 0; }
  to   { transform: translateX(-50%) translateY(0);    opacity: 1; }
}

/* ── SMS OPT-IN MODAL ───────────────────────── */
.sms-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 1100;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  padding: 20px;
}
.sms-modal-overlay[style*="display:none"],
.sms-modal-overlay[style*="display: none"] {
  display: none !important;
}
.sms-modal {
  background: var(--w);
  border-radius: 24px 24px 20px 20px;
  padding: 28px 24px 24px;
  width: 100%;
  max-width: 420px;
  position: relative;
  text-align: center;
  box-shadow: var(--sh-lg);
  animation: modalSlideUp .3s ease;
}
@keyframes modalSlideUp {
  from { transform: translateY(30px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.sms-modal-close {
  position: absolute;
  top: 14px; right: 16px;
  background: none;
  border: none;
  font-size: 22px;
  color: var(--mid);
  cursor: pointer;
  line-height: 1;
}
.sms-modal-icon { font-size: 36px; margin-bottom: 10px; }
.sms-modal h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--ink);
}
.sms-modal p {
  font-size: 13px;
  color: var(--mid);
  margin: 0 0 16px;
  line-height: 1.5;
}
.sms-modal-input {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--line);
  border-radius: 12px;
  font-size: 14px;
  font-family: inherit;
  text-align: center;
  outline: none;
  margin-bottom: 12px;
  transition: border-color var(--t);
}
.sms-modal-input:focus { border-color: var(--sage); }
.sms-modal-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
  font-size: 11px;
  color: var(--mid);
  margin-bottom: 16px;
  cursor: pointer;
}
.sms-modal-submit {
  width: 100%;
  padding: 13px;
  background: var(--sage-dk);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: .04em;
  transition: background var(--t), transform .12s;
}
.sms-modal-submit:hover { background: var(--sage); }
.sms-modal-submit:active { transform: scale(.98); }
.sms-modal-skip {
  margin-top: 12px;
  font-size: 12px;
  color: var(--faint);
  cursor: pointer;
  text-decoration: underline;
}

/* ── AUTH FORM — SMS ROW ────────────────────── */
.auth-sms-row { margin-bottom: 0; }
.auth-sms-row .auth-input { margin-bottom: 0; }
.auth-sms-row .auth-checkbox-row { margin-top: 6px; }

/* ── CHECKOUT SMS OPT-IN ────────────────────── */
.vfq-sms-optin {
  background: var(--off);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 16px 0;
}
.vfq-sms-optin label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  cursor: pointer;
  font-size: 13px;
}
.vfq-sms-optin input[type=tel] {
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color var(--t);
}
.vfq-sms-optin input[type=tel]:focus { border-color: var(--sage); }