, not an
rule and given higher specificity so it is not overridden by it. */ .mv-agegate__card .mv-agegate__title{font-size:24px;font-weight:800;line-height:1.2; color:var(--mv-heading);margin:0 0 8px} .mv-agegate__card p{color:var(--mv-body);font-size:14px;margin-bottom:24px} .mv-agegate__card p.mv-agegate__title{color:var(--mv-heading);font-size:24px; font-weight:800;margin-bottom:8px} .mv-agegate__row{display:flex;gap:12px} .mv-agegate__row .mv-btn{flex:1} body.mv-locked{overflow:hidden} /* ========================================================================== 5. PROMO STRIP — sits BELOW the header ========================================================================== */ .mv-announce{background:var(--mv-accent);color:#fff;font-size:13px;font-weight:600; overflow:hidden;border-bottom:1px solid var(--mv-accent-hover)} .mv-announce__track{display:flex;padding:10px 0;white-space:nowrap; animation:mv-slide 34s linear infinite;width:max-content} .mv-announce__track span{padding:0 20px;position:relative} .mv-announce__track span+span::before{content:"";position:absolute;left:0;top:50%; transform:translateY(-50%);width:1px;height:13px;background:rgba(255,255,255,.45)} @keyframes mv-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.mv-announce__track{animation:none;flex-wrap:wrap;width:auto}} /* ========================================================================== 6. HEADER ========================================================================== */ .mv-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.93); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--mv-border)} .admin-bar .mv-header{top:32px} @media (max-width:782px){.admin-bar .mv-header{top:46px}} .mv-bar{display:flex;align-items:center;gap:22px;min-height:72px;padding:8px 0} .mv-logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px; letter-spacing:-.02em;color:var(--mv-heading);flex:none;text-decoration:none} .mv-logo:hover{color:var(--mv-heading);text-decoration:none} /* Green rounded tile behind the recovered brand glyph, matching the owner's original header treatment. */ .mv-logo__mark{width:38px;height:38px;border-radius:11px;background:var(--mv-accent); display:grid;place-items:center;flex:none;overflow:hidden;padding:5px} .mv-logo__mark img{width:100%;height:100%;object-fit:contain} .mv-logo img.custom-logo{max-height:42px;width:auto} .mv-nav{margin-left:auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .mv-nav::-webkit-scrollbar{display:none} .mv-nav ul{display:flex;gap:3px;list-style:none;margin:0;padding:2px 0} .mv-nav li{flex:none} .mv-nav a{display:block;padding:8px 13px;border-radius:9px;font-size:14.5px;font-weight:600; color:var(--mv-body);transition:.15s;text-decoration:none;text-align:center} .mv-nav a:hover,.mv-nav .current-menu-item>a,.mv-nav .current_page_item>a{ color:var(--mv-accent);background:var(--mv-accent-soft);text-decoration:none} .mv-nav .sub-menu{position:absolute;background:var(--mv-card);border:1px solid var(--mv-border); border-radius:12px;box-shadow:var(--mv-sh-lg);padding:8px;min-width:200px;flex-direction:column; display:none;z-index:10} .mv-nav li:hover>.sub-menu{display:flex} .mv-nav .sub-menu a{font-size:13.5px;text-align:left} .mv-nav .menu-item-has-children>a::after{content:" ▾";font-size:10px;opacity:.6} .mv-tagnew{display:inline-block;margin-left:6px;font-size:9px;letter-spacing:.08em; background:var(--mv-accent);color:#fff;padding:2px 5px;border-radius:4px;font-weight:800; vertical-align:middle} .mv-pricehint{display:block;font-size:11px;color:var(--mv-muted);font-weight:600; letter-spacing:0;text-transform:none;line-height:1.2;margin-top:1px} .mv-actions{display:flex;align-items:center;gap:9px;flex:none} .mv-iconbtn{width:42px;height:42px;border-radius:11px;border:1px solid var(--mv-border); display:grid;place-items:center;background:var(--mv-card);cursor:pointer;position:relative; transition:.15s;padding:0;text-decoration:none} .mv-iconbtn:hover{border-color:var(--mv-accent);text-decoration:none} .mv-cartcount{position:absolute;top:-6px;right:-6px;background:var(--mv-accent);color:#fff; font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:999px; display:grid;place-items:center;padding:0 5px;border:2px solid #fff} .mv-burger{display:none} /* SMS / contact CTA */ .mv-textcta{display:flex;align-items:center;border:1px solid var(--mv-border); border-radius:999px;overflow:hidden;background:var(--mv-card)} .mv-textcta a{display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:13.5px; font-weight:700;color:var(--mv-heading);transition:.15s;text-decoration:none} .mv-textcta a:hover{color:var(--mv-accent);background:var(--mv-accent-soft);text-decoration:none} .mv-textcta button{padding:10px 13px;border:none;border-left:1px solid var(--mv-border); background:var(--mv-surface);color:var(--mv-muted);font-size:11.5px;font-weight:700; letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.15s} .mv-textcta button:hover,.mv-textcta button.done{background:var(--mv-accent);color:#fff} /* ========================================================================== 7. BREADCRUMBS ========================================================================== */ .mv-crumbs{padding:18px 0;font-size:13px;color:var(--mv-muted);display:flex;gap:8px;flex-wrap:wrap} .mv-crumbs a{color:var(--mv-muted);font-weight:500;text-decoration:none} .mv-crumbs a:hover{color:var(--mv-accent)} .mv-crumbs .cur,.mv-crumbs span[aria-current]{color:var(--mv-heading);font-weight:600} .woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--mv-muted);padding:18px 0;margin:0} .woocommerce .woocommerce-breadcrumb a{color:var(--mv-muted)} /* ========================================================================== 8. HERO ========================================================================== */ .mv-hero{position:relative;overflow:hidden;padding:76px 0 68px; border-bottom:1px solid var(--mv-border);background:var(--mv-card)} .mv-hero::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%; background:radial-gradient(circle,rgba(5,150,105,.10),transparent 68%); top:-230px;right:-150px;pointer-events:none} .mv-hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%; background:radial-gradient(circle,rgba(96,165,250,.10),transparent 68%); bottom:-270px;left:-130px;pointer-events:none} .mv-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr; gap:56px;align-items:center} .mv-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.03em; font-weight:800;margin:16px 0 18px} .mv-hero h1 em{font-style:normal;color:var(--mv-accent)} .mv-hero__lede{color:var(--mv-body);font-size:17px;max-width:520px;margin-bottom:30px} .mv-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px} .mv-pills{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:0} .mv-pills li{background:var(--mv-surface);border:1px solid var(--mv-border);border-radius:999px; padding:8px 15px;font-size:12.5px;color:var(--mv-body);display:flex;align-items:center;gap:7px} .mv-pills b{color:var(--mv-accent)} .mv-hero__art{background:var(--mv-surface);border:1px solid var(--mv-border); border-radius:22px;padding:26px;position:relative;box-shadow:var(--mv-sh-md); min-height:300px;display:grid;place-items:center;overflow:visible} .mv-hero__art img{border-radius:14px;width:100%;height:auto} .mv-float{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:14px; padding:13px 17px;position:absolute;font-size:13px;font-weight:700;color:var(--mv-heading); box-shadow:var(--mv-sh-md)} .mv-float small{display:block;color:var(--mv-muted);font-weight:500;font-size:11.5px} .mv-float--tr{top:-18px;right:22px} .mv-float--bl{bottom:-16px;left:18px} /* ========================================================================== 9. USP STRIP ========================================================================== */ .mv-usps{border-bottom:1px solid var(--mv-border);background:var(--mv-card)} .mv-usps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--mv-border)} .mv-usp{background:var(--mv-card);padding:26px 22px;text-align:center} .mv-usp__big{font-size:26px;font-weight:800;color:var(--mv-accent);letter-spacing:-.02em} .mv-usp__lbl{font-size:12.5px;color:var(--mv-muted);margin-top:4px} /* ========================================================================== 10. SECTION SHELL ========================================================================== */ .mv-block{padding:68px 0;border-bottom:1px solid var(--mv-border)} .mv-block--alt{background:var(--mv-card)} .mv-sechead{display:flex;align-items:flex-end;justify-content:space-between; gap:20px;margin-bottom:32px;flex-wrap:wrap} .mv-sechead h2{font-size:clamp(24px,3vw,33px);letter-spacing:-.025em;font-weight:800;margin:8px 0 0} .mv-sechead p{color:var(--mv-body);font-size:14.5px;margin-top:6px;max-width:540px} /* ========================================================================== 11. CATEGORY TILES ========================================================================== */ .mv-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .mv-cat{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:var(--mv-radius); padding:20px;transition:.2s;position:relative;overflow:hidden;box-shadow:var(--mv-sh-sm); display:block;text-decoration:none} .mv-cat:hover{transform:translateY(-3px);border-color:var(--mv-accent); box-shadow:var(--mv-sh-md);text-decoration:none} .mv-cat__swatch{height:88px;border-radius:10px;margin-bottom:16px;display:grid;place-items:center; border:1px solid var(--mv-border);background:var(--mv-accent-soft);overflow:hidden} .mv-cat__swatch img{width:100%;height:100%;object-fit:cover} .mv-cat h3{font-size:16.5px;font-weight:700;margin:0 0 3px;color:var(--mv-heading)} .mv-cat__sub{font-size:13px;color:var(--mv-muted)} .mv-cat__from{position:absolute;top:16px;right:16px;background:var(--mv-card); border:1px solid var(--mv-border);border-radius:999px;padding:4px 10px;font-size:12px; font-weight:700;color:var(--mv-accent)} .mv-tint-a{background:var(--mv-accent-soft)} .mv-tint-b{background:var(--mv-tint-blue)} .mv-tint-c{background:var(--mv-tint-sky)} .mv-tint-d{background:var(--mv-tint-orange)} .mv-tint-e{background:var(--mv-tint-red)} .mv-tint-f{background:var(--mv-surface)} /* ========================================================================== 12. PRODUCT CARDS + GRID ========================================================================== */ .mv-products,.woocommerce ul.products{ display:grid;grid-template-columns:repeat(4,1fr);gap:18px; list-style:none;padding:0;margin:0} .mv-products::before,.mv-products::after, .woocommerce ul.products::before,.woocommerce ul.products::after{display:none} .woocommerce ul.products li.product{width:auto;margin:0;float:none;clear:none} .mv-card,.woocommerce ul.products li.product{ background:var(--mv-card);border:1px solid var(--mv-border);border-radius:var(--mv-radius); overflow:hidden;transition:.2s;display:flex;flex-direction:column;box-shadow:var(--mv-sh-sm); padding:0!important} .mv-card:hover,.woocommerce ul.products li.product:hover{ transform:translateY(-4px);box-shadow:var(--mv-sh-lg)} .mv-card__thumb,.woocommerce ul.products li.product a img{ height:172px;display:grid;place-items:center;border-bottom:1px solid var(--mv-border); background:var(--mv-accent-soft);margin:0!important;width:100%;object-fit:cover;border-radius:0} .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{padding:0} .mv-badge,.woocommerce span.onsale{ position:absolute;top:12px;left:12px;font-size:10.5px;letter-spacing:.07em; text-transform:uppercase;font-weight:800;padding:4px 9px;border-radius:6px;z-index:2; background:var(--mv-accent);color:#fff;margin:0;min-height:0;min-width:0;line-height:1.3} .woocommerce span.onsale{background:var(--mv-sale)} .mv-card__thumb,.woocommerce ul.products li.product{position:relative} .mv-badge--sale{background:var(--mv-sale)} .mv-badge--low{background:var(--mv-warning);color:#3d2e00} .mv-card__body{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1} .mv-card__brand{font-size:11px;letter-spacing:.1em;text-transform:uppercase; color:var(--mv-muted);font-weight:700} .mv-card__name,.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:15.5px;font-weight:700;margin:5px 0 9px;line-height:1.3;color:var(--mv-heading); padding:0} .mv-card__meta{font-size:12.5px;color:var(--mv-muted);margin-bottom:14px} .mv-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px} .mv-price,.woocommerce ul.products li.product .price{ font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--mv-heading)} .mv-price del,.woocommerce div.product p.price del, .woocommerce ul.products li.product .price del{ font-size:13px;color:var(--mv-muted);font-weight:500;margin-right:6px;opacity:1} .mv-price ins,.woocommerce div.product p.price ins, .woocommerce ul.products li.product .price ins{ color:var(--mv-sale);text-decoration:none;font-weight:800} .mv-addbtn{width:40px;height:40px;border-radius:11px;background:var(--mv-surface); border:1px solid var(--mv-border);display:grid;place-items:center;cursor:pointer; transition:.15s;flex:none;padding:0} .mv-addbtn:hover{background:var(--mv-accent);border-color:var(--mv-accent)} .mv-stars{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--mv-muted);margin-bottom:12px} .mv-stars b,.woocommerce .star-rating span::before{color:var(--mv-amber);letter-spacing:1px} .woocommerce .star-rating{color:var(--mv-amber);font-size:13px} /* Filters + sort toolbar */ .mv-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between; padding:20px 0;flex-wrap:wrap;border-bottom:1px solid var(--mv-border); position:sticky;top:72px;background:var(--mv-surface);z-index:50} .admin-bar .mv-toolbar{top:104px} .mv-chips{display:flex;gap:8px;flex-wrap:wrap} .mv-chip,.woocommerce-ordering select{padding:8px 15px;border-radius:999px; border:1px solid var(--mv-border);background:var(--mv-card);font-size:13px;font-weight:600; color:var(--mv-body);cursor:pointer;transition:.15s;text-decoration:none;display:inline-block} .mv-chip:hover{border-color:var(--mv-accent);color:var(--mv-accent);text-decoration:none} .mv-chip.is-on,.mv-chip.current{background:var(--mv-accent);color:#fff; border-color:var(--mv-accent);font-weight:700} .woocommerce-ordering{margin:0} .woocommerce-ordering select{padding:9px 15px;font-size:13.5px;color:var(--mv-heading);outline:none} .woocommerce-ordering select:focus{border-color:var(--mv-accent)} /* ========================================================================== 13. PAGE HEAD (collections, guides) ========================================================================== */ .mv-phead{padding:14px 0 34px;border-bottom:1px solid var(--mv-border)} .mv-phead h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.03em;font-weight:800; line-height:1.1;margin:10px 0 14px} .mv-phead__intro{font-size:16px;max-width:760px;color:var(--mv-body)} .mv-count{display:inline-block;background:var(--mv-accent-soft);border:1px solid var(--mv-accent-line); color:var(--mv-accent);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;margin-top:16px} .woocommerce-products-header__title{font-size:clamp(28px,4vw,42px);letter-spacing:-.03em; font-weight:800;margin:10px 0 14px} .term-description{font-size:16px;max-width:760px;color:var(--mv-body)} /* ========================================================================== 14. COMPARISON / SPEC TABLES ========================================================================== */ .mv-table,article table,.woocommerce table.shop_table{ width:100%;border-collapse:collapse;background:var(--mv-card); border:1px solid var(--mv-border);border-radius:12px;overflow:hidden;font-size:14px;margin:20px 0} .mv-table th,.mv-table td,article table th,article table td, .woocommerce table.shop_table th,.woocommerce table.shop_table td{ padding:12px 15px;text-align:left;border-bottom:1px solid var(--mv-border)} .mv-table thead th,article table thead th{ background:var(--mv-heading);color:#fff;font-size:11.5px;letter-spacing:.08em; text-transform:uppercase;font-weight:700;border-bottom:none} .mv-table tbody tr:last-child td,article table tbody tr:last-child td{border-bottom:none} .mv-table tbody tr:hover td,article table tbody tr:hover td{background:var(--mv-surface)} .mv-table td.hl,article table td.hl{color:var(--mv-accent);font-weight:800;background:var(--mv-accent-soft)} .mv-table tbody th,article table tbody th{background:var(--mv-surface);font-weight:700; color:var(--mv-heading);width:40%} .mv-tnote{font-size:12.5px;color:var(--mv-muted);margin:-8px 0 24px} /* ========================================================================== 15. CALLOUTS ========================================================================== */ .mv-callout{background:var(--mv-accent-soft);border:1px solid var(--mv-accent-line); border-left:4px solid var(--mv-accent);border-radius:12px;padding:20px 22px;margin:26px 0} .mv-callout h3,.mv-callout h4{font-size:16px;margin:0 0 6px} .mv-callout p{margin:0;font-size:14.5px} .mv-callout--warn{background:var(--mv-tint-orange);border-color:#fed7aa;border-left-color:var(--mv-amber)} .mv-callout--warn h3,.mv-callout--warn h4{color:#9a3412} /* ========================================================================== 16. ARTICLE / POLICY PAGES (type 6) + GUIDES (types 7-8) ========================================================================== */ .mv-layout{display:grid;grid-template-columns:230px 1fr;gap:48px; padding:26px 0 60px;align-items:start} .mv-sidenav{position:sticky;top:96px;background:var(--mv-card);border:1px solid var(--mv-border); border-radius:14px;padding:18px;box-shadow:var(--mv-sh-sm)} .admin-bar .mv-sidenav{top:128px} .mv-sidenav h4{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase; color:var(--mv-muted);margin-bottom:12px;font-weight:700} .mv-sidenav ul{list-style:none;margin:0;padding:0} .mv-sidenav li{margin-bottom:2px} .mv-sidenav a{display:block;padding:8px 11px;border-radius:8px;font-size:13.5px;font-weight:600; color:var(--mv-body);text-decoration:none;transition:.15s} .mv-sidenav a:hover{background:var(--mv-accent-soft);color:var(--mv-accent);text-decoration:none} .mv-sidenav .current_page_item>a,.mv-sidenav .current-menu-item>a, .mv-sidenav a.is-on{background:var(--mv-accent-soft);color:var(--mv-accent)} .mv-helpbox{margin-top:18px;padding-top:18px;border-top:1px solid var(--mv-border); font-size:13px;color:var(--mv-body)} .mv-helpbox b{display:block;color:var(--mv-heading);margin-bottom:5px;font-size:13.5px} .mv-article{max-width:var(--mv-readw)} .mv-article>h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;font-weight:800;margin:8px 0 14px} .mv-article--wide{max-width:none} .mv-article .mv-updated{font-size:12.5px;color:var(--mv-muted);margin-bottom:28px; padding-bottom:22px;border-bottom:1px solid var(--mv-border);display:flex;gap:16px;flex-wrap:wrap} .mv-article h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:38px 0 12px; padding-top:6px;display:flex;gap:12px;align-items:baseline} .mv-article h2 .mv-n{display:inline-grid;place-items:center;min-width:30px;height:30px; border-radius:9px;background:var(--mv-accent-soft);border:1px solid var(--mv-accent-line); color:var(--mv-accent);font-size:14px;font-weight:800;flex:none;transform:translateY(4px)} .mv-article h3{font-size:17.5px;font-weight:700;margin:26px 0 9px} .mv-article p{margin-bottom:16px;font-size:15.5px} .mv-article>ul,.mv-article ul.mv-list{margin:0 0 20px;list-style:none;padding:0} .mv-article ul.mv-list li{padding:7px 0 7px 26px;position:relative;font-size:15px} .mv-article ul.mv-list li::before{content:"✓";position:absolute;left:2px; color:var(--mv-accent);font-weight:800} .mv-article ul.mv-list--no li::before{content:"✕";color:var(--mv-sale)} .mv-steps{display:grid;gap:14px;margin:24px 0} .mv-step{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:14px; padding:22px;display:flex;gap:18px;box-shadow:var(--mv-sh-sm)} .mv-step__num{width:40px;height:40px;border-radius:12px;background:var(--mv-accent-soft); border:1px solid var(--mv-accent-line);display:grid;place-items:center;font-weight:800; color:var(--mv-accent);flex:none;font-size:16px} .mv-step h3{font-size:16.5px;margin:0 0 6px} .mv-step p{margin:0;font-size:14.5px} .mv-opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0} .mv-opt{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:14px;padding:22px} .mv-opt h3{font-size:16.5px;margin:0 0 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap} .mv-opt__tag{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:800; padding:4px 9px;border-radius:6px;background:var(--mv-accent-soft);color:var(--mv-accent)} .mv-opt p{font-size:14.5px;margin-bottom:10px} .mv-opt ul.mv-list li{font-size:14px;padding:5px 0 5px 24px} /* Key-fact strip (city pages) */ .mv-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 36px} .mv-fact{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:13px; padding:18px 16px;text-align:center;box-shadow:var(--mv-sh-sm)} .mv-fact b{display:block;font-size:22px;font-weight:800;color:var(--mv-accent);letter-spacing:-.02em} .mv-fact span{font-size:12px;color:var(--mv-muted);display:block;margin-top:3px} /* ========================================================================== 17. FAQ ========================================================================== */ .mv-faq{padding:52px 0;border-top:1px solid var(--mv-border)} .mv-faq h2{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.02em;font-weight:800;margin:8px 0 26px} .mv-qlist{max-width:840px} .mv-qlist details,article details{background:var(--mv-card);border:1px solid var(--mv-border); border-radius:12px;margin-bottom:10px;overflow:hidden} .mv-qlist details[open],article details[open]{border-color:var(--mv-accent)} .mv-qlist summary,article summary{padding:17px 20px;font-size:15px;font-weight:700; color:var(--mv-heading);cursor:pointer;list-style:none;display:flex; justify-content:space-between;align-items:center;gap:16px} .mv-qlist summary::-webkit-details-marker,article summary::-webkit-details-marker{display:none} .mv-qlist summary::after,article summary::after{content:"+";font-size:21px; color:var(--mv-accent);font-weight:400;flex:none;transition:.2s} .mv-qlist details[open] summary::after,article details[open] summary::after{transform:rotate(45deg)} .mv-qlist .mv-a,article details .mv-a{padding:0 20px 18px;font-size:14.5px;color:var(--mv-body)} /* ========================================================================== 18. CTA BLOCK + DEAL BANNER ========================================================================== */ .mv-cta{background:var(--mv-heading);border-radius:18px;padding:40px;position:relative; overflow:hidden;margin:44px 0 0} .mv-cta::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%; background:radial-gradient(circle,rgba(5,150,105,.30),transparent 70%);top:-180px;right:-90px} .mv-cta--center{text-align:center} .mv-cta--center::before{left:50%;right:auto;transform:translateX(-50%)} .mv-cta__in{position:relative} .mv-cta h2{font-size:clamp(23px,3vw,31px);font-weight:800;color:#fff;margin:0 0 12px; letter-spacing:-.02em} .mv-cta p{color:#cbd5e1;margin:0 0 24px;max-width:520px;font-size:15px} .mv-cta--center p{margin-left:auto;margin-right:auto} .mv-cta__row{display:flex;gap:11px;flex-wrap:wrap} .mv-cta--center .mv-cta__row{justify-content:center} .mv-cta .mv-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.22)} .mv-cta .mv-btn--ghost:hover{border-color:var(--mv-accent);color:#fff;background:var(--mv-accent)} .mv-deal{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center} .mv-timer{display:flex;gap:10px;flex-wrap:wrap;position:relative} .mv-tcell{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14); border-radius:12px;padding:14px 10px;text-align:center;min-width:72px} .mv-tcell b{display:block;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.02em} .mv-tcell span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mv-muted)} /* ========================================================================== 19. CROSS-SELL RAIL ========================================================================== */ .mv-rail{padding:48px 0;border-top:1px solid var(--mv-border);background:var(--mv-card)} .mv-rail h2{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.02em;font-weight:800;margin:8px 0 24px} .mv-rgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .mv-rtile{background:var(--mv-surface);border:1px solid var(--mv-border);border-radius:12px; padding:16px;transition:.18s;text-align:center;text-decoration:none;display:block} .mv-rtile:hover{border-color:var(--mv-accent);transform:translateY(-2px); box-shadow:var(--mv-sh-md);text-decoration:none} .mv-rtile__sw{height:56px;border-radius:9px;margin-bottom:12px;display:grid;place-items:center; background:var(--mv-accent-soft);overflow:hidden} .mv-rtile__sw img{width:100%;height:100%;object-fit:cover} .mv-rtile h3{font-size:14px;font-weight:700;margin:0 0 3px;color:var(--mv-heading)} .mv-rtile span{font-size:12px;color:var(--mv-accent);font-weight:700} /* Sibling internal links */ .mv-siblings{border-top:1px solid var(--mv-border);padding:40px 0;background:var(--mv-card)} .mv-siblings h2{font-size:19px;font-weight:800;margin-bottom:16px} .mv-sibgrid{display:flex;gap:10px;flex-wrap:wrap} .mv-sib{background:var(--mv-surface);border:1px solid var(--mv-border);border-radius:999px; padding:9px 17px;font-size:13.5px;font-weight:600;color:var(--mv-body);transition:.15s; text-decoration:none} .mv-sib:hover{border-color:var(--mv-accent);color:var(--mv-accent); background:var(--mv-accent-soft);text-decoration:none} /* ========================================================================== 20. REVIEWS ========================================================================== */ .mv-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .mv-rev,.woocommerce #reviews #comments ol.commentlist li{ background:var(--mv-card);border:1px solid var(--mv-border);border-radius:var(--mv-radius); padding:24px;margin:0 0 14px} .woocommerce #reviews #comments ol.commentlist{padding:0} .mv-rev p{font-size:14.5px;color:var(--mv-foreground);margin-bottom:18px} .mv-rev__who,.woocommerce #reviews #comments ol.commentlist li .comment_container{display:flex; align-items:center;gap:11px} .mv-avatar{width:38px;height:38px;border-radius:50%;background:var(--mv-accent-soft); border:1px solid var(--mv-accent-line);display:grid;place-items:center;font-weight:800; font-size:14px;color:var(--mv-accent);flex:none;overflow:hidden} .mv-rev__who b{display:block;font-size:14px;color:var(--mv-heading)} .mv-rev__who span{font-size:12px;color:var(--mv-muted)} /* ========================================================================== 21. NEWSLETTER ========================================================================== */ .mv-news{background:var(--mv-accent-soft);border:1px solid var(--mv-accent-line); border-radius:20px;padding:46px;text-align:center} .mv-news h2{font-size:clamp(23px,3vw,31px);font-weight:800;letter-spacing:-.025em;margin:10px 0} .mv-news p{color:var(--mv-body);max-width:480px;margin:0 auto 26px} .mv-subform{display:flex;gap:10px;max-width:460px;margin:0 auto} .mv-subform input[type=email],.mv-subform input[type=text]{flex:1;background:var(--mv-card); border:1px solid var(--mv-border);border-radius:999px;padding:13px 20px; color:var(--mv-heading);font-size:14.5px;outline:none} .mv-subform input:focus{border-color:var(--mv-accent);box-shadow:0 0 0 3px rgba(5,150,105,.14)} /* ========================================================================== 22. SINGLE PRODUCT (type 5) ========================================================================== */ .mv-ptop{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding-bottom:52px; border-bottom:1px solid var(--mv-border)} .mv-gallery__main{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:18px; aspect-ratio:1/1;display:grid;place-items:center;box-shadow:var(--mv-sh-sm); position:relative;overflow:hidden} .mv-gallery__main img{width:100%;height:100%;object-fit:contain} .mv-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px} .mv-th{background:var(--mv-card);border:1px solid var(--mv-border);border-radius:10px; aspect-ratio:1/1;display:grid;place-items:center;cursor:pointer;transition:.15s;overflow:hidden} .mv-th:hover,.mv-th.is-on{border-color:var(--mv-accent);box-shadow:0 0 0 2px var(--mv-accent-soft)} .mv-th img{width:100%;height:100%;object-fit:cover} .mv-pinfo h1{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.025em;font-weight:800; line-height:1.15;margin:0} .mv-pinfo h2{font-size:19px;font-weight:700;color:var(--mv-body);margin:6px 0 0;letter-spacing:-.01em} .mv-pricebox{display:flex;align-items:baseline;gap:12px;padding:18px 0;flex-wrap:wrap; border-top:1px solid var(--mv-border);border-bottom:1px solid var(--mv-border);margin-bottom:22px} .mv-pricebox .now,.woocommerce div.product p.price{font-size:34px;font-weight:800; color:var(--mv-heading);letter-spacing:-.03em} .mv-pricebox .was{font-size:17px;color:var(--mv-muted);text-decoration:line-through} .mv-pricebox .save{background:var(--mv-tint-red);color:var(--mv-sale);font-size:12px; font-weight:800;padding:5px 10px;border-radius:6px;letter-spacing:.03em} .mv-stockrow{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-bottom:22px} .mv-dot{width:9px;height:9px;border-radius:50%;background:var(--mv-success);flex:none} .mv-optlabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700; color:var(--mv-heading);margin-bottom:11px} .mv-swatches,.woocommerce div.product form.cart .variations{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px} .mv-sw,.woocommerce div.product form.cart .variations td select{min-width:96px;padding:11px 14px; border-radius:11px;border:1px solid var(--mv-border);background:var(--mv-card);font-size:13.5px; font-weight:600;color:var(--mv-body);cursor:pointer;transition:.15s;text-align:center} .mv-sw:hover{border-color:var(--mv-accent);color:var(--mv-accent)} .mv-sw.is-on{border-color:var(--mv-accent);background:var(--mv-accent-soft); color:var(--mv-accent);font-weight:700} .mv-buyrow,.woocommerce div.product form.cart{display:flex;gap:11px;align-items:stretch;margin-bottom:20px} .mv-qty,.woocommerce div.product form.cart .quantity{display:flex;align-items:center; border:1px solid var(--mv-border);border-radius:999px;background:var(--mv-card);overflow:hidden} .mv-qty button{width:44px;height:50px;border:none;background:transparent;cursor:pointer; font-size:19px;color:var(--mv-heading);font-weight:700;padding:0} .mv-qty button:hover{background:var(--mv-accent-soft);color:var(--mv-accent)} .mv-qty input,.woocommerce div.product form.cart .quantity input.qty{width:46px;height:50px; border:none;text-align:center;font-size:16px;font-weight:700;color:var(--mv-heading); background:transparent;outline:none;padding:0;float:none;margin:0} .mv-buyrow .mv-btn{flex:1;height:50px} .mv-assur{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0} .mv-ass{display:flex;gap:9px;align-items:flex-start;background:var(--mv-card); border:1px solid var(--mv-border);border-radius:11px;padding:12px 14px;font-size:12.5px; color:var(--mv-body)} .mv-ass b{display:block;color:var(--mv-heading);font-size:13px;margin-bottom:1px} .mv-ass svg{flex:none;margin-top:2px} /* Product tabs */ .mv-tabs{padding:48px 0} .mv-tabbar,.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:6px; border-bottom:1px solid var(--mv-border);margin-bottom:30px;overflow-x:auto; padding:0;background:none;border-radius:0} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none; border-radius:0;margin:0;padding:0} .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none} .mv-tabbar button,.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:13px 18px;border:none;background:transparent;font-size:14.5px;font-weight:700; color:var(--mv-muted);cursor:pointer;border-bottom:2px solid transparent; margin-bottom:-1px;white-space:nowrap;display:block} .mv-tabbar button:hover,.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--mv-heading)} .mv-tabbar button.is-on,.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--mv-accent);border-bottom-color:var(--mv-accent)} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:none} .mv-panel{display:none}.mv-panel.is-on{display:block} .woocommerce div.product .woocommerce-tabs .panel{margin:0;width:100%} /* ========================================================================== 23. CART / CHECKOUT (type 9) ========================================================================== */ .woocommerce-cart .cart-collaterals,.woocommerce-checkout #customer_details{width:100%} .woocommerce table.shop_table.cart td{padding:16px 15px;vertical-align:middle} .woocommerce table.shop_table.cart img{width:72px;border-radius:10px; border:1px solid var(--mv-border)} .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{ width:100%;max-width:400px;float:right} .woocommerce .cart-collaterals .cart_totals table{background:var(--mv-card); border:1px solid var(--mv-border);border-radius:12px} .woocommerce a.remove{color:var(--mv-sale)!important;font-size:20px;line-height:1} .woocommerce a.remove:hover{background:var(--mv-sale);color:#fff!important} .woocommerce-message,.woocommerce-info{background:var(--mv-accent-soft); border-top-color:var(--mv-accent);color:var(--mv-body)} .woocommerce-message::before,.woocommerce-info::before{color:var(--mv-accent)} .woocommerce-error{background:var(--mv-tint-red);border-top-color:var(--mv-sale)} .woocommerce-error::before{color:var(--mv-sale)} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea, .woocommerce form .form-row select,.woocommerce #reviews #comment{ border:1px solid var(--mv-border);border-radius:10px;padding:12px 14px;font-size:14.5px; color:var(--mv-heading);outline:none;width:100%} .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{border-color:var(--mv-accent); box-shadow:0 0 0 3px rgba(5,150,105,.14)} .woocommerce .coupon .input-text{max-width:200px;border-radius:999px} /* ========================================================================== 24. FOOTER — Shop / Explore / Info columns ========================================================================== */ .mv-footer{padding:60px 0 0;background:var(--mv-heading);margin-top:0} .mv-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px} .mv-fgrid h4,.mv-footer .widget-title{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase; color:#fff;margin-bottom:16px;font-weight:700} .mv-fgrid ul,.mv-footer .widget ul{list-style:none;margin:0;padding:0} .mv-fgrid li,.mv-footer .widget li{margin-bottom:10px} .mv-fgrid a,.mv-footer .widget a{font-size:14px;color:#94a3b8;transition:.15s;text-decoration:none} .mv-fgrid a:hover,.mv-footer .widget a:hover{color:var(--mv-accent);text-decoration:none} .mv-footer .mv-logo{color:#fff} .mv-footer .mv-logo:hover{color:#fff} .mv-fabout p{font-size:14px;color:#94a3b8;margin:14px 0 20px;max-width:330px} .mv-socials{display:flex;gap:9px} .mv-sbtn{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;transition:.15s; cursor:pointer;text-decoration:none} .mv-sbtn:hover{border-color:var(--mv-accent);background:rgba(5,150,105,.16);text-decoration:none} .mv-compliance{border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12);padding:22px 0;background:var(--mv-foreground)} .mv-compliance p{font-size:12.5px;color:#94a3b8;max-width:940px;line-height:1.65;margin:0} .mv-compliance strong{color:#e2e8f0} .mv-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px; padding:24px 0;flex-wrap:wrap;font-size:13px;color:#94a3b8} .mv-pays{display:flex;gap:8px;flex-wrap:wrap} .mv-pay{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14); border-radius:7px;padding:6px 11px;font-size:11px;font-weight:700;color:#cbd5e1} /* ========================================================================== 25. WORDPRESS DEFAULTS ========================================================================== */ .alignleft{float:left;margin:0 24px 16px 0} .alignright{float:right;margin:0 0 16px 24px} .aligncenter{display:block;margin:0 auto 16px} .alignwide{max-width:1100px;margin-left:auto;margin-right:auto} .alignfull{max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} .wp-caption{max-width:100%} .wp-caption-text{font-size:12.5px;color:var(--mv-muted);text-align:center;padding-top:6px} .sticky{display:block} .bypostauthor{display:block} /* ========================================================================== 26. RESPONSIVE ========================================================================== */ @media (max-width:1240px) and (min-width:1001px){ .mv-textcta button{display:none} .mv-textcta a{font-size:12.5px;padding:9px 12px} .mv-products,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)} } @media (max-width:1000px){ .mv-hero__grid,.mv-deal,.mv-ptop{grid-template-columns:1fr} .mv-cats,.mv-products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)} .mv-usps__grid{grid-template-columns:repeat(2,1fr)} .mv-steps,.mv-reviews,.mv-opts{grid-template-columns:1fr} .mv-fgrid{grid-template-columns:1fr 1fr} .mv-rgrid{grid-template-columns:repeat(3,1fr)} .mv-nav{display:none} .mv-burger{display:grid} .mv-hero__art{order:-1} .mv-toolbar{position:static} .mv-textcta{display:none} /* mobile drawer nav */ .mv-nav.is-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0; background:var(--mv-card);z-index:9999;padding:80px 24px 24px;overflow-y:auto;margin:0} .mv-nav.is-open ul{flex-direction:column;gap:4px} .mv-nav.is-open a{font-size:17px;padding:14px 16px;text-align:left} } @media (max-width:900px){ .mv-layout{grid-template-columns:1fr;gap:26px} .mv-sidenav{position:static} } @media (max-width:720px){ .mv-rgrid{grid-template-columns:repeat(2,1fr)} .mv-table,article table{font-size:12.5px} .mv-table th,.mv-table td,article table th,article table td{padding:10px 11px} } @media (max-width:560px){ .mv-cats,.mv-products,.woocommerce ul.products,.mv-fgrid,.mv-pgrid,.mv-reviews{grid-template-columns:1fr} .mv-subform{flex-direction:column} .mv-subform .mv-btn{width:100%} .mv-block{padding:48px 0} .mv-cta,.mv-news{padding:30px 22px} .mv-assur{grid-template-columns:1fr} .mv-buyrow,.woocommerce div.product form.cart{flex-direction:column} .mv-qty{width:100%;justify-content:center} .mv-facts{grid-template-columns:repeat(2,1fr)} .mv-hero{padding:48px 0 44px} } /* ========================================================================== 27. HERO — DARK CENTRED VARIANT (front page) Layered radial gradients stand in for a smoke/vapour photograph so no borrowed imagery is used. Text is centred; second headline line and the cut-off time carry the accent colours for readability on the dark band. ========================================================================== */ .mv-hero--dark{border-bottom:1px solid #1e293b;text-align:center;padding:84px 0 72px; background: radial-gradient(1000px 480px at 16% 6%, rgba(148,163,184,.11), transparent 60%), radial-gradient(880px 420px at 84% 18%, rgba(148,163,184,.09), transparent 62%), radial-gradient(760px 400px at 50% 108%, rgba(5,150,105,.12), transparent 62%), linear-gradient(180deg,#131c2b 0%,#0b111c 100%)} .mv-hero--dark::before,.mv-hero--dark::after{display:none} .mv-hero__inner{position:relative;max-width:880px;margin:0 auto; display:flex;flex-direction:column;align-items:center} .mv-hero__eyebrow{color:#3ecf8e;font-size:12.5px;font-weight:700;letter-spacing:.16em; text-transform:uppercase} .mv-hero--dark h1{margin:14px 0 16px} .mv-hero__l1{display:block;color:#f4efe4} .mv-hero__l2{display:block;color:#3ecf8e} .mv-hero__sub{color:#94a3b8;font-size:16.5px;line-height:1.6;max-width:660px;margin:0 auto 26px} .mv-hero__box{border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.38); border-radius:14px;padding:16px 28px;margin:0 auto 26px;max-width:600px} .mv-hero__box strong{display:block;color:#f4efe4;font-size:15px;font-weight:600} .mv-hero__time{color:#fbbf24;font-weight:800} .mv-hero__box span{display:block;color:#cbd5e1;font-size:14px;margin-top:5px} .mv-hero__box small{display:block;color:#64748b;font-size:12px;margin-top:7px} .mv-ppills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px; padding:0;margin:0 0 28px;max-width:780px} .mv-ppills a{display:flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.30); background:rgba(15,23,42,.42);border-radius:999px;padding:8px 16px;color:#cbd5e1; font-size:13px;text-decoration:none;transition:.15s} .mv-ppills a:hover{border-color:#3ecf8e;color:#fff;text-decoration:none} .mv-ppills b{color:#fff;font-weight:700} .mv-ppills .mv-ppill__new{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800; letter-spacing:.04em;color:#fff;background:#2563eb} .mv-ppills li:nth-child(3n+2) .mv-ppill__new{background:#dc2626} .mv-ppills li:nth-child(3n) .mv-ppill__new{background:#7c3aed} .mv-hero--dark .mv-btn--ghost{background:transparent;border-color:rgba(148,163,184,.42); color:#e2e8f0} .mv-hero--dark .mv-btn--ghost:hover{border-color:#3ecf8e;color:#3ecf8e;background:transparent} @media (max-width:720px){ .mv-hero--dark{padding:56px 0 48px} .mv-hero__box{padding:14px 18px} } /* ========================================================================== 28. VISUAL PARITY PASS — smoke backdrop, muted promo band, nav NEW chips The hero backdrop is an original generated vapour texture (assets/hero-smoke.jpg), not a borrowed photograph. A dark overlay keeps centred text legible. ========================================================================== */ .mv-hero--dark{background-color:#0b111c; background-image:linear-gradient(180deg,rgba(9,13,20,.40),rgba(9,13,20,.68)), url('assets/hero-smoke.jpg'); background-size:cover;background-position:center 32%} .mv-announce{background:#16241c;color:#cdeedd;border-bottom:1px solid #23382b} .mv-announce__track span+span::before{background:rgba(205,238,221,.35)} /* Amber NEW chip + amber label on NEW lines, matching the owner's header. */ .mv-chip{display:inline-block;margin-left:7px;padding:1px 8px;border-radius:999px; background:#f59e0b;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em; vertical-align:middle;line-height:1.6} .mv-nav a .mv-navnew{color:#d97706} .mv-nav a:hover .mv-navnew{color:#b45309} /* Recovered Cheap Vapes landing page */ .cv-bulk{background:#fff;padding:12px 24px}.cv-bulk>div{max-width:1152px;margin:auto;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cv-bulk a{font-size:13px;color:#047857;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;padding:7px 12px;font-weight:600} .cv-hero{background:linear-gradient(135deg,#14532d,#047857);padding:56px 24px;text-align:center;color:white}.cv-hero>div{max-width:1024px;margin:auto}.cv-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.1;color:#fff;margin:0 0 16px;font-weight:800}.cv-hero p{max-width:768px;margin:0 auto 24px;font-size:19px;color:#dcfce7}.cv-hero p strong{color:#fde047}.cv-hero div div{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.cv-hero div div a{border-radius:999px;background:white;padding:12px 24px;color:#166534;font-weight:700}.cv-hero div div a:first-child{background:#38bdf8;color:#172554}.cv-hero div div a:nth-child(3){background:#facc15}.cv-hero>div>a{display:inline-block;color:#fecdd3;margin:20px 18px 0 0;font-size:14px;font-weight:600}.cv-hero>div>a:last-child{color:#ddd6fe} .cv-compare,.cv-products,.cv-editorial,.cv-faq{padding:40px 24px}.cv-compare>div{max-width:896px;margin:auto}.cv-compare h2,.cv-products h2,.cv-faq h2{text-align:center;font-size:clamp(24px,3vw,30px);margin:0 0 12px}.cv-compare>div>p{text-align:center;margin-bottom:32px}.cv-compare>div>div{overflow-x:auto}.cv-compare table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px #0002}.cv-compare th{background:#059669;color:#fff;text-align:center;padding:16px 20px}.cv-compare th:first-child{text-align:left}.cv-compare td{border-bottom:1px solid #f1f5f9;padding:16px 20px;text-align:center}.cv-compare td:first-child{text-align:left;font-weight:600}.cv-compare td p{font-size:12px;color:#64748b;margin:0;font-weight:400}.cv-compare td:nth-child(2),.cv-compare td:nth-child(4){color:#059669;font-weight:700} .cv-products>div{max-width:1152px;margin:auto}.cv-products h2{margin-bottom:24px}.cv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cv-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0002;color:#1f2937;text-decoration:none;transition:transform .2s,box-shadow .2s}.cv-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0002}.cv-card-img{height:160px;padding:12px;background:linear-gradient(#f9fafb,#fff);display:flex;justify-content:center}.cv-card-img img{height:100%;width:100%;object-fit:contain}.cv-card-info{padding:12px}.cv-card h3{font-size:14px;margin:0 0 4px;color:#1f2937}.cv-card-info div{color:#059669;font-weight:700}.cv-editorial>div,.cv-faq>div{max-width:768px;margin:auto}.cv-editorial h2,.cv-faq h2{font-size:24px}.cv-editorial h3{font-size:20px;margin-top:24px}.cv-editorial p{line-height:1.7;margin:12px 0}.cv-faq{background:#f9fafb}.cv-faq h2{margin-bottom:24px}.cv-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;box-shadow:0 1px 3px #0001}.cv-faq summary{cursor:pointer;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between}.cv-faq summary span{color:#059669}.cv-faq details p{padding:0 20px 16px;margin:0;font-size:14px} @media(max-width:1023px){.cv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.cv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-hero{padding:32px 24px}.cv-compare th,.cv-compare td{padding:12px 10px}} /* Wala Yo collection, recovered from owner's live brand page. */ .wala-hero{background:linear-gradient(125deg,#020617,#083344,#020617);color:#fff;text-align:center;border-bottom:1px solid #155e75}.wala-hero>div{max-width:1024px;margin:auto;padding:36px 24px}.wala-hero span{display:inline-block;background:#06b6d426;border:1px solid #22d3ee33;color:#a5f3fc;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.08em}.wala-hero h1{color:#fff;font-size:clamp(30px,4vw,36px);margin:12px 0 8px;line-height:1.1}.wala-hero h1 em{font-style:normal;color:#67e8f9}.wala-hero p{color:#a5f3fccb;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0}.wala-hero p:last-child{max-width:768px;margin:16px auto 0;color:#cbd5e1;font-size:15px;font-weight:400;text-transform:none;letter-spacing:normal}.wala-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:16px clamp(16px,5vw,64px);margin:0 auto}.wala-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.wala-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0002}.wala-image{height:192px;padding:16px;background:#f8fafc}.wala-image img{width:100%;height:100%;object-fit:contain}.wala-body{padding:12px;text-align:center}.wala-body h4{font-size:14px;font-weight:500;line-height:1.3;margin:0 0 8px}.wala-body h4 a{color:#1e293b}.wala-price{font-weight:700;color:#059669;margin-bottom:10px}.wala-price del{color:#94a3b8;font-size:13px;margin-right:6px}.wala-price ins{text-decoration:none}.wala-controls{display:flex;gap:7px}.wala-controls input{width:54px;min-width:0;border:1px solid #cbd5e1;border-radius:6px;text-align:center}.wala-controls button{flex:1;background:#059669;color:white;border:0;border-radius:6px;padding:9px 5px;font-weight:700;cursor:pointer}.wala-out{color:#dc2626;font-size:13px;font-weight:700}.wala-out small{color:#94a3b8;font-weight:400}@media(max-width:1023px){.wala-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.wala-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:639px){.wala-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Keep category navigation visible instead of hiding it behind the mobile menu or an invisible desktop scrollbar. */ .mv-bar{flex-wrap:wrap;gap:0 16px;padding:8px 0} .mv-bar .mv-logo{order:1} .mv-bar .mv-actions{order:2;margin-left:auto} .mv-bar .mv-nav{order:3;display:block;flex:0 0 100%;width:100%;min-width:0;margin:2px 0 0;overflow-x:visible;scrollbar-width:auto} .mv-bar .mv-nav>ul{flex-wrap:wrap;gap:0 2px} .mv-bar .mv-nav a{padding:8px 10px} .mv-bar .mv-burger{display:none} @media(max-width:700px){ .mv-bar .mv-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;-webkit-overflow-scrolling:touch} .mv-bar .mv-nav::-webkit-scrollbar{display:block;height:6px} .mv-bar .mv-nav::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px} .mv-bar .mv-nav>ul{flex-wrap:nowrap;width:max-content} .mv-bar .mv-nav:after{content:'Swipe to see all categories →';display:block;color:#64748b;font-size:11px;text-align:right;padding:2px 4px} } /* Static, visible dark promotional band as in the owner's reference photo. */ .mv-announce{background:#0b1424;color:#f8fafc;border-bottom:1px solid #1e293b} .mv-announce__track{animation:none;width:auto;max-width:1440px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;white-space:normal;padding:8px 12px;gap:4px 0;font-size:12px;font-weight:700} .mv-announce__track span{padding:0 20px;white-space:nowrap}.mv-announce__track b{font-weight:800} .mv-promo-yellow{color:#facc15}.mv-promo-blue{color:#22d3ee}.mv-promo-pink{color:#fb7185}.mv-promo-green{color:#34d399} @media(max-width:700px){.mv-announce__track{font-size:11px;padding:8px;gap:7px 0}.mv-announce__track span{padding:0 10px}} /* Reference header: logo, horizontally scrollable categories, cart in one row. */ .mv-header .mv-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:0;width:100%;max-width:none;min-height:64px;padding:0 16px} .mv-header .mv-logo{order:0;flex:0 0 auto;gap:10px;font-size:20px;white-space:nowrap} .mv-header .mv-nav{order:0;display:block;position:static;flex:1 1 auto;width:auto;min-width:0;margin:0 8px;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;-webkit-overflow-scrolling:touch;background:transparent} .mv-header .mv-nav::-webkit-scrollbar{display:block;height:5px}.mv-header .mv-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px} .mv-header .mv-nav>ul{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;gap:0;margin:0;padding:0;align-items:center} .mv-header .mv-nav a{display:block;font-size:14px;font-weight:600;padding:14px 10px;white-space:nowrap;text-align:center} .mv-header .mv-nav:after{content:none} .mv-header .mv-actions{order:0;flex:0 0 auto;margin:0;gap:0} .mv-header .mv-actions .mv-textcta,.mv-header #mv-search-toggle,.mv-header .mv-burger{display:none} .mv-header .mv-actions .mv-iconbtn{border:0;background:transparent} @media(max-width:700px){.mv-header .mv-bar{padding:0 10px}.mv-header .mv-logo{font-size:16px;gap:6px}.mv-header .mv-logo__mark{width:30px;height:30px}.mv-header .mv-nav a{font-size:13px;padding:14px 9px}} /* Per-brand collection banners, cards, colours and editorial copy. */ .brand-hero{--brand-mid:#172554;--brand-accent:#7dd3fc;background:linear-gradient(135deg,#020617,var(--brand-mid),#020617);color:#fff;text-align:center;border-bottom:1px solid #334155}.brand-hero>div{max-width:1024px;margin:auto;padding:36px 24px}.brand-hero>div>span:first-child{display:inline-block;background:#ffffff19;color:var(--brand-accent);border:1px solid #ffffff25;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.08em}.brand-hero h1{color:#fff;font-size:clamp(30px,4vw,36px);margin:12px 0 8px;line-height:1.1}.brand-hero h1 span{color:var(--brand-accent)}.brand-hero p{color:var(--brand-accent);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0}.brand-hero p:nth-of-type(2){max-width:768px;margin:16px auto 0;color:#cbd5e1;font-size:15px;font-weight:400;text-transform:none;letter-spacing:normal}.brand-hero p:nth-of-type(3){display:inline-block;margin:16px 0 0;padding:5px 12px;border-radius:999px;background:var(--brand-accent);color:#020617;letter-spacing:0;text-transform:none}.brand-hero--rapha{--brand-mid:#4c0519;--brand-accent:#fda4af}.brand-hero--alibarbar{--brand-mid:#2e1065;--brand-accent:#c4b5fd}.brand-hero--relx-herc{--brand-mid:#292524;--brand-accent:#fcd34d}.brand-hero--nicotine-pouches{--brand-mid:#064e3b;--brand-accent:#6ee7b7}.brand-grid .wala-image{position:relative}.brand-badge{position:absolute;top:8px;left:8px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;color:#fff}.brand-badge--new{background:#059669}.brand-badge--low{background:#f59e0b}.brand-card .wala-price:has(ins){color:#dc2626}.brand-editorial{padding:48px 24px}.brand-editorial>div{max-width:896px;margin:auto}.brand-editorial h2{font-size:28px}.brand-editorial h3{font-size:20px;margin-top:24px}.brand-editorial p,.brand-editorial li{line-height:1.7}.brand-editorial table{width:100%;border-collapse:collapse}.brand-editorial td,.brand-editorial th{border:1px solid #e2e8f0;padding:10px} /* Homepage product carousel, matching the reference's Our Products section. */ .home-products-section{padding:44px 0;background:#fff}.home-products-wrap{max-width:1152px;margin:auto;padding:0 24px}.home-products-wrap h2{text-align:center;font-size:clamp(24px,3vw,30px);margin:0 0 32px}.home-products-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.home-product{display:block;flex:0 0 192px;scroll-snap-align:center;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;color:#1e293b}.home-product:hover{border-color:#6ee7b7;box-shadow:0 5px 15px #0002}.home-product-image{height:160px;padding:12px;background:#f8fafc}.home-product-image img{width:100%;height:100%;object-fit:contain}.home-product-body{padding:12px}.home-product h3{font-size:14px;line-height:1.3;margin:0 0 6px}.home-product-body div{font-weight:700;color:#059669}.home-product-body del{color:#94a3b8;font-size:12px}.home-product-body ins{text-decoration:none}.home-product-body small{color:#dc2626}.home-products-hint{text-align:right;font-size:12px;color:#64748b;margin:4px 0 0}@media(max-width:700px){.home-product{flex-basis:160px}} /* Recovered original Shop by Brand image tiles. */ .home-brands{padding:48px 24px;background:#fff}.home-brands-wrap{max-width:1024px;margin:0 auto}.home-brands h2{text-align:center;font-size:clamp(24px,3vw,30px);font-weight:700;margin:0 0 32px}.home-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-brand-tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#f1f5f9}.home-brand-tile--highlight{box-shadow:0 0 0 2px #fbbf24,0 10px 20px #f59e0b33}.home-brand-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-brand-tile:hover img{transform:scale(1.05)}.home-brand-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.25),transparent)}.home-brand-label{position:absolute;bottom:0;left:0;right:0;padding:16px}.home-brand-label h3{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.2}.home-brand-label p{font-size:12px;margin:3px 0 0;color:#fffc}.home-brand-tile--highlight p{color:#fde68a}@media(max-width:767px){.home-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-brand-label h3{font-size:18px}} /* Homepage delivery table and ordering steps recovered from the reference. */ .home-delivery,.home-how{padding:48px 24px}.home-delivery{background:#f8fafc}.home-delivery-wrap{max-width:768px;margin:0 auto}.home-delivery h2,.home-how h2{text-align:center;font-size:clamp(24px,3vw,30px);margin:0 0 8px;font-weight:700}.home-delivery-intro{color:#64748b;text-align:center;font-size:14px;margin:0 0 32px}.home-delivery-table{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow-x:auto}.home-delivery table{width:100%;border-collapse:collapse}.home-delivery th{background:#0f172a;color:white;text-align:left;font-size:14px;font-weight:600;padding:14px 20px}.home-delivery th:last-child,.home-delivery td:last-child{text-align:center}.home-delivery td{padding:14px 20px;border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px}.home-delivery tr:last-child td{border-bottom:0}.home-delivery td:first-child{font-weight:600;color:#1e293b}.home-delivery td strong{color:#059669}.home-delivery td small{font-size:12px;color:#64748b}.home-delivery-note{display:block;margin-top:4px;font-weight:400}.home-how{background:#fff}.home-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}.home-how-grid span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 12px;border-radius:50%;background:#0f172a;color:white;font-size:14px;font-weight:700}.home-how-grid h3{font-size:16px;margin:0 0 4px}.home-how-grid p{font-size:14px;color:#64748b;margin:0}.home-how-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.home-how-actions a,.home-how-actions button{border:0;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer}.home-how-actions a{color:white;background:#0284c7}.home-how-actions button{color:#1e293b;background:#f1f5f9}@media(max-width:650px){.home-delivery th,.home-delivery td{padding:12px 9px;font-size:12px}.home-how-grid{grid-template-columns:1fr}} /* Reference homepage highlights and genuine Trustpilot link. */ .home-highlights,.home-trustpilot{background:#fff;border-bottom:1px solid #e2e8f0}.home-highlights-grid{max-width:1024px;margin:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:center}.home-highlights-grid p{margin:0;font-size:24px;font-weight:700;line-height:1.25;color:#0f172a}.home-highlights-grid>div:first-child p{font-size:18px}.home-highlights-grid>div:nth-child(3) p{color:#059669}.home-highlights-grid small{display:block;color:#64748b;font-size:12px;margin-top:4px}.home-trustpilot>div{max-width:1024px;padding:16px 24px;margin:auto;text-align:center}.home-trustpilot a{display:inline-flex;align-items:center;gap:5px;padding:14px 20px;border:1px solid #94a3b8;border-radius:10px;color:#1e293b;text-decoration:none;font-size:16px}.home-trustpilot a span{font-size:23px;color:#00b67a}.home-trustpilot p{font-size:12px;color:#64748b;margin:8px 0 0}@media(max-width:767px){.home-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Cart and checkout */ .mv-checkout-wrap{max-width:1120px;margin:0 auto;padding:44px 24px 72px}.mv-checkout-title{text-align:center;margin-bottom:32px}.mv-checkout-title h1{font-size:clamp(28px,4vw,38px);margin:0 0 8px}.mv-checkout-title p{color:#64748b}.mv-checkout-wrap .woocommerce form .form-row input.input-text,.mv-checkout-wrap .woocommerce form .form-row textarea,.mv-checkout-wrap .woocommerce select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a}.mv-checkout-wrap .woocommerce form .form-row label{font-weight:600;color:#334155;margin-bottom:5px}.mv-checkout-wrap .woocommerce #order_review,.mv-checkout-wrap .woocommerce .cart_totals{border:1px solid #e2e8f0;border-radius:12px;padding:20px;background:#fff}.mv-checkout-wrap .woocommerce table.shop_table{border-color:#e2e8f0}.mv-checkout-wrap .woocommerce button.button.alt,.mv-checkout-wrap .woocommerce a.button.alt{background:#059669;color:#fff;border-radius:8px;padding:14px 20px}.mv-checkout-wrap .woocommerce button.button.alt:hover,.mv-checkout-wrap .woocommerce a.button.alt:hover{background:#047857}.mv-checkout-wrap .woocommerce .required{color:#dc2626} /* Prevent document-wide horizontal movement while preserving local carousels. */ html,body{max-width:100%;overflow-x:clip} .mv-wrap,.home-products-wrap,.home-brands-wrap,.mv-checkout-wrap{min-width:0} .mv-checkout-wrap,.home-products-wrap,.home-brands-wrap{width:100%} .home-products-scroll,.mv-header .mv-nav,.home-delivery-table,.cv-compare>div>div{-webkit-overflow-scrolling:touch} .mv-article table,.brand-editorial table{display:block;max-width:100%;overflow-x:auto} .woocommerce-cart-form{max-width:100%;overflow-x:auto} /* Keep the long product carousel from expanding the root scrolling area. */ .home-products-scroll{contain:paint} /* Reference age dialog and mobile navigation drawer. */ .mv-agegate__card{max-width:400px;border:0;border-radius:16px;padding:32px}.mv-agegate__ic{border-radius:50%;background:#0f172a;margin-bottom:16px}.mv-agegate__card p.mv-agegate__title{font-size:20px;margin:0 0 8px}.mv-agegate__card p.mv-agegate__question{font-size:14px;color:#64748b;margin:0 0 24px}.mv-agegate__row .mv-btn{border-radius:12px}.mv-agegate__row #mv-age-no{background:#e2e8f0;color:#334155;border:0}.mv-drawer-head,.mv-drawer-contact{display:none} @media(max-width:767px){ .mv-header{backdrop-filter:none;-webkit-backdrop-filter:none} .mv-header .mv-bar{height:64px;min-height:64px;position:relative;padding:0 16px} .mv-header .mv-logo{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;gap:8px} .mv-header .mv-logo__mark{width:24px;height:40px;padding:0;background:transparent;border-radius:0;overflow:visible} .mv-header .mv-logo__mark img{width:24px;height:40px;object-fit:contain} .mv-header .mv-actions{margin-left:auto} .mv-header .mv-burger{display:grid;position:absolute;left:10px;top:11px;width:42px;height:42px;z-index:2} .mv-header .mv-nav{display:none} .mv-header .mv-nav.is-open{display:flex;position:fixed;left:0;top:0;bottom:0;right:auto;z-index:9999;width:min(320px,85vw);height:100dvh;max-height:100vh;flex-direction:column;background:white;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)} .mv-header .mv-nav.is-open>ul{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:10px 20px} .mv-header .mv-nav.is-open a{padding:12px 8px;text-align:left;font-size:16px;font-weight:400;white-space:normal} .mv-header .mv-nav.is-open li a{display:flex;align-items:center;justify-content:space-between} .mv-header .mv-nav.is-open .mv-navnew{font-weight:700} .mv-drawer-head{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:12px 20px;border-bottom:1px solid #f1f5f9} .mv-header .mv-nav.is-open .mv-drawer-head a{display:flex;align-items:center;gap:8px;color:#0f172a;font-size:16px;font-weight:700;padding:0} .mv-drawer-head img{width:24px;height:38px;object-fit:contain}.mv-drawer-head button{border:0;background:none;color:#64748b;font-size:26px;cursor:pointer;padding:5px} .mv-drawer-contact{display:grid;gap:8px;padding:20px;border-top:1px solid #f1f5f9}.mv-header .mv-nav.is-open .mv-drawer-contact a{display:block;text-align:center;background:#0284c7;color:white;border-radius:10px;font-weight:700;padding:12px}.mv-drawer-contact button{background:#f1f5f9;border:0;border-radius:10px;color:#1e293b;font-weight:700;padding:12px;cursor:pointer} .mv-hero--dark{padding:32px 0 48px}.mv-hero__eyebrow{font-size:14px;letter-spacing:.06em}.mv-hero--dark h1{font-size:34px}.mv-hero__sub{font-size:16px}.mv-hero__box{width:100%} } .home-ref-faq{background:#f8fafc;padding:72px 20px}.home-ref-faq>div{max-width:768px;margin:auto}.home-ref-faq h2{text-align:center;color:#0f172a;font-size:30px;margin:0 0 32px}.home-ref-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 12px}.home-ref-faq summary{padding:16px 20px;cursor:pointer;list-style:none;color:#1e293b;font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.home-ref-faq summary::-webkit-details-marker{display:none}.home-ref-faq summary:after{content:'⌄';color:#94a3b8;font-size:18px}.home-ref-faq details[open] summary:after{transform:rotate(180deg)}.home-ref-faq details p{font-size:14px;line-height:1.6;color:#64748b;margin:0;padding:0 20px 18px}@media(max-width:720px){.home-ref-faq{padding:48px 20px}.home-ref-faq h2{font-size:24px}} /* Recovered Melbourne city page. */ .mel-hero{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:white;text-align:center;padding:55px 24px}.mel-hero>div{max-width:1024px;margin:auto}.mel-hero h1{color:white;font-size:48px;line-height:1.15;margin:0 0 16px}.mel-hero p{color:#e0f2fe;font-size:20px;max-width:768px;margin:0 auto 18px}.mel-hero strong{color:#fde047}.mel-hero a{color:#fbcfe8;font-weight:600;display:inline-block;margin:0 12px 18px}.mel-hero a:last-child{background:white;color:#0369a1;padding:12px 24px;border-radius:10px} .mel-coverage,.mel-suburbs,.mel-products,.mel-editorial,.mel-near,.mel-faq{padding:40px 24px}.mel-coverage>div{max-width:896px;margin:auto}.mel-suburbs>div{max-width:1024px;margin:auto}.mel-products{background:#f9fafb}.mel-wide{max-width:1152px;margin:auto}.mel-coverage h2,.mel-suburbs h2,.mel-products h2,.mel-near h2,.mel-faq h2{text-align:center;font-size:28px;color:#1f2937;margin:0 0 24px}.mel-coverage table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0f172a18}.mel-coverage table th{background:#0284c7;color:white;text-align:left}.mel-coverage table th,.mel-coverage table td{padding:16px 20px;border-bottom:1px solid #f1f5f9}.mel-coverage p{font-size:14px;color:#64748b;margin-top:14px}.mel-suburbs{background:#f9fafb}.mel-suburbs>div>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mel-suburbs>div>div>div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:center;padding:12px}.mel-suburbs p{font-size:14px;margin:0;font-weight:600}.mel-suburbs p+p{font-size:12px;color:#0284c7;margin-top:4px}.mel-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mel-product-card{background:white;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0f172a12;text-decoration:none;color:#1f2937}.mel-product-image{height:160px;padding:12px;background:linear-gradient(#f9fafb,#fff)}.mel-product-image img{width:100%;height:100%;object-fit:contain}.mel-product-info{padding:12px 16px}.mel-product-info h3{font-size:14px;line-height:1.4;margin:0 0 8px;color:#1f2937}.mel-product-info span{font-weight:700;color:#0284c7}.mel-editorial>div,.mel-near>div,.mel-faq>div{max-width:768px;margin:auto}.mel-editorial h2{font-size:24px;margin:0 0 16px}.mel-editorial h3{font-size:20px;margin:24px 0 8px}.mel-editorial p,.mel-near p{line-height:1.7;color:#4b5563;margin:0 0 16px}.mel-near{background:#f0f9ff}.mel-near a{color:#0284c7}.mel-faq{background:#f9fafb}.mel-faq details{background:white;border:1px solid #e5e7eb;border-radius:12px;margin:0 0 16px;box-shadow:0 2px 5px #0f172a0a}.mel-faq summary{list-style:none;padding:16px 20px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between}.mel-faq summary::-webkit-details-marker{display:none}.mel-faq summary span{color:#0284c7}.mel-faq details p{font-size:14px;color:#4b5563;line-height:1.6;padding:0 20px 16px;margin:0} @media(max-width:767px){.mel-hero{padding:32px 24px}.mel-hero h1{font-size:30px}.mel-hero p{font-size:18px}.mel-coverage,.mel-suburbs,.mel-products,.mel-editorial,.mel-near,.mel-faq{padding:32px 24px}.mel-coverage h2,.mel-suburbs h2,.mel-products h2,.mel-near h2,.mel-faq h2{font-size:24px}.mel-coverage>div>div{overflow-x:auto}.mel-coverage table{min-width:620px}.mel-suburbs>div>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mel-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Reference layout for the selected ZYN product only. */ .postid-118{background:#fff}.postid-118 .mv-breadcrumb,.postid-118 .mv-crumbs{display:none}.postid-118 .mv-announce+ .mv-wrap{display:none}.zyn-ref{max-width:1152px;margin:auto;padding:48px 24px}.zyn-ref__top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.zyn-ref__image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 12px 24px rgba(2,132,199,.08)}.zyn-ref__info h1{display:flex;align-items:baseline;gap:12px;font-size:36px;line-height:1.2;color:#0f172a;margin:0 0 36px}.zyn-ref__info h1 span{font-weight:400;flex-shrink:0}.zyn-ref__info h1 i{font-size:16px;color:#94a3b8;font-style:normal;font-weight:400}.zyn-ref__info h1 strong{color:#374151;font-size:32px;font-weight:700}.zyn-ref__stats{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin-bottom:18px;color:#475569}.zyn-ref__stats>div{border:1px solid #fed7aa;border-radius:9px;padding:14px 16px;background:#fffaf5}.zyn-ref small{display:block;font-size:12px;color:#0284c7;margin-bottom:4px}.zyn-ref__stats b{font-size:20px;color:#0f172a}.zyn-ref__price{text-align:center;color:#f97316;font-size:32px;font-weight:700;margin:18px 0 24px}.zyn-ref__price .amount{color:#f97316}.zyn-ref__cart{text-align:center}.zyn-ref__qty{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 0 8px}.zyn-ref__qty button,.zyn-ref__qty input{width:29px;height:29px;border:1px solid #e2e8f0;background:white;border-radius:8px;text-align:center;color:#334155;font-size:14px;padding:0}.zyn-ref__qty input{appearance:textfield;-moz-appearance:textfield}.zyn-ref__qty input::-webkit-inner-spin-button{display:none}.zyn-ref__qty button{cursor:pointer}.zyn-ref__add.button.alt{display:block;width:72%;margin:0 auto;background:#059669;color:white;border:0;border-radius:8px;font-weight:700;font-size:14px;padding:10px}.zyn-ref__flavours{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.zyn-ref__flavours>div{border:1px solid #fecaca;border-radius:8px;background:#fff8f8;padding:14px 16px}.zyn-ref__flavours>div+div{border-color:#bfdbfe;background:#f4f9ff}.zyn-ref__flavours small{color:#f87171}.zyn-ref__flavours>div+div small,.zyn-ref__flavours>div+div span{color:#60a5fa}.zyn-ref__flavours span{display:block;letter-spacing:2px;color:#f87171;font-size:16px;line-height:1}.zyn-ref__flavours em{color:#d1d5db;font-style:normal}.zyn-ref__feature{width:max-content;max-width:100%;margin:32px auto 0;border:1px solid #7dd3fc;border-radius:8px;background:#eff8ff;padding:12px 24px;box-shadow:0 3px 8px #0284c719}.zyn-ref__feature b{font-size:14px;color:#0f172a} @media(max-width:767px){.zyn-ref{padding:48px 24px}.zyn-ref__top{grid-template-columns:1fr;gap:48px}.zyn-ref__info h1{font-size:30px;margin-bottom:36px}.zyn-ref__info h1 strong{font-size:26px}.zyn-ref__add.button.alt{width:100%}} .woocommerce .zyn-ref__cart .zyn-ref__add.button.alt{background:#059669!important;color:#fff!important}.zyn-ref__add svg{vertical-align:middle} .iget-brand-tile{background:linear-gradient(135deg,#1e293b,#334155 55%,#0284c7)}.iget-brand-wordmark{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:clamp(42px,7vw,72px);letter-spacing:.1em}.iget-hero{background:linear-gradient(120deg,#0f172a,#1e3a5f);color:#fff;text-align:center;padding:60px 24px}.iget-hero h1{color:#fff;margin:8px 0;font-size:clamp(36px,5vw,52px)}.iget-hero span{font-size:12px;letter-spacing:.15em;color:#7dd3fc;font-weight:700}.iget-hero p{color:#cbd5e1;margin:0}.iget-empty{text-align:center;padding:70px 20px}.iget-empty a{display:inline-block;background:#059669;color:#fff;padding:11px 22px;border-radius:8px;text-decoration:none;font-weight:700} .iget-lines{max-width:1200px;margin:28px auto 0;padding:0 24px;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain}.iget-lines a{white-space:nowrap;border:1px solid #dce5ec;border-radius:999px;background:white;padding:8px 14px;font-size:13px;color:#334155;text-decoration:none}.iget-lines a:hover{border-color:#059669;color:#059669}.iget-options{display:inline-block;background:#059669;color:#fff!important;text-decoration:none;border-radius:7px;padding:9px 14px;font-weight:700;font-size:13px} /* IGET-only product-line navigation, with live category counts. */ .iget-layout{max-width:1450px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:28px;align-items:start}.iget-layout .iget-lines{display:flex;flex-direction:column;gap:0;margin:0;padding:0;overflow:visible;max-width:none}.iget-layout .iget-line{display:flex;align-items:center;justify-content:space-between;gap:14px;white-space:normal;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:#fff;color:#111827;padding:15px 2px;font-size:15px;font-weight:700;line-height:1.4}.iget-layout .iget-line span:last-child{flex-shrink:0;font-weight:600}.iget-layout .iget-line:hover,.iget-layout .iget-line.is-current{color:#059669}.iget-results{min-width:0}.iget-layout .iget-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;gap:16px}.iget-layout .iget-empty{padding:55px 20px}@media(max-width:767px){.iget-layout{display:block;padding:16px 24px 32px}.iget-layout .iget-lines{margin-bottom:28px}.iget-layout .iget-line{font-size:17px;padding:16px 0}.iget-layout .iget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}} /* Product search available beneath the header on all pages. */ .mv-global-search{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 24px}.mv-global-search form{display:flex;align-items:center;gap:10px;width:100%;max-width:720px;margin:auto;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:4px 4px 4px 14px;color:#64748b}.mv-global-search input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:9px 0;color:#0f172a;font-size:15px}.mv-global-search form:focus-within{border-color:#059669;box-shadow:0 0 0 2px #05966922}.mv-global-search button{background:#059669;border:0;border-radius:7px;color:#fff;font-weight:700;padding:9px 19px;cursor:pointer}.mv-search-results{max-width:1400px;margin:0 auto;padding:30px 24px 60px}.mv-search-results__head{text-align:center;margin-bottom:24px}.mv-search-results__head h1{font-size:clamp(24px,4vw,34px);margin:0 0 6px}.mv-search-results__head p{color:#64748b;margin:0}.mv-search-results__grid{padding:0}.mv-search-results .wala-body h2{font-size:14px;font-weight:600;margin:0 0 8px;line-height:1.3}.mv-search-results .wala-body h2 a{color:#1e293b}.mv-search-results__empty{text-align:center;padding:48px 16px}.mv-search-results__empty a,.mv-search-results__pagination a{color:#047857}.mv-search-results__pagination{display:flex;justify-content:center;gap:8px;margin:28px 0}.mv-search-results__pagination .page-numbers{padding:7px 10px;border:1px solid #dbe4ea;border-radius:6px}.mv-search-results__pagination .current{background:#059669;color:#fff}@media(max-width:767px){.mv-global-search{padding:8px 16px}.mv-global-search button{padding:9px 13px}.mv-search-results{padding:25px 16px 48px}} .iget-search-wrap{max-width:1450px;margin:0 auto;padding:22px 24px 0}.iget-search{display:flex;align-items:center;gap:10px;width:100%;max-width:720px;margin:auto;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:4px 4px 4px 14px;color:#64748b}.iget-search:focus-within{border-color:#059669;box-shadow:0 0 0 2px #05966922}.iget-search input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:15px;padding:9px 0}.iget-search button{background:#059669;border:0;border-radius:7px;color:white;font-weight:700;padding:9px 19px;cursor:pointer}@media(max-width:767px){.iget-search-wrap{padding:16px 24px 0}.iget-search button{padding:9px 13px}} .home-products-more{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 0;flex-wrap:wrap}.home-products-more button,.home-products-more a{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#065f46;padding:9px 14px;font-weight:700;cursor:pointer}.home-products-more button[hidden]{display:none}.iget-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:28px 0}.iget-pagination span{margin-right:8px;color:#64748b}.iget-pagination a{padding:7px 11px;border:1px solid #dbe4ea;border-radius:6px;color:#047857}.iget-pagination a[aria-current=page]{background:#059669;color:white;border-color:#059669}