:root{
  --green:#1ED760;--purple:#8B5CF6;--deep:#2A1E5C;--ink:#1A1626;--black:#0E0E12;
  --muted:#6B7280;--line:#ECECEF;--bg:#FFFFFF;--soft:#F6F6F9;
  --grad:linear-gradient(95deg,#1ED760 0%,#46BE86 42%,#8B5CF6 100%);
  --radius:16px;--shadow:0 14px 50px rgba(42,30,92,.09);--shadow-sm:0 2px 14px rgba(42,30,92,.05);
}
body.zen-redesign-page{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
.zen{font-family:'Inter',system-ui,sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.zen-redesign-page *{box-sizing:border-box}
.zen *{margin:0;padding:0;box-sizing:border-box}
/* Force full-width layout for the redesign homepage (override Astra container/sidebar) */
body[class*="template-zen-home"] .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
body[class*="template-zen-home"] #primary,
body[class*="template-zen-home"] .site-main,
body[class*="template-zen-home"] .content-area{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;flex:0 0 100% !important}
body[class*="template-zen-home"] #secondary{display:none !important}
body[class*="template-zen-home"] .ast-article-single,
body[class*="template-zen-home"] .ast-article-post,
body[class*="template-zen-home"] .ast-separate-container .ast-article-single{padding:0 !important;border:0 !important;margin:0 !important;background:transparent !important}
body[class*="template-zen-home"] .site-content{padding:0 !important}
body[class*="template-zen-home"] .entry-content{margin:0 !important}
body[class*="template-zen-home"] .entry-content > .zen{margin:0 !important}
.zen .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.zen a{text-decoration:none;color:inherit}
.zen .ti{line-height:1;vertical-align:-.125em}
.zen .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.zen .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;transition:.18s}
.zen .btn-dark{background:var(--black);color:#fff}
.zen .btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,14,18,.22)}
.zen .btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 26px rgba(139,92,246,.26)}
.zen .btn-grad:hover{transform:translateY(-2px)}
.zen .btn-ghost{background:#fff;color:var(--deep);border-color:var(--line)}
.zen .btn-ghost:hover{border-color:var(--purple);color:var(--purple)}

.zen .util{background:var(--soft);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.zen .util .wrap{display:flex;justify-content:center;gap:36px;padding:9px 24px;flex-wrap:wrap}
.zen .util span{display:inline-flex;align-items:center;gap:7px}
.zen .util .ti{color:var(--green);font-size:16px}

.zen .zhead{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.zen .nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.zen .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;letter-spacing:-.5px}
.zen .brand .logo{width:40px;height:40px}
.zen .brand .zen-t{color:var(--green)}.zen .brand .am{color:var(--purple)}
.zen .menu{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:500;color:var(--deep)}
.zen .menu a{display:inline-flex;align-items:center;gap:4px;transition:.15s}
.zen .menu a:hover{color:var(--purple)}
.zen .menu .ti{font-size:15px}
.zen .icons{display:flex;align-items:center;gap:20px;color:var(--deep);font-size:22px}
.zen .icons a{transition:.15s;position:relative}.zen .icons a:hover{color:var(--purple)}
.zen .cart .bdg{position:absolute;top:-6px;right:-9px;background:var(--green);color:#063d1c;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.zen .burger{display:none;background:none;border:none;color:var(--deep);font-size:27px;cursor:pointer;padding:0;align-items:center}
.zen .mobile-menu{display:none;flex-direction:column;background:#fff;border-bottom:1px solid var(--line)}
.zen .mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;font-weight:600;font-size:16px;color:var(--deep);border-top:1px solid var(--line)}

.zen .hero{position:relative;overflow:hidden;background:
   radial-gradient(55% 50% at 90% 28%,rgba(139,92,246,.14),transparent 70%),
   radial-gradient(45% 50% at 8% 85%,rgba(30,215,96,.10),transparent 70%),var(--bg)}
.zen .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:80px 24px 88px}
.zen h1.hero-title{font-size:66px;line-height:1.03;font-weight:800;letter-spacing:-2.2px;color:var(--deep);margin:0 0 20px}
.zen .hero p.sub{font-size:19px;color:var(--muted);max-width:470px;margin-bottom:32px}
.zen .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.zen .proof{display:flex;align-items:center;gap:14px}
.zen .avatars{display:flex}
.zen .avatars span{width:40px;height:40px;border-radius:50%;border:2.5px solid #fff;margin-left:-12px;background-size:cover;background-position:center;box-shadow:var(--shadow-sm)}
.zen .avatars span:first-child{margin-left:0}
.zen .stars{color:var(--green);font-size:16px;letter-spacing:1px}
.zen .proof small{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-top:2px}
.zen .proof b{color:var(--deep)}

.zen .art{position:relative;display:grid;place-items:center;min-height:440px}
.zen .glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 65%)}
.zen .hero-img{position:relative;z-index:1;max-width:360px;width:100%;height:auto;filter:drop-shadow(0 26px 44px rgba(42,30,92,.28))}
.zen .vial{position:relative;width:152px;height:300px;filter:drop-shadow(0 26px 44px rgba(42,30,92,.22))}
.zen .vial .cap{height:46px;background:linear-gradient(180deg,#8147DE,#5B2BB0);border-radius:15px 15px 6px 6px;margin:0 19px}
.zen .vial .neck{height:13px;background:#d4cde7;margin:0 31px;border-radius:0 0 4px 4px}
.zen .vial .vbody{height:241px;border-radius:11px;background:linear-gradient(160deg,#fdfdff,#eceef5);border:1px solid #e3e5ee;position:relative;overflow:hidden}
.zen .vial .label{position:absolute;inset:32px 8px 26px;background:var(--green);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.zen .vial .label .lg{font-weight:800;font-size:11px;letter-spacing:1px;color:var(--deep)}
.zen .vial .label .code{font-weight:900;font-size:27px;letter-spacing:-1px;color:#fff;margin-top:6px;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.zen .vial .label .mg{font-weight:700;font-size:13px;color:#0a3d1e;margin-top:2px}
.zen .vial .label .web{font-size:9px;color:#0a3d1e;margin-top:8px;opacity:.75}

.zen .badges{padding:8px 0 32px}
.zen .badges .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zen .badge{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:.2s}
.zen .badge:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.zen .badge .ic{width:44px;height:44px;border-radius:12px;background:#F2EEFE;color:var(--purple);display:grid;place-items:center;margin-bottom:14px;font-size:22px}
.zen .badge h4{font-size:15px;font-weight:700;color:var(--deep)}
.zen .badge p{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}

.zen .sec{padding:84px 0}
.zen .sec.soft{background:var(--soft)}
.zen .sec-head{text-align:center;margin-bottom:48px}
.zen .sec-head .kick{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--purple)}
.zen .sec-head h2{font-size:40px;font-weight:800;letter-spacing:-1.2px;color:var(--deep);margin-top:10px}

.zen .feat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.zen .feat-img{background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.14),transparent 60%),var(--soft);border-radius:26px;display:grid;place-items:center;padding:50px;min-height:440px}
.zen .feat .kick{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--purple)}
.zen .feat h3{font-size:42px;font-weight:800;letter-spacing:-1.2px;color:var(--deep);margin:12px 0 6px}
.zen .feat .tag{font-size:20px;font-weight:600;color:var(--green)}
.zen .feat .desc{color:var(--muted);font-size:16px;margin:18px 0 24px;max-width:440px}
.zen .flist{list-style:none;margin-bottom:30px}
.zen .flist li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:var(--deep);font-weight:500}
.zen .flist .ck{width:24px;height:24px;border-radius:50%;background:#E4F8EC;color:#149048;display:grid;place-items:center;flex:none;font-size:15px}

.zen .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.zen .stat .ic{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--purple);display:grid;place-items:center;margin:0 auto 16px;font-size:24px}
.zen .stat .num{font-size:38px;font-weight:900;letter-spacing:-1.2px;color:var(--deep)}
.zen .stat .lb{font-weight:700;color:var(--deep);margin-top:6px}
.zen .stat small{color:var(--muted);font-size:13px}

.zen .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.zen .cat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s;cursor:pointer}
.zen .cat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.zen .cat .thumb{height:190px;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-size:48px}
.zen .cat .body{padding:18px 20px}
.zen .cat h4{font-size:17px;font-weight:700;color:var(--deep)}
.zen .cat .more{display:inline-flex;align-items:center;gap:6px;color:#149048;font-weight:600;font-size:14px;margin-top:8px}
.zen .mini-vial{width:56px;height:118px}
.zen .mini-vial .c{height:18px;background:#6B2BB0;border-radius:6px 6px 2px 2px;margin:0 9px}
.zen .mini-vial .b{height:94px;margin-top:3px;border-radius:6px;background:#fff;border:1px solid #e3e5ee;position:relative}
.zen .mini-vial .l{position:absolute;inset:16px 5px 12px;background:var(--green);border-radius:3px}

.zen .zfoot{background:#15131c;color:#cfcad9;padding:64px 0 26px;font-size:14px}
.zen .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:42px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.08)}
.zen .zfoot .brand{color:#fff;margin-bottom:14px}
.zen .zfoot .ftag{color:#9a93ad;max-width:240px;line-height:1.6}
.zen .zfoot h5{color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.zen .zfoot ul{list-style:none}
.zen .zfoot li{padding:6px 0}
.zen .zfoot li a{transition:.15s}
.zen .zfoot li a:hover{color:var(--green)}
.zen .news input{width:100%;padding:13px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-family:inherit;font-size:14px;margin-bottom:10px}
.zen .news .btn{width:100%;justify-content:center}
.zen .social{display:flex;gap:12px;margin-top:18px;font-size:18px}
.zen .social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#cfcad9;transition:.15s}
.zen .social a:hover{background:var(--purple);color:#fff}
.zen .copy{text-align:center;padding-top:24px;color:#7d7791;font-size:13px;line-height:1.6}

@media(max-width:900px){
  .zen .menu,.zen .util{display:none}
  .zen .burger{display:inline-flex}
  body.mopen .zen .mobile-menu{display:flex}
  .zen .hero .wrap{grid-template-columns:1fr;padding:44px 24px 52px}
  .zen h1.hero-title{font-size:46px}
  .zen .badges .wrap,.zen .stats,.zen .cats{grid-template-columns:repeat(2,1fr)}
  .zen .feat{grid-template-columns:1fr;gap:32px}
  .zen .fgrid{grid-template-columns:1fr 1fr}
  .zen .sec{padding:56px 0}
  .zen .sec-head h2{font-size:30px}
  .zen .art{order:-1;min-height:330px}
  .zen .feat-img{min-height:330px;padding:36px}
}
@media(max-width:560px){
  .zen .badges .wrap,.zen .stats,.zen .cats,.zen .fgrid{grid-template-columns:1fr}
  .zen h1.hero-title{font-size:38px}
}

/* ============ SHOP / ARCHIVE (.zen-shop, WooCommerce override) ============ */
.zen-shop .phead{background:radial-gradient(60% 80% at 80% 0%,rgba(139,92,246,.10),transparent 70%),var(--soft);border-bottom:1px solid var(--line);padding:40px 0 36px;margin-bottom:0}
.zen-shop .crumb{font-size:13px;color:var(--muted);margin-bottom:10px}
.zen-shop .crumb a:hover{color:var(--purple)}
.zen-shop .phead h1{font-size:40px;font-weight:800;letter-spacing:-1.2px;color:var(--deep);margin:0}
.zen-shop .phead p{color:var(--muted);margin-top:6px}
.zen-shop .toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;flex-wrap:wrap}
.zen-shop .woocommerce-result-count{margin:0;color:var(--muted);font-size:14px}
.zen-shop .woocommerce-ordering select{border:1.5px solid var(--line);border-radius:11px;padding:10px 14px;font-family:inherit;font-size:14px;color:var(--deep);background:#fff;outline:none}
.zen-shop ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0 0 36px !important;padding:0}
.zen-shop ul.products::before,.zen-shop ul.products::after{display:none !important}
.zen-shop li.product.pcard{width:auto !important;margin:0 !important;float:none !important;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.zen-shop li.product.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.zen-shop .pthumb{display:block;position:relative;background:var(--soft);aspect-ratio:1/1;overflow:hidden}
.zen-shop .pthumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.zen-shop .ptag{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.5px;color:#063d1c;background:var(--green);padding:4px 10px;border-radius:20px}
.zen-shop .ptag.sale{background:#FFE0E6;color:#B0214A}
.zen-shop .pbody{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.zen-shop .pcat{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--purple);margin-bottom:6px}
.zen-shop .ptitle{font-size:16px;font-weight:700;color:var(--deep);line-height:1.35;margin-bottom:8px}
.zen-shop .ptitle:hover{color:var(--purple)}
.zen-shop .prate{margin-bottom:8px;min-height:18px}
.zen-shop .prate .star-rating{font-size:13px;margin:0}
.zen-shop .prate .star-rating span::before{color:var(--green)}
.zen-shop .pprice{font-weight:800;font-size:18px;color:var(--deep);margin-bottom:14px}
.zen-shop .pprice del{font-weight:500;font-size:14px;color:var(--muted);margin-right:6px}
.zen-shop .pprice ins{text-decoration:none}
.zen-shop .pbody .button,.zen-shop .pbody .added_to_cart{margin-top:auto !important;display:block;width:100%;text-align:center;background:var(--black) !important;color:#fff !important;border:none !important;border-radius:11px !important;padding:12px 18px !important;font-weight:600 !important;font-size:14px !important;transition:.18s}
.zen-shop .pbody .button:hover{background:#1a1a22 !important;transform:translateY(-2px)}
.zen-shop .pbody .button.product_type_variable{background:var(--grad) !important}
.zen-shop nav.woocommerce-pagination{margin:10px 0 60px}
.zen-shop nav.woocommerce-pagination ul{border:none;display:flex;gap:8px;justify-content:center}
.zen-shop nav.woocommerce-pagination ul li{border:none;margin:0}
.zen-shop nav.woocommerce-pagination ul li a,.zen-shop nav.woocommerce-pagination ul li span{
  min-width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--line) !important;border-radius:11px;font-weight:600;color:var(--deep);padding:0}
.zen-shop nav.woocommerce-pagination ul li span.current{background:var(--deep);color:#fff;border-color:var(--deep)}
.zen-shop .woocommerce-info,.zen-shop .woocommerce-message{border-top-color:var(--purple)}
@media(max-width:1000px){.zen-shop ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.zen-shop ul.products{grid-template-columns:repeat(2,1fr);gap:16px}.zen-shop .phead h1{font-size:30px}}
@media(max-width:430px){.zen-shop ul.products{grid-template-columns:1fr}}

/* Full-width for WooCommerce template overrides (kill Astra container/sidebar) */
body.woocommerce .ast-container,
body.woocommerce-page .ast-container,
body.single-product .ast-container,
body.woocommerce-cart .ast-container,
body.woocommerce-checkout .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
body.woocommerce #secondary,body.woocommerce-page #secondary{display:none !important}
body.woocommerce #primary,body.woocommerce-page #primary{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;flex:0 0 100% !important}
body.woocommerce .site-content .ast-article-single,
body.woocommerce-page .site-content .ast-article-single{padding:0 !important;border:0 !important;background:transparent !important}
body.woocommerce .site-content,body.woocommerce-page .site-content{padding-top:0 !important}

/* ===== STRONG full-width override for redesign home + all WooCommerce pages ===== */
body[class*="template-zen-home"] #content,
body[class*="template-zen-home"] #content .site-content,
body[class*="template-zen-home"] .site-content,
body[class*="template-zen-home"] .site-content > .ast-container,
body[class*="template-zen-home"] .ast-container,
body[class*="template-zen-home"] #primary,
body[class*="template-zen-home"] .content-area,
body[class*="template-zen-home"] .site-main,
body[class*="template-zen-home"] .ast-article-single,
body[class*="template-zen-home"] .entry-content,
body.woocommerce #content,
body.woocommerce .site-content,
body.woocommerce .site-content > .ast-container,
body.woocommerce .ast-container,
body.woocommerce #primary,
body.woocommerce .content-area,
body.woocommerce .site-main,
body.woocommerce .ast-article-single,
body.woocommerce .entry-content,
body.woocommerce-page #content,
body.woocommerce-page .site-content,
body.woocommerce-page .site-content > .ast-container,
body.woocommerce-page .ast-container,
body.woocommerce-page #primary,
body.woocommerce-page .content-area,
body.woocommerce-page .site-main,
body.woocommerce-page .ast-article-single,
body.woocommerce-page .entry-content{
  max-width:100% !important;
  width:100% !important;
  flex:1 1 100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  float:none !important;
}
body[class*="template-zen-home"] .ast-container,
body.woocommerce .ast-container,
body.woocommerce-page .ast-container{display:block !important;grid-template-columns:none !important}
body[class*="template-zen-home"] #secondary,
body.woocommerce #secondary,
body.woocommerce-page #secondary{display:none !important}
.zen{width:100% !important}

/* ============ LOGIN / SMS GATE (.zen-gate) ============ */
.zen-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;
  background:
    radial-gradient(50% 40% at 85% 12%,rgba(139,92,246,.10),transparent 70%),
    radial-gradient(45% 40% at 10% 88%,rgba(30,215,96,.08),transparent 70%),var(--bg);
  padding:44px 20px 28px;position:relative;overflow-x:hidden}
.zen-gate .side{position:fixed;bottom:0;width:150px;z-index:0;opacity:.9;pointer-events:none}
.zen-gate .side.l{left:-6px}.zen-gate .side.r{right:-6px}
.zen-gate .gvial{position:relative;width:130px;height:262px;filter:drop-shadow(0 20px 40px rgba(42,30,92,.22))}
.zen-gate .gvial .cap{height:40px;background:linear-gradient(180deg,#8147DE,#5B2BB0);border-radius:13px 13px 5px 5px;margin:0 16px}
.zen-gate .gvial .neck{height:11px;background:#d4cde7;margin:0 27px;border-radius:0 0 4px 4px}
.zen-gate .gvial .vbody{height:212px;border-radius:10px;background:linear-gradient(160deg,#fdfdff,#eceef5);border:1px solid #e3e5ee;position:relative;overflow:hidden}
.zen-gate .gvial .label{position:absolute;inset:28px 7px 22px;background:var(--green);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}
.zen-gate .gvial .label .lg{font-weight:800;font-size:10px;letter-spacing:1px;color:var(--deep)}
.zen-gate .gvial .label .code{font-weight:900;font-size:23px;letter-spacing:-1px;color:#fff;margin-top:5px}
.zen-gate .gvial .label .mg{font-weight:700;font-size:11px;color:#0a3d1e;margin-top:2px}
.zen-gate .stage{position:relative;z-index:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center}
.zen-gate .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:23px;letter-spacing:-.5px;margin-bottom:24px}
.zen-gate .brand .logo{width:42px;height:42px}
.zen-gate .brand .zen-t{color:var(--green)}.zen-gate .brand .am{color:var(--purple)}
.zen-gate h1{font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-1.6px;color:var(--deep);margin:0 0 12px}
.zen-gate .sub{font-size:16px;color:var(--muted);max-width:430px;margin-bottom:28px}
.zen-gate .card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:38px 34px 32px}
.zen-gate .lock{width:60px;height:60px;border-radius:50%;background:#F2EEFE;color:var(--purple);display:grid;place-items:center;font-size:26px;margin:0 auto 16px}
.zen-gate .card h2{font-size:25px;font-weight:800;color:var(--deep);letter-spacing:-.5px}
.zen-gate .card .note{font-size:14px;color:var(--muted);margin:10px auto 26px;max-width:360px;line-height:1.6}
.zen-gate .card .note b{color:var(--deep)}
.zen-gate .lbl{display:block;text-align:left;font-size:13px;font-weight:600;color:var(--deep);margin-bottom:8px}
.zen-gate .lbl .req{color:var(--green)}
.zen-gate .phone{display:flex;gap:10px;margin-bottom:18px}
.zen-gate .cc{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-weight:600;font-size:15px;color:var(--deep);background:#fff;cursor:pointer;white-space:nowrap}
.zen-gate .cc .ti{color:var(--muted);font-size:15px}
.zen-gate .inp{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px;color:var(--deep);outline:none;transition:.15s;width:100%}
.zen-gate .inp:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.zen-gate .btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-weight:600;font-size:15px;padding:15px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;transition:.18s;font-family:inherit}
.zen-gate .btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 26px rgba(139,92,246,.26)}
.zen-gate .btn-grad:hover{transform:translateY(-2px)}
.zen-gate .btn-ghost{background:#fff;color:var(--deep);border-color:var(--line)}
.zen-gate .btn-ghost:hover{border-color:var(--purple);color:var(--purple)}
.zen-gate .divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:1px;margin:18px 0}
.zen-gate .divider::before,.zen-gate .divider::after{content:"";flex:1;height:1px;background:var(--line)}
.zen-gate .back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:14px}
.zen-gate .back:hover{color:var(--purple)}
.zen-gate .otp{display:flex;gap:10px;justify-content:center;margin:6px 0 24px}
.zen-gate .otp input{width:50px;height:58px;text-align:center;font-size:23px;font-weight:700;border:1.5px solid var(--line);border-radius:12px;color:var(--deep);outline:none;transition:.15s;font-family:inherit}
.zen-gate .otp input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.zen-gate .otp input.filled{border-color:var(--green);background:#F2FCF5}
.zen-gate .resend{font-size:13px;color:var(--muted);margin-top:18px}
.zen-gate .resend a{color:var(--green);font-weight:600;cursor:pointer}
.zen-gate .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:560px;margin:30px 0 6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 16px;box-shadow:var(--shadow-sm)}
.zen-gate .trust .it{text-align:center}
.zen-gate .trust .ic{font-size:24px;margin-bottom:8px}
.zen-gate .trust .ic.g{color:var(--green)}.zen-gate .trust .ic.p{color:var(--purple)}
.zen-gate .trust h4{font-size:13px;font-weight:700;color:var(--deep)}
.zen-gate .trust small{font-size:11px;color:var(--muted)}
.zen-gate .consent{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:560px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:12px;text-align:left}
.zen-gate .consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--purple);flex:none}
.zen-gate .consent label{font-size:13px;color:var(--muted);line-height:1.55}
.zen-gate .consent a{color:var(--green);font-weight:600}
.zen-gate .help{font-size:13px;color:var(--muted);margin-top:26px}
.zen-gate .help a{color:var(--green);font-weight:600}
@media(max-width:860px){.zen-gate .side{display:none}}
@media(max-width:520px){
  .zen-gate h1{font-size:34px}
  .zen-gate .card{padding:30px 22px 26px}
  .zen-gate .trust{grid-template-columns:repeat(2,1fr);gap:18px}
  .zen-gate .otp{gap:8px}
  .zen-gate .otp input{width:44px;height:54px;font-size:20px}
}

/* ===== homepage dynamic product/category images (real, no CSS vials) ===== */
.zen .feat-img{padding:36px;display:grid;place-items:center}
.zen .feat-img img{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:14px;display:block;margin:0 auto}
.zen a.cat{display:block;text-decoration:none;color:inherit}
.zen .cat .thumb{overflow:hidden;padding:0;background:var(--soft);font-size:0}
.zen .cat .thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* ===== shop category filter chips ===== */
.zen-shop .shop-filters{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 0}
.zen-shop .shop-filters .chip{font-size:13px;font-weight:600;color:var(--deep);background:#fff;border:1.5px solid var(--line);border-radius:30px;padding:9px 18px;transition:.15s;text-decoration:none}
.zen-shop .shop-filters .chip:hover{border-color:var(--purple);color:var(--purple)}
.zen-shop .shop-filters .chip.on{background:var(--deep);color:#fff;border-color:var(--deep)}

/* ===== shop sub filter row (price/stock) ===== */
.zen-shop .shop-filters--sub{margin-top:12px;align-items:center}
.zen-shop .shop-filters--sub .flabel{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-right:2px}
.zen-shop .shop-filters--sub .fdiv{width:1px;height:24px;background:var(--line);margin:0 6px}
.zen-shop .shop-filters--sub .chip-stock .ti{font-size:15px;color:#149048;margin-right:4px}
.zen-shop .shop-filters--sub .chip-stock.on .ti{color:#fff}
@media(max-width:680px){
  .zen-shop .shop-filters{gap:8px}
  .zen-shop .shop-filters .chip{padding:8px 14px;font-size:12px}
  .zen-shop .shop-filters--sub .fdiv{display:none}
}

/* ===== MOBILE PACK: shop grid + scrollable filter chips ===== */
@media(max-width:680px){
  .zen-shop .phead{padding:26px 0 22px}
  .zen-shop .phead h1{font-size:26px}
  .zen-shop .shop-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
  .zen-shop .shop-filters::-webkit-scrollbar{display:none}
  .zen-shop .shop-filters .chip{flex:none;white-space:nowrap;padding:9px 15px;font-size:12.5px}
  .zen-shop .shop-filters--sub .flabel{flex:none;white-space:nowrap}
  .zen-shop .toolbar{padding:14px 0}
}
@media(max-width:430px){
  .zen-shop ul.products{grid-template-columns:repeat(2,1fr) !important;gap:12px}
}