:root{--dark:#101522;--dark2:#182033;--blue:#2985ff;--purple:#7a4cff;--pink:#e946d7;--text:#202737;--muted:#6c7484;--light:#f5f7fb;--white:#fff;--border:#e7eaf1;--shadow:0 18px 45px rgba(15,23,42,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}html[lang=ar] body,html[lang=ar] button{font-family:Cairo,Tahoma,sans-serif}.container{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:40;background:rgba(16,21,34,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:78px;display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.brand{text-align:center;color:white;font-size:25px;font-weight:900}.brand strong span,.footer-logo span{background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.brand img{max-height:54px;max-width:220px;object-fit:contain}.icon-button{border:0;background:transparent;color:white;font-size:25px;cursor:pointer;position:relative}.menu-trigger{width:48px;height:48px;display:grid;place-content:center;gap:5px}.menu-trigger span{display:block;width:22px;height:2px;background:white;border-radius:9px}.cart-count{position:absolute;top:0;right:0;background:var(--pink);font-size:11px;border-radius:999px;min-width:18px;padding:1px 5px}.hero{background:radial-gradient(circle at 70% 30%,rgba(122,76,255,.18),transparent 32%),linear-gradient(135deg,#111827,#1b2436);color:white;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.hero-badge,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:13px;font-weight:800;letter-spacing:.08em}.hero h1{font-size:clamp(54px,7vw,86px);line-height:.95;margin:24px 0}.hero h1 span{display:block}.gradient-text{background:linear-gradient(90deg,#2f86ff,#8654ff,#e946d7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:clamp(17px,2vw,20px);color:#b7c0d0;max-width:620px}.hero-buttons,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:13px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{color:white;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));box-shadow:0 10px 30px rgba(122,76,255,.28)}.btn-secondary{color:white;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05)}.hero-visual{min-height:460px;display:grid;place-items:center;position:relative}.hero-orb{width:min(420px,82vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(41,133,255,.2),rgba(122,76,255,.12) 45%,transparent 70%);border:1px solid rgba(255,255,255,.08)}.hero-v{width:80%;filter:drop-shadow(0 25px 35px rgba(41,133,255,.3));object-fit:contain}.placeholder-v{font-size:150px;font-weight:900;background:linear-gradient(160deg,#23d8ff,#286dff,#df3bd8);-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:88px 0}.section-light{background:var(--light)}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-kicker{color:#5d6676;background:#eef2fa;border-color:#e0e6f2}.section-title{font-size:clamp(36px,5vw,54px);line-height:1.1;margin:14px 0}.section-description{font-size:18px;color:var(--muted)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:white;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-image{height:260px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#eef3fb,#fff)}.product-image img{max-width:88%;max-height:220px;object-fit:contain}.product-number{position:absolute;top:14px;left:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--pink))}.image-placeholder{font-weight:800;color:#8b94a5;text-align:center;padding:20px}.product-info{padding:20px}.product-name{font-size:20px;margin:0 0 5px}.product-tag{color:var(--purple);font-weight:800;margin-bottom:18px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-actions button{padding:12px 8px;border-radius:11px;border:1px solid var(--border);font-weight:800;cursor:pointer;background:white}.product-actions .buy-now{color:white;border:0;background:linear-gradient(90deg,var(--blue),var(--purple))}.trust-section{padding:55px 0;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-item{text-align:center;padding:25px 16px;border:1px solid var(--border);border-radius:20px}.trust-icon{font-size:27px;background:linear-gradient(90deg,var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.trust-item h3{font-size:18px;margin:8px 0}.trust-item p{font-size:15px;color:var(--muted);margin:0}.page-hero{padding:78px 0 58px;background:linear-gradient(135deg,#111827,#202944);color:white}.page-hero h1{font-size:clamp(42px,6vw,68px);margin:0 0 12px}.page-hero p{max-width:700px;font-size:19px;color:#bdc5d5}.content-card{background:white;border:1px solid var(--border);border-radius:22px;padding:28px;margin-bottom:18px}.content-card h2{font-size:28px;margin-top:0}.content-card h3{font-size:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-box{padding:24px;border-radius:20px;background:linear-gradient(145deg,#f4f7fc,#fff);border:1px solid var(--border)}.form-grid{display:grid;gap:16px}.form-grid input,.form-grid textarea{width:100%;padding:14px 16px;border:1px solid #dfe4ee;border-radius:12px;font:inherit}.form-grid textarea{min-height:150px;resize:vertical}.faq-item{border-bottom:1px solid var(--border);padding:16px 0}.faq-item summary{cursor:pointer;font-weight:800;font-size:18px}.faq-item p{color:var(--muted)}.side-menu,.cart-drawer{position:fixed;top:0;bottom:0;width:min(390px,92vw);z-index:60;background:#fff;padding:24px;box-shadow:var(--shadow);transition:transform .3s ease;overflow:auto}.side-menu{left:0;transform:translateX(-105%)}.cart-drawer{right:0;transform:translateX(105%)}.side-menu.open,.cart-drawer.open{transform:translateX(0)}[dir=rtl] .side-menu{left:auto;right:0;transform:translateX(105%)}[dir=rtl] .side-menu.open{transform:translateX(0)}[dir=rtl] .cart-drawer{right:auto;left:0;transform:translateX(-105%)}[dir=rtl] .cart-drawer.open{transform:translateX(0)}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;z-index:55;transition:.25s}.menu-overlay.open{opacity:1;visibility:visible}.drawer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px}.drawer-header .icon-button{color:var(--text)}.menu-links{display:grid;margin:18px 0}.menu-links a{padding:15px 4px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-weight:800}.menu-links a.active{color:var(--purple)}.language-panel{margin-top:30px}.language-panel>span{font-weight:800}.language-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.language-list a{padding:8px 10px;border:1px solid var(--border);border-radius:10px;font-size:13px}.language-list a.active{background:var(--dark);color:white}.cart-item{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.cart-item button{border:0;background:none;color:#d33;cursor:pointer}.cart-empty{padding:35px 0;color:var(--muted);text-align:center}.site-footer{background:linear-gradient(135deg,#101522,#1a2134);color:#d6dbea;padding:62px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px;padding-bottom:48px}.footer-logo{font-size:28px;font-weight:900;color:white}.footer-brand p{color:#aeb7c8;max-width:460px}.footer-grid h3{color:white;font-size:19px}.footer-links{display:grid;gap:10px;color:#aeb7c8}.footer-links a:hover,.footer-bottom a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0 25px;display:flex;justify-content:space-between;gap:20px;color:#929caf;font-size:14px}.footer-bottom div{display:flex;gap:18px}.footer-bottom a{color:#b9c1d0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center;padding:65px 0}.hero-buttons{justify-content:center}.hero-visual{min-height:330px;order:-1}.products-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.section{padding:62px 0}.hero h1{font-size:52px}.hero-visual{min-height:280px}.products-grid,.trust-grid,.two-col,.info-grid{grid-template-columns:1fr}.product-image{height:230px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding:58px 0 42px}.content-card{padding:21px}}

.product-price{font-size:22px;font-weight:900;margin:-8px 0 18px;color:#182033}.cart-drawer{display:flex;flex-direction:column;padding:0}.cart-drawer>.drawer-header{padding:20px 22px;background:linear-gradient(135deg,#fff,#f7f9ff);position:sticky;top:0;z-index:2}.cart-subtitle{font-size:13px;color:var(--muted);font-weight:700}.cart-items{padding:8px 22px;flex:1}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start;padding:16px 0}.cart-product-image{width:64px;height:76px;border-radius:14px;background:#f4f6fb;display:grid;place-items:center;overflow:hidden}.cart-product-image img{width:90%;height:90%;object-fit:contain}.cart-product-info{min-width:0;display:grid;gap:3px}.cart-product-info strong{font-size:15px}.cart-unit-price{font-size:13px;color:var(--muted)}.cart-line-total{font-size:14px}.quantity-row{display:flex;align-items:center;gap:8px;margin-top:7px}.quantity-row button{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#fff;font-weight:900;cursor:pointer}.quantity-row span{min-width:22px;text-align:center;font-weight:800}.quantity-row .remove-item{margin-left:6px;border:0;color:#d33;background:#fff0f0}.cart-summary{display:grid;gap:12px;padding:18px 22px 22px;border-top:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8faff);box-shadow:0 -8px 24px rgba(15,23,42,.04)}.cart-summary>div{display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.cart-summary .cart-total{padding-top:12px;border-top:1px dashed var(--border);color:var(--text);font-size:18px}.shipping-note{font-size:13px;color:#7a4cff;font-weight:800}.checkout-button{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:15px 18px;border-radius:14px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(122,76,255,.25)}.cart-empty{padding:45px 22px}.product-image img{max-width:94%;max-height:235px;filter:drop-shadow(0 16px 18px rgba(15,23,42,.16))}
/* Database-driven shop and product pages */
.breadcrumb{font-size:14px;color:#9ba6ba;margin-bottom:18px}.breadcrumb a{color:inherit}.breadcrumb a:hover{color:white}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;color:var(--muted)}.shop-filters{display:flex;flex-wrap:wrap;gap:8px}.shop-filters a{padding:9px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:14px}.shop-filters a:hover{border-color:var(--purple);color:var(--purple)}.product-badge{position:absolute;top:14px;right:14px;z-index:2;padding:6px 10px;border-radius:999px;background:#111827;color:white;font-size:11px;font-weight:900;letter-spacing:.08em}.product-brand{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--purple);margin-bottom:6px}.product-short{font-size:14px;line-height:1.55;color:var(--muted);min-height:44px}.product-meta{display:flex;gap:8px;margin:10px 0}.product-meta span{font-size:12px;font-weight:800;background:#f1edff;color:#6240d9;padding:5px 8px;border-radius:999px}.product-price-row{display:flex;align-items:center;gap:10px;margin:14px 0 18px}.product-price-row del{color:#9aa3b3;font-size:14px}.product-detail{padding:50px 0 70px;background:linear-gradient(180deg,#f8faff,#fff)}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.product-main-image{min-height:520px;border-radius:30px;background:radial-gradient(circle at 50% 35%,#fff,#eef3fb 72%);display:grid;place-items:center;border:1px solid var(--border);padding:35px}.product-main-image img{max-width:100%;max-height:450px;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(15,23,42,.16))}.product-summary h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:6px 0 16px}.product-detail-short{font-size:18px;color:var(--muted)}.detail-price{font-size:34px}.stock-status{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:16px}.in-stock{background:#eaf8ef;color:#21874a}.out-stock{background:#fff0f0;color:#c83c3c}.detail-features{display:grid;gap:10px;margin:18px 0 24px}.detail-features span{font-weight:700}.detail-add{width:100%;font-size:16px}.product-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.product-description p{font-size:17px;color:var(--muted);line-height:1.8}.spec-list{display:grid}.spec-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--border)}.spec-list span{color:var(--muted)}.narrow{max-width:850px}.narrow .section-head{margin-bottom:28px}@media(max-width:900px){.product-detail-grid,.product-content-grid{grid-template-columns:1fr}.product-main-image{min-height:390px}.shop-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.shop-filters{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.product-main-image{min-height:320px;padding:20px}.product-summary h1{font-size:40px}}


/* Product package types: Single vs Carton */
.product-package-label,.package-type-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.02em;margin-bottom:10px}.package-single{background:#eef5ff;color:#2866c7;border:1px solid #d7e6ff}.package-carton{background:#f4edff;color:#7146c7;border:1px solid #e5d8ff}.package-type-badge{font-size:13px;margin-bottom:14px}.package-price-note{margin:-8px 0 18px;font-size:14px;color:var(--muted);font-weight:700}.product-card .product-package-label{margin-top:2px}.product-purchase-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:22px}.product-quantity{display:flex;align-items:center;border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;min-height:52px}.quantity-control-btn{width:42px;border:0;background:#f7f9fc;font-size:20px;font-weight:900;cursor:pointer}.product-quantity-input{width:54px;border:0;text-align:center;font:inherit;font-weight:900;outline:0}.product-quantity-input::-webkit-outer-spin-button,.product-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-checkout-now{background:#111827;color:#fff;border:1px solid #111827}.product-checkout-now:hover{transform:translateY(-1px)}.stock-message{min-height:20px;margin-top:10px;color:#c83c3c;font-size:13px;font-weight:800}@media(max-width:700px){.product-purchase-row{grid-template-columns:1fr 1fr}.product-quantity{grid-column:1/-1;justify-content:center}.detail-add,.product-checkout-now{width:100%}}


/* Flavour selector */
.flavour-picker{margin:24px 0 8px;padding:0;border:0;background:transparent}
.flavour-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.flavour-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:3px}
.flavour-picker h3{margin:0;font-size:21px;line-height:1.2}
.flavour-selected{font-size:12px;font-weight:800;color:var(--muted);padding:7px 11px;background:#fff;border:1px solid var(--border);border-radius:999px}
.flavour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.flavour-option{position:relative;min-height:44px;padding:10px 12px;border:1px solid #e2e7f0;border-radius:11px;background:#fff;color:#263044;font:inherit;font-size:13px;font-weight:800;line-height:1.25;cursor:pointer;transition:.2s ease;text-align:center;box-shadow:0 3px 10px rgba(15,23,42,.035)}
.flavour-option::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:linear-gradient(135deg,var(--blue),var(--purple),var(--pink));box-shadow:0 0 0 3px rgba(106,87,255,.08)}
.flavour-option:hover{border-color:#a99af6;transform:translateY(-2px);box-shadow:0 10px 22px rgba(91,72,190,.10);color:var(--purple)}
.flavour-option.selected{color:#fff;border-color:#111827;background:#151b2a;box-shadow:0 12px 24px rgba(21,27,42,.18)}
.flavour-option.selected::before{background:linear-gradient(135deg,#55c7ff,#b76cff,#ff64c8);box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.flavour-message{min-height:18px;margin-top:9px;color:#c83c3c;font-size:13px;font-weight:800}
.cart-product-title{display:block;line-height:1.35}
.cart-flavour-inline{color:var(--purple);font-weight:900}
.cart-flavour{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:4px;padding:4px 8px;border-radius:7px;background:#f0edff;color:#6541c7;font-size:11px;font-weight:900;line-height:1.2}
.product-choose-flavour{grid-column:1/-1;text-align:center}
@media(max-width:760px){.flavour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.flavour-picker-head{align-items:flex-start;flex-direction:column;gap:8px}.flavour-selected{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flavour-option{min-height:48px;font-size:13px}}


/* Readable stock status */
.stock-status-readable,.flavour-stock-status{align-items:center;gap:7px;line-height:1.2;white-space:normal}.stock-status-readable strong,.flavour-stock-status strong{display:inline-block;font-size:14px}.stock-check{font-weight:900;flex:0 0 auto}.stock-status-readable span,.flavour-stock-status span{display:inline-block}.flavour-stock-status{min-height:34px}


/* Product flavour stock: keep every word clearly separated */
.flavour-stock-status{
    display:inline-flex !important;
    align-items:center;
    gap:8px !important;
}
.flavour-stock-status .stock-check{
    margin-right:0;
}
.flavour-stock-status strong{
    margin:0 2px 0 0;
}
.flavour-stock-status span{
    white-space:nowrap;
}


/* ============================
   CHECKOUT PAGE
============================ */
.checkout-page{padding:54px 0 82px;background:linear-gradient(180deg,#f7f9fd 0%,#fff 42%,#f8f9fc 100%)}
.checkout-shell{max-width:1200px}
.checkout-top{max-width:760px;margin:0 auto 38px;text-align:center}
.checkout-eyebrow{display:inline-block;color:#7b55d9;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.checkout-top h1{margin:9px 0 10px;font-size:clamp(32px,4.5vw,50px);letter-spacing:-.04em;color:var(--text)}
.checkout-top p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);gap:28px;align-items:start}
.checkout-form{display:grid;gap:18px}
.checkout-section,.checkout-summary-box{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.055)}
.checkout-section{padding:26px}
.checkout-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:23px}
.checkout-step{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(83,102,220,.2)}
.checkout-section-title h2{margin:0;color:var(--text);font-size:21px}
.checkout-section-title p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.checkout-field{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:800}
.checkout-field-wide{grid-column:1/-1}
.checkout-field input{width:100%;height:52px;padding:0 15px;border:1px solid var(--border);border-radius:14px;background:#fafbfe;color:var(--text);font:inherit;outline:none;transition:.2s}
.checkout-field input:focus{background:#fff;border-color:#9a82ff;box-shadow:0 0 0 4px rgba(122,76,255,.1)}
.checkout-payment-preview{background:linear-gradient(145deg,#fff,#faf8ff)}
.checkout-payment-message{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px dashed #cfc4ff;border-radius:16px;background:#fff}
.checkout-payment-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:#f1edff;font-size:18px}
.checkout-payment-message strong{display:block;font-size:14px}
.checkout-payment-message p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.checkout-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 3px 0}
.checkout-continue-shopping{color:var(--text);font-weight:850}
.checkout-next-button{min-height:54px;border:0;border-radius:15px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(122,76,255,.22)}
.checkout-next-button:hover{transform:translateY(-1px)}
.checkout-form-message{min-height:18px;margin:0 4px;color:#7146c7;font-size:13px;font-weight:800}
.checkout-order-summary{position:sticky;top:22px}
.checkout-summary-box{padding:23px}
.checkout-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:19px;border-bottom:1px solid var(--border)}
.checkout-summary-header h2{margin:5px 0 0;color:var(--text);font-size:24px}
.checkout-item-count{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:7px 10px;border-radius:999px;background:#f4f6fb;color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}
.checkout-order-items{display:grid}
.checkout-order-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #edf0f5}
.checkout-order-image{width:66px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#f5f7fb,#eef1f7)}
.checkout-order-image img{width:92%;height:92%;object-fit:contain}
.checkout-order-info{min-width:0;display:grid;gap:5px}
.checkout-order-info strong{font-size:14px;line-height:1.4}
.checkout-order-flavour{display:inline-flex;width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;background:#f4edff;color:#7146c7;font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkout-order-unit{color:var(--muted);font-size:12px;font-weight:750}
.checkout-order-price{font-size:14px;color:var(--text);white-space:nowrap}
.checkout-totals{display:grid;gap:14px;padding-top:20px}
.checkout-total-line{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px}
.checkout-total-line strong{color:var(--text)}
.checkout-shipping-line>span:last-child{color:#7651d2;font-size:12px;font-weight:850}
.checkout-grand-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;padding-top:18px;border-top:1px dashed var(--border);color:var(--text);font-size:18px;font-weight:900}
.checkout-grand-total strong{font-size:22px}
.checkout-safe-note{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 14px;border-radius:15px;background:#f2f9f5;color:#3e765b}
.checkout-safe-note>span{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;border-radius:50%;background:#dff2e6;font-size:11px;font-weight:900}
.checkout-safe-note p{margin:0;font-size:12px;line-height:1.55;font-weight:700}
.checkout-empty-state{display:none;place-items:center;text-align:center;padding:38px 15px 18px}
.checkout-empty-icon{font-size:38px}
.checkout-empty-state h3{margin:10px 0 7px;font-size:18px}
.checkout-empty-state p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}
.checkout-empty-link{padding:11px 16px;border-radius:12px;background:#182033;color:#fff;font-size:13px;font-weight:900}
@media(max-width:920px){.checkout-grid{grid-template-columns:1fr}.checkout-order-summary{position:static;order:-1}}
@media(max-width:620px){.checkout-page{padding:32px 0 58px}.checkout-top{text-align:start;margin-bottom:25px}.checkout-section,.checkout-summary-box{padding:19px;border-radius:20px}.checkout-fields{grid-template-columns:1fr}.checkout-field-wide{grid-column:auto}.checkout-actions{flex-direction:column-reverse;align-items:stretch}.checkout-next-button{width:100%}.checkout-continue-shopping{text-align:center;padding:10px}.checkout-order-item{grid-template-columns:58px minmax(0,1fr) auto}.checkout-order-image{width:58px;height:68px}.checkout-order-price{font-size:13px}}

.checkout-form-message.is-success{color:#24734d;background:#edf9f1;border:1px solid #cfead9;border-radius:12px;padding:12px 14px}
.checkout-next-button:disabled{opacity:.7;cursor:wait;transform:none}

/* Shipping country selector */
#shippingCountry {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid #d9ddea;
    border-radius: 12px;
    background: #fff;
    color: #25324a;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}

#shippingCountry:focus {
    border-color: #5b5bd6;
    box-shadow: 0 0 0 3px rgba(91, 91, 214, 0.10);
}

/* Shipping availability note */
.checkout-country-note {
    grid-column: 1 / -1;
    margin: -4px 0 4px;
    font-size: 13px;
    line-height: 1.5;
    color: #68758b;
}

/* Force shipping country select to match checkout inputs */
.checkout-field .shipping-country-select {
    position: relative;
    width: 100%;
}

.checkout-field .shipping-country-select select#shippingCountry {
    display: block;
    width: 100% !important;
    height: 52px !important;
    padding: 0 18px !important;

    font: inherit !important;
    font-size: 15px !important;
    font-weight: 500 !important;

    color: #2c394d !important;
    background: #fff !important;

    border: 1px solid #d5dbe6 !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
    cursor: pointer;
}

.checkout-field .shipping-country-select select#shippingCountry:focus {
    outline: none;
    border-color: #5965d8 !important;
    box-shadow: 0 0 0 3px rgba(89, 101, 216, 0.12);
}

/* Checkout shipping country selector */
.checkout-field select.shipping-country-select {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 16px;

    border: 1px solid var(--border);
    border-radius: 14px;

    background: #fafbfe;
    color: var(--text);

    font: inherit;
    font-size: 15px;
    font-weight: 600;

    cursor: pointer;
    outline: none;

    transition: .2s ease;
}

.checkout-field select.shipping-country-select:hover {
    border-color: #c9bdf5;
    background: #fff;
}

.checkout-field select.shipping-country-select:focus {
    background: #fff;
    border-color: #9a82ff;
    box-shadow: 0 0 0 4px rgba(122, 76, 255, .10);
}

/* =========================================
   HALLOVAPE €2 PROMOTIONAL BANNER
========================================= */

.promo-banner {
    position: relative;
    max-width: 1180px;
    margin: 28px auto 45px;
    padding: 58px 30px;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 30%, rgba(132, 72, 255, 0.32), transparent 42%),
        linear-gradient(135deg, #11172b 0%, #171b35 55%, #2b1a4a 100%);
    box-shadow: 0 20px 50px rgba(15, 18, 40, 0.25);
    text-align: center;
}

/* Decorative glow */
.promo-banner::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: -240px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(124, 58, 237, 0.28);
    filter: blur(100px);
    border-radius: 50%;
    pointer-events: none;
}

.promo-content {
    position: relative;
    z-index: 1;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.promo-badge {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #6d38db, #9b59f5);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    box-shadow: 0 10px 25px rgba(122, 58, 237, 0.35);
}

.promo-title {
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 6vw, 72px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -2px;
}

.promo-price {
    color: #ffd84d;
    margin-right: 12px;
    text-shadow: 0 0 25px rgba(255, 216, 77, 0.25);
}

.promo-description {
    max-width: 580px;
    margin: 20px auto 28px;
    color: #c7cbd8;
    font-size: 17px;
    line-height: 1.6;
}

.promo-actions {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    margin-bottom: 18px;
}

.promo-coupon {
    min-width: 210px;
    padding: 14px 20px;
    border: 1px dashed #9565e8;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    text-align: left;
}

.coupon-label {
    display: block;
    margin-bottom: 4px;
    color: #969db1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.promo-coupon strong {
    color: #e1c9ff;
    font-size: 20px;
    letter-spacing: 2px;
}

.promo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 26px;
    min-height: 60px;
    border-radius: 14px;
    background: linear-gradient(135deg, #6f36d8, #9b4fe8);
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(111, 54, 216, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.promo-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 35px rgba(111, 54, 216, 0.5);
}

.promo-button span {
    font-size: 22px;
}

.promo-note {
    color: #949caf;
    font-size: 13px;
}

/* Mobile */
@media (max-width: 650px) {
    .promo-banner {
        margin: 16px 14px 35px;
        padding: 42px 20px;
        border-radius: 22px;
    }

    .promo-title {
        font-size: 44px;
        letter-spacing: -1px;
    }

    .promo-price {
        display: block;
        margin: 0 0 4px;
    }

    .promo-description {
        margin-top: 16px;
        font-size: 15px;
    }

    .promo-actions {
        width: 100%;
        flex-direction: column;
    }

    .promo-coupon,
    .promo-button {
        width: 100%;
        min-height: 58px;
    }

    .promo-coupon {
        text-align: center;
        box-sizing: border-box;
    }

    .promo-note {
        margin-top: 2px;
    }
}
/* =========================================================
   PRODUCT IMAGE DISPLAY - HALLOVAPE
   Optimized for single devices and wide multi-device images
========================================================= */
.product-image {
    height: 280px;
    position: relative;
    display: grid;
    place-items: center;
    padding: 12px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    background:
        radial-gradient(ellipse at 50% 35%, rgba(122,76,255,.12), transparent 58%),
        linear-gradient(145deg, #f8faff 0%, #ffffff 55%, #f2f5fb 100%);
}

.product-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    filter: drop-shadow(0 16px 20px rgba(15,23,42,.16));
    transition: transform .4s ease, filter .4s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.035);
    filter: drop-shadow(0 20px 24px rgba(15,23,42,.20));
}

@media (min-width: 901px) {
    .product-image {
        height: 300px;
        padding: 16px;
    }
}

@media (max-width: 600px) {
    .product-image {
        height: 260px;
        padding: 10px;
    }

    .product-image img {
        max-width: 100%;
        max-height: 100%;
    }
}

/* =========================================================
   HALLOVAPE HEADER UPDATES: SHIPPING NOTICE + WHATSAPP
========================================================= */
.shipping-announcement{
  position:relative; z-index:1002; width:100%; min-height:44px;
  display:flex; align-items:center; justify-content:center;
  padding:10px 52px 10px 16px;
  background:linear-gradient(90deg,#15172a 0%,#34206e 50%,#15172a 100%);
  color:#fff; box-shadow:0 3px 18px rgba(31,23,65,.16);
  transition:opacity .25s ease,transform .25s ease;
}
.shipping-announcement.is-hidden{opacity:0;transform:translateY(-100%)}
.shipping-announcement-content{display:flex;align-items:center;justify-content:center;gap:9px;max-width:1100px;text-align:center;font-size:13px;line-height:1.45;font-weight:500}
.shipping-announcement-content strong{font-weight:900;color:#fff}
.shipping-announcement-content a{color:#c4b5fd;text-decoration:underline;font-weight:800}
.shipping-announcement-icon{font-size:17px;flex:0 0 auto}
.announcement-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:28px;cursor:pointer;transition:.2s}
.announcement-close:hover{background:rgba(255,255,255,.24);transform:translateY(-50%) scale(1.08)}

/* Larger, cleaner logo */
.brand{display:flex;align-items:center;justify-content:center}
.brand img{height:48px!important;width:auto!important;max-width:210px;object-fit:contain;display:block;transform:scale(1.08);transform-origin:center}
.brand strong{font-size:28px!important}

/* Floating WhatsApp support */
.whatsapp-support{position:fixed;right:20px;bottom:20px;z-index:1005;display:flex;align-items:center;gap:11px;padding:11px 17px 11px 11px;border-radius:18px;background:linear-gradient(135deg,#1db954,#25d366);color:#fff;text-decoration:none;box-shadow:0 12px 32px rgba(37,211,102,.32);animation:whatsappFloat 2.4s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-support:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(37,211,102,.42);color:#fff}
.whatsapp-support-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#25d366;font-size:21px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.whatsapp-support-text{display:flex;flex-direction:column;line-height:1.2}
.whatsapp-support-text strong{font-size:14px;font-weight:900;letter-spacing:.01em}
.whatsapp-support-text small{margin-top:4px;font-size:10px;opacity:.92;font-weight:600}
@keyframes whatsappFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:600px){
  .shipping-announcement{min-height:50px;padding:8px 42px 8px 10px}
  .shipping-announcement-content{font-size:10.5px;gap:6px;line-height:1.35}
  .shipping-announcement-icon{font-size:15px}
  .announcement-close{right:7px;width:28px;height:28px;font-size:22px}
  .brand img{height:44px!important;max-width:185px;transform:scale(1.05)}
  .whatsapp-support{right:12px;bottom:14px;padding:10px 14px 10px 10px;border-radius:16px;max-width:calc(100vw - 24px)}
  .whatsapp-support-icon{width:39px;height:39px;font-size:19px}
  .whatsapp-support-text strong{font-size:13px}
  .whatsapp-support-text small{font-size:9px;white-space:nowrap}
}

/* ===== HalloVape account menu buttons ===== */
.menu-account-links{
    margin:22px 0 18px;
    padding:18px 14px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    display:grid;
    gap:10px;
}
.menu-account-button{
    display:flex;
    align-items:center;
    gap:11px;
    width:100%;
    padding:13px 14px;
    border-radius:14px;
    text-decoration:none;
    font-weight:700;
    transition:transform .2s ease, box-shadow .2s ease;
}
.menu-account-button:hover{transform:translateY(-1px);}
.menu-account-icon{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,.10);
    font-size:17px;
}
.menu-account-primary{
    background:linear-gradient(135deg,#6d28d9,#a855f7);
    color:#fff;
    box-shadow:0 8px 22px rgba(124,58,237,.25);
}
.menu-account-primary .menu-account-icon{
    background:rgba(255,255,255,.18);
}
.menu-account-arrow{
    margin-left:auto;
    font-size:20px;
}
.menu-account-secondary{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(168,85,247,.28);
    color:inherit;
}
.menu-account-orders{
    background:rgba(168,85,247,.10);
    border:1px solid rgba(168,85,247,.18);
    color:inherit;
}
html[dir="rtl"] .menu-account-arrow{margin-left:0;margin-right:auto;}
@media(max-width:480px){
    .menu-account-links{margin:16px 0;padding:14px 10px;}
    .menu-account-button{padding:12px;}
}

/* =========================================================
   HALLOVAPE: AGE VERIFICATION + NICOTINE WARNING
   ========================================================= */
html.age-gate-open,
body.age-gate-open{
    overflow:hidden;
}

.age-gate{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
        radial-gradient(circle at 20% 15%, rgba(122,76,255,.30), transparent 34%),
        radial-gradient(circle at 80% 85%, rgba(41,133,255,.18), transparent 35%),
        rgba(8,11,20,.92);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    opacity:1;
    visibility:visible;
    transition:opacity .28s ease, visibility .28s ease;
}

.age-gate.age-gate-hidden{
    opacity:0;
    visibility:hidden;
}

.age-gate-card{
    width:min(100%,560px);
    padding:42px 38px 30px;
    text-align:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    background:
        linear-gradient(145deg, rgba(29,34,57,.98), rgba(17,21,37,.98));
    box-shadow:
        0 30px 90px rgba(0,0,0,.48),
        0 0 70px rgba(122,76,255,.16);
}

.age-gate-brand{
    margin-bottom:22px;
    font-size:32px;
    font-weight:900;
    letter-spacing:-1.2px;
    color:#fff;
}

.age-gate-brand span{
    color:#a978ff;
}

.age-gate-icon{
    width:74px;
    height:74px;
    margin:0 auto 18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    font-size:24px;
    font-weight:900;
    background:linear-gradient(135deg,#2985ff,#7a4cff,#e946d7);
    box-shadow:0 14px 35px rgba(122,76,255,.30);
}

.age-gate-kicker{
    display:inline-flex;
    padding:7px 12px;
    margin-bottom:10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    color:#c8b6ff;
    background:rgba(122,76,255,.12);
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
}

.age-gate h1{
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(30px,6vw,42px);
    line-height:1.1;
}

.age-gate-warning,
.age-gate-text{
    margin:0 auto 12px;
    max-width:470px;
    color:#d6dbea;
    font-size:15px;
    line-height:1.7;
}

.age-gate-warning strong{
    color:#ffd36a;
}

.age-gate-actions{
    display:grid;
    gap:11px;
    margin-top:26px;
}

.age-gate-enter,
.age-gate-exit{
    width:100%;
    min-height:56px;
    padding:12px 18px;
    border-radius:15px;
    font:inherit;
    font-weight:900;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.age-gate-enter{
    border:0;
    color:#fff;
    background:linear-gradient(90deg,#2985ff,#7a4cff,#e946d7);
    box-shadow:0 13px 28px rgba(122,76,255,.30);
}

.age-gate-enter:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(122,76,255,.40);
}

.age-gate-enter span{
    margin-left:8px;
    font-size:20px;
}

.age-gate-exit{
    border:1px solid rgba(255,255,255,.18);
    color:#d6dbea;
    background:rgba(255,255,255,.05);
}

.age-gate-exit:hover{
    transform:translateY(-1px);
    border-color:rgba(255,255,255,.34);
}

.age-gate-legal{
    margin:18px 0 0;
    color:#8f99ad;
    font-size:11px;
    line-height:1.55;
}

@media(max-width:600px){
    .age-gate{
        padding:14px;
        align-items:flex-start;
        overflow:auto;
    }

    .age-gate-card{
        margin:auto 0;
        padding:32px 20px 24px;
        border-radius:24px;
    }

    .age-gate-brand{
        margin-bottom:18px;
        font-size:30px;
    }

    .age-gate-icon{
        width:66px;
        height:66px;
        font-size:22px;
        margin-bottom:15px;
    }

    .age-gate-warning,
    .age-gate-text{
        font-size:14px;
        line-height:1.62;
    }

    .age-gate-actions{
        margin-top:21px;
    }

    .age-gate-enter,
    .age-gate-exit{
        min-height:54px;
    }
}

/* Larger HalloVape logo in the header */
.header-inner{
    height:86px;
}

.brand img{
    height:58px !important;
    max-width:245px !important;
    transform:scale(1.06);
}

@media(max-width:600px){
    .header-inner{
        height:80px;
    }

    .brand img{
        height:52px !important;
        max-width:210px !important;
        transform:scale(1.04);
    }
}


/* =========================================================
   PRODUCT DETAIL – WIDER, CLEANER HORIZONTAL LAYOUT
   ========================================================= */
@media (min-width: 901px){
    .product-detail{
        padding:42px 0 78px;
    }

    .product-detail-grid{
        grid-template-columns:minmax(500px,1.12fr) minmax(430px,.88fr);
        gap:34px;
        align-items:stretch;
    }

    .product-gallery{
        min-width:0;
        display:flex;
    }

    .product-main-image{
        width:100%;
        min-height:590px;
        padding:28px 34px;
        border-radius:28px;
        background:
            radial-gradient(circle at 50% 38%, rgba(122,76,255,.12), transparent 42%),
            radial-gradient(circle at 78% 78%, rgba(41,133,255,.08), transparent 34%),
            linear-gradient(145deg,#f8faff 0%,#ffffff 55%,#edf2fa 100%);
        overflow:hidden;
    }

    .product-main-image img{
        width:100%;
        height:100%;
        max-width:100%;
        max-height:520px;
        object-fit:contain;
        object-position:center;
        filter:drop-shadow(0 28px 32px rgba(15,23,42,.18));
    }

    .product-summary{
        padding:30px;
        border:1px solid var(--border);
        border-radius:28px;
        background:#fff;
        box-shadow:0 18px 45px rgba(15,23,42,.07);
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .product-summary h1{
        font-size:clamp(36px,3.4vw,54px);
        margin:7px 0 12px;
    }

    .product-detail-short{
        padding:14px 16px;
        margin:0 0 16px;
        border-radius:16px;
        background:#f7f9fd;
        border:1px solid #edf0f6;
        font-size:16px;
        line-height:1.65;
    }

    .product-price-row{
        padding:16px 18px;
        margin:0 0 12px;
        border-radius:17px;
        background:linear-gradient(135deg,#f8f6ff,#fafbff);
        border:1px solid #ebe7fb;
    }

    .package-price-note{
        margin:-4px 0 16px;
    }

    .detail-features{
        padding:16px;
        margin:16px 0 20px;
        border-radius:17px;
        background:#fbfcff;
        border:1px solid #edf0f6;
    }

    .detail-features span{
        padding:3px 0;
    }

    .flavour-picker{
        padding:18px;
        margin:18px 0 10px;
        border-radius:20px;
        background:#fafbfe;
        border:1px solid #edf0f6;
    }

    .flavour-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .product-purchase-row{
        padding:16px;
        margin-top:18px;
        border-radius:20px;
        background:#f8f9fc;
        border:1px solid #edf0f6;
    }
}

/* Mobile: keep the image wide and the information in neat cards */
@media (max-width: 900px){
    .product-detail{
        padding:30px 0 55px;
    }

    .product-detail-grid{
        gap:22px;
    }

    .product-main-image{
        min-height:380px;
        padding:22px;
        border-radius:24px;
        background:
            radial-gradient(circle at 50% 35%, rgba(122,76,255,.12), transparent 48%),
            linear-gradient(145deg,#f8faff,#fff 58%,#edf2fa);
    }

    .product-main-image img{
        width:100%;
        max-width:100%;
        max-height:340px;
        object-fit:contain;
    }

    .product-summary{
        padding:22px;
        border:1px solid var(--border);
        border-radius:24px;
        background:#fff;
        box-shadow:0 12px 30px rgba(15,23,42,.06);
    }

    .product-detail-short{
        padding:13px 15px;
        border-radius:15px;
        background:#f7f9fd;
        border:1px solid #edf0f6;
    }

    .product-price-row{
        padding:14px 15px;
        border-radius:15px;
        background:#f8f6ff;
        border:1px solid #ebe7fb;
    }

    .detail-features{
        padding:15px;
        border-radius:16px;
        background:#fbfcff;
        border:1px solid #edf0f6;
    }

    .flavour-picker{
        padding:16px;
        border-radius:18px;
        background:#fafbfe;
        border:1px solid #edf0f6;
    }
}

@media (max-width: 600px){
    .product-main-image{
        min-height:340px;
        padding:16px;
    }

    .product-main-image img{
        max-height:310px;
    }

    .product-summary{
        padding:18px;
        border-radius:20px;
    }

    .product-summary h1{
        font-size:34px;
        line-height:1.1;
    }
}

/* =========================================================
   FLOATING WHATSAPP – LEFT SIDE
   ========================================================= */
.whatsapp-support{
    left:20px !important;
    right:auto !important;
}

@media(max-width:600px){
    .whatsapp-support{
        left:14px !important;
        right:auto !important;
        bottom:14px;
    }
}


/* HALLOVAPE HOMEPAGE - LATEST BLOG ARTICLES */
.latest-blog-section{background:var(--light)}
.latest-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.latest-blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease}
.latest-blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.latest-blog-image{display:block;height:220px;overflow:hidden;background:linear-gradient(145deg,#eef3fb,#fff)}
.latest-blog-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.latest-blog-card:hover .latest-blog-image img{transform:scale(1.035)}
.latest-blog-image-placeholder{height:100%;display:grid;place-items:center;color:#8b94a5;font-size:22px;font-weight:900;letter-spacing:.12em}
.latest-blog-content{display:flex;flex:1;flex-direction:column;padding:22px}
.latest-blog-category{margin-bottom:8px;color:var(--purple);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.latest-blog-content h3{margin:0 0 10px;font-size:21px;line-height:1.3}
.latest-blog-content h3 a:hover{color:var(--purple)}
.latest-blog-content p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.latest-blog-read{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:auto;padding-top:18px;color:var(--purple);font-size:13px;font-weight:900}
.latest-blog-read span{font-size:18px;transition:transform .2s ease}
.latest-blog-read:hover span{transform:translateX(3px)}
.latest-blog-actions{display:flex;justify-content:center;margin-top:30px}
.latest-blog-actions .btn{gap:9px}
@media(max-width:900px){.latest-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.latest-blog-grid{grid-template-columns:1fr}.latest-blog-image{height:210px}.latest-blog-content{padding:20px}}