/* QSE Graphics v7 visual system — charcoal / metallic silver / electric blue / cyan / red */
:root{
  --qse-charcoal:#0a1018;
  --qse-charcoal-2:#111b27;
  --qse-silver:#e9eef5;
  --qse-silver-2:#aebdcb;
  --qse-blue:#0667f0;
  --qse-cyan:#00d9f5;
  --qse-red:#ef233c;
  --qse-shadow:0 24px 70px rgba(7,18,32,.13);
}
html,body{max-width:100%;overflow-x:hidden}
body.store-body{background:linear-gradient(#fff,#fbfcfe);color:#0d1722}
.store-header{box-shadow:0 7px 30px rgba(10,20,34,.05)}
.announcement{background:linear-gradient(90deg,#08111d,#0e2239 58%,#071520);border-bottom:1px solid rgba(255,255,255,.06)}
.announcement:before{content:"";width:72px;height:3px;background:linear-gradient(90deg,var(--qse-cyan),var(--qse-blue),var(--qse-red));align-self:center;border-radius:999px;margin-right:12px}
.store-header-inner{min-height:88px}
.store-logo img{border-radius:18px;border:1px solid #d7e2ee;box-shadow:0 10px 28px rgba(4,104,239,.18)}
.store-logo strong{background:linear-gradient(180deg,#1d2a38,#72879a 48%,#142232);-webkit-background-clip:text;color:transparent}
.store-logo span{color:#1b4f87}
.store-search{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.store-search:focus-within{border-color:#78b9ff;box-shadow:0 0 0 4px rgba(6,103,240,.08)}
.store-search-mobile{display:none}
.store-nav{background:#fff}
.store-nav nav a{position:relative}
.store-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-15px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--qse-blue),var(--qse-cyan));transition:.18s}
.store-nav nav a:hover:after{right:0}

.v7-hero{background:
  radial-gradient(circle at 85% 20%,rgba(0,217,245,.15),transparent 28%),
  radial-gradient(circle at 64% 78%,rgba(6,103,240,.18),transparent 30%),
  linear-gradient(120deg,#070d14 0%,#0e1b2a 55%,#101e2f 100%);
  color:#fff;max-width:none;padding-left:max(38px,calc((100vw - 1440px)/2));padding-right:max(38px,calc((100vw - 1440px)/2));min-height:640px
}
.v7-hero .hero-pill{background:rgba(255,255,255,.06);border-color:rgba(100,205,255,.25);color:#7cefff}
.v7-hero .hero-copy>p{color:#bac7d4}
.v7-hero .hero-copy h1{color:#f5f8fb;text-shadow:0 8px 30px rgba(0,0,0,.22)}
.v7-hero .hero-copy h1 em{background:linear-gradient(90deg,#00ddf8,#2b7cff 56%,#f1f4f8 82%,#ef263f);-webkit-background-clip:text;color:transparent}
.v7-hero .store-btn.ghost{background:rgba(255,255,255,.05);border-color:#3a4b5e;color:#fff}
.v7-hero .hero-trust{color:#c7d4df}
.v7-hero-art .hero-logo-orbit{background:linear-gradient(145deg,#111c28,#07101a);box-shadow:0 45px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.05)}
.v7-hero-art .hero-logo-orbit img{border:1px solid rgba(255,255,255,.12)}
.v7-hero-art .hero-card{background:linear-gradient(180deg,#fff,#edf3f8);border-color:#d9e2eb}
.v7-hero-art .hero-card>span{display:block;font-size:26px;font-weight:950;line-height:1;color:#0667f0}
.v7-hero-art .hero-card small{display:block;color:#768596;margin-top:4px;font-size:9px;letter-spacing:0}
.hero-metal-lines{position:absolute;inset:auto 0 45px auto;display:grid;gap:8px;width:190px}
.hero-metal-lines i{height:9px;display:block;transform:skewX(-30deg);background:linear-gradient(90deg,var(--qse-cyan),var(--qse-blue));box-shadow:0 4px 18px rgba(0,124,255,.3)}
.hero-metal-lines i:last-child{width:70%;justify-self:end;background:var(--qse-red)}

.home-strip{background:linear-gradient(90deg,#0a121c,#101f30);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.home-section{padding-top:70px;padding-bottom:70px}
.section-title h2{font-size:clamp(28px,3vw,42px)}
.category-card{border-color:#e0e7ef;transition:.2s}
.category-card:hover{border-color:#8dc8ff;box-shadow:0 18px 45px rgba(6,103,240,.12)}
.category-icon{background:linear-gradient(145deg,#09111a,#172a3e);position:relative;overflow:hidden}
.category-icon:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--qse-cyan),var(--qse-blue),var(--qse-red))}
.product-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column;height:100%;border-color:#dfe6ee}
.product-card-body{display:flex;flex-direction:column;flex:1}
.product-card h3{min-height:43px}
.product-card-meta{margin-top:auto}
.product-media{background:linear-gradient(145deg,#f7f9fc,#e8eef5)}
.product-media img{object-fit:contain;padding:7px}
.product-card:hover{border-color:#9bc8ff}
.v7-custom-banner{box-shadow:0 35px 90px rgba(6,28,55,.22)}
.v7-custom-banner .custom-preview{background:radial-gradient(circle at 50% 45%,rgba(0,218,247,.25),transparent 42%),linear-gradient(145deg,#0c1b2b,#083b72)}
.vinyl-sheet{background:linear-gradient(145deg,#f5f8fb,#cfd9e3);border:1px solid #fff}

/* Product page variant UX */
.variant-picker{display:grid;gap:18px}
.option-group{border:0;padding:0;margin:0}
.option-group legend{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#526475;margin-bottom:9px}
.option-pills{display:flex;flex-wrap:wrap;gap:8px}
.option-pills button{border:1px solid #d5dee8;background:#fff;border-radius:11px;padding:10px 13px;font-weight:800;color:#233447;cursor:pointer;min-width:72px;transition:.15s}
.option-pills button:hover{border-color:#7fb7f3}
.option-pills button.selected{background:linear-gradient(135deg,#0a1a2c,#10385f);border-color:#0b5ab6;color:#fff;box-shadow:0 7px 18px rgba(7,72,149,.18)}
.colour-pills button{display:inline-flex;align-items:center;gap:8px}
.swatch{width:16px;height:16px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.swatch-black{background:#111}.swatch-white{background:#fff}.swatch-silver{background:linear-gradient(145deg,#fff,#aeb7c1)}.swatch-red{background:#e81d37}.swatch-blue{background:#0969e8}.swatch-yellow{background:#ffd21a}
.variant-message{padding:10px 12px;border-radius:10px;background:#f4f6f8;color:#657585;font-size:12px;font-weight:700}
.variant-message.in-stock{background:#eaf8f1;color:#0b754a}.variant-message.out-stock{background:#ffecef;color:#ad2435}
.personalisation-field small{font-weight:500;color:#758392}
.qty-label{width:112px}
.product-image-note{display:flex!important;gap:6px;flex-direction:column}
.product-image-note b{color:#28384a}
.feature-list{display:grid;gap:8px;padding-left:20px;color:#556779}
.feature-list li::marker{color:#0875ef}

/* Shop filters */
.shop-layout{align-items:start}
.shop-filters{border:1px solid #e0e6ed;box-shadow:0 10px 35px rgba(16,28,40,.06)}
.shop-filters form{display:grid;gap:13px}
.shop-filters label{font-size:11px;font-weight:850;color:#46586b}
.shop-filters input,.shop-filters select{margin-top:5px}
.shop-toolbar{position:sticky;top:135px;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding:8px 0 12px}
.clear-filters{display:block;text-align:center;padding:8px;color:#647486;font-weight:750}

/* Checkout/cart/mobile robustness */
.cart-layout,.checkout-layout,.product-detail,.shop-layout{width:100%}
.cart-summary,.checkout-summary{background:#fff}
input,select,textarea{max-width:100%}
img{max-width:100%}

/* Footer */
.store-footer{background:
  radial-gradient(circle at 10% 0,rgba(0,217,245,.08),transparent 28%),
  linear-gradient(180deg,#0c151f,#071019)}
.footer-logo strong{background:none;color:#fff}
.footer-bottom{border-color:#283746}

/* Responsive */
@media(max-width:1180px){
  .store-header-inner{grid-template-columns:auto minmax(220px,1fr) auto}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v7-hero{min-height:590px}
}
@media(max-width:900px){
  .announcement{font-size:10px;padding:7px 16px}
  .announcement:before{display:none}
  .store-header-inner{grid-template-columns:1fr auto;height:72px;min-height:72px}
  .store-search{display:none}
  .store-logo div{display:block}
  .store-logo strong{font-size:22px}
  .store-logo span{font-size:9px;letter-spacing:.28em}
  .store-actions small{display:none}
  .store-search-mobile{display:flex;margin:0 14px 10px;background:#f4f7fa;border:1px solid #dce3eb;border-radius:12px;overflow:hidden}
  .store-search-mobile input{border:0;background:transparent;padding:11px 13px;width:100%;outline:0}
  .store-search-mobile button{border:0;width:48px;background:linear-gradient(135deg,var(--qse-blue),var(--qse-cyan));color:#fff;font-size:21px}
  .store-nav nav{top:116px}
  .v7-hero{grid-template-columns:1fr;padding:48px 22px 55px;min-height:auto}
  .hero-art.v7-hero-art{min-height:390px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-toolbar{top:112px}
}
@media(max-width:640px){
  .store-logo div{display:none}
  .store-actions{gap:11px}
  .v7-hero .hero-copy h1{font-size:clamp(44px,14vw,60px)}
  .hero-art.v7-hero-art{min-height:320px}
  .hero-logo-orbit{width:min(310px,80%)}
  .hero-metal-lines{display:none}
  .home-strip{grid-template-columns:1fr}
  .home-section{padding:46px 14px}
  .section-title{align-items:flex-start;flex-direction:column}
  .category-grid{grid-template-columns:1fr}
  .category-card{grid-template-columns:76px 1fr;padding:14px}
  .category-icon{width:70px;height:70px;font-size:15px}
  .product-grid,.shop-grid{grid-template-columns:1fr}
  .product-card h3{min-height:0}
  .custom-banner{margin:18px 14px}
  .custom-banner>div:first-child{padding:34px 22px}
  .custom-banner h2{font-size:34px}
  .product-detail{padding:18px 14px}
  .product-info h1{font-size:32px}
  .option-pills button{flex:1 1 calc(50% - 8px)}
  .colour-pills button{flex:1 1 calc(50% - 8px)}
  .buy-row{display:grid;grid-template-columns:100px 1fr}
  .qty-label{width:auto}
  .product-description{margin:14px;padding:22px 16px}
  .cart-layout,.checkout-layout,.track-layout,.contact-layout{padding-left:14px;padding-right:14px}
  .cart-item{grid-template-columns:76px 1fr}
  .cart-price,.cart-qty{grid-column:2}
  .footer-grid{grid-template-columns:1fr}
  .store-footer{padding-left:20px;padding-right:20px}
}
@media(max-width:420px){
  .store-logo img{width:44px;height:44px}
  .store-header-inner{padding:0 12px}
  .store-search-mobile{margin-left:10px;margin-right:10px}
  .hero-buttons{display:grid}
  .hero-trust{display:grid;gap:8px}
  .option-pills button,.colour-pills button{flex-basis:100%}
  .buy-row{grid-template-columns:1fr}
  .product-card-body{padding:14px}
}

/* QSE v8.3 storefront product presentation */
.qse-product-card{border:1px solid #dde5ee;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(15,30,45,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.qse-product-card:hover{transform:translateY(-4px);border-color:#b7d5f7;box-shadow:0 20px 44px rgba(15,30,45,.12)}
.qse-product-media{aspect-ratio:1/1;background:linear-gradient(145deg,#fafbfd,#eef3f8);padding:14px}
.qse-product-media img{width:100%;height:100%;object-fit:contain;padding:0;filter:drop-shadow(0 8px 14px rgba(15,30,45,.08))}
.product-card-badges{position:absolute;inset:12px 12px auto 12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.card-badge{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;font-size:8px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#20364a;border:1px solid #d9e3ed;box-shadow:0 4px 12px rgba(15,30,45,.06)}
.card-badge.featured{background:#0e2031;color:#fff;border-color:#0e2031}
.card-badge.sale{background:#ed2438;color:#fff;border-color:#ed2438}
.card-badge.stock-in{margin-left:auto;background:#e9f8f1;color:#14764d;border-color:#d1efdf}
.card-badge.stock-out{margin-left:auto;background:#eef1f4;color:#596776;border-color:#dde3e9}
.product-card-body{padding:18px 18px 17px}
.product-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-options-count{font-size:9px;color:#748393;font-weight:800;white-space:nowrap}
.qse-product-card h3{min-height:44px;margin:8px 0 7px;font-size:16px;line-height:1.35;letter-spacing:-.01em}
.qse-product-card h3 a:hover{color:#0868ee}
.product-card-description{font-size:11px;line-height:1.5;color:#6c7988;margin:0 0 15px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #edf1f5}
.qse-product-card .product-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.qse-product-card .product-price small{font-size:9px;color:#7b8895;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.qse-product-card .product-price strong{font-size:21px;letter-spacing:-.03em}
.qse-product-card .product-price del{font-size:11px;color:#9aa5b0;margin-left:2px}
.price-range-note{font-size:9px;color:#8793a0;white-space:nowrap}
.product-card-cta{margin-top:14px;min-height:40px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#101820;color:#fff;font-size:11px;font-weight:900;transition:.16s}
.product-card-cta:hover{background:#0868ee;color:#fff}
.product-card-cta span{font-size:16px}
.product-quick-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 4px}
.product-quick-meta span{font-size:9px;font-weight:800;color:#5d6f80;background:#f3f6f9;border:1px solid #e2e8ee;border-radius:999px;padding:6px 8px}
.product-detail{align-items:start}
.product-gallery{position:sticky;top:160px}
.main-product-image{background:linear-gradient(145deg,#fbfcfe,#eef3f8);border:1px solid #e0e7ee;border-radius:22px;padding:26px}
.main-product-image img{object-fit:contain;max-height:620px}
.product-info{border:1px solid #e1e7ee;border-radius:22px;padding:28px;background:#fff;box-shadow:0 14px 34px rgba(14,32,48,.07)}
.product-info h1{line-height:1.05}
.product-short{font-size:14px;line-height:1.65;color:#607080}
.option-group{border-top:1px solid #edf1f4;padding-top:15px}
.product-assurances{border-top:1px solid #edf1f4;padding-top:16px;margin-top:18px}
@media(max-width:820px){.product-gallery{position:static}.product-info{padding:20px}.qse-product-card .product-card-description{min-height:0}.product-card-badges{inset:8px 8px auto 8px}.card-badge{font-size:7px;padding:5px 6px}}
@media(max-width:540px){.qse-product-media{padding:9px}.product-card-body{padding:12px}.qse-product-card h3{font-size:13px;min-height:35px}.product-card-description{display:none}.qse-product-card .product-price strong{font-size:17px}.product-card-cta{min-height:36px;padding:0 10px}.price-range-note{display:none}}


/* v8.4 homepage sales-offer hero */
.hero-promo-card{align-self:center;justify-self:end;width:min(520px,100%);border:1px solid rgba(255,255,255,.12);border-radius:26px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 38px 90px rgba(0,0,0,.35);backdrop-filter:blur(12px);position:relative}
.hero-promo-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--qse-cyan),var(--qse-blue),var(--qse-red))}.hero-promo-image{height:230px;background:#0c1622;overflow:hidden}.hero-promo-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-promo-content{padding:30px 32px 32px}.hero-promo-content>span{display:inline-flex;padding:7px 10px;border:1px solid rgba(104,212,255,.3);border-radius:999px;color:#75e7ff;font-size:10px;font-weight:900;letter-spacing:.08em}.hero-promo-content h2{font-size:clamp(28px,3vw,42px);margin:15px 0 10px;color:#fff;line-height:1.05}.hero-promo-content p{margin:0;color:#bac7d4;line-height:1.65}.hero-promo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-promo-actions a{display:inline-flex;padding:10px 13px;border-radius:10px;border:1px solid #40566e;color:#fff;font-size:11px;font-weight:850}.hero-promo-actions a:first-child{background:linear-gradient(135deg,var(--qse-blue),#009fc8);border-color:transparent}.rich-product-description{line-height:1.68}.rich-product-description img{max-width:100%;height:auto}.rich-product-description table{width:100%;max-width:100%;border-collapse:collapse}.rich-product-description th,.rich-product-description td{padding:8px;border:1px solid #dfe6ed}.rich-product-description a{word-break:break-word}
@media(max-width:900px){.hero-promo-card{justify-self:stretch;width:100%;margin-top:6px}.hero-promo-image{height:210px}}
@media(max-width:640px){.hero-promo-content{padding:24px 20px}.hero-promo-image{height:190px}}

/* v8.6 lean sales features: no third-party JS, no sliders */
.multibuy-offer{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid #cfe5d8;border-radius:12px;background:#f4fbf7}.multibuy-offer b{font-size:12px}.multibuy-offer span{font-size:11px;line-height:1.5;color:#52675b}.rating-summary{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:inherit}.rating-summary>span,.review-stars,.reviews-score span{letter-spacing:1px;color:#c98700}.rating-summary b{font-size:12px}.rating-summary small{font-size:10px;color:#6f7f8e}.reviews-section{margin:48px auto;max-width:1220px}.reviews-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start}.reviews-score{display:grid;text-align:right}.reviews-score strong{font-size:30px;line-height:1}.reviews-score small{font-size:10px;color:#708090;margin-top:3px}.review-list{display:grid;gap:12px}.review-card,.review-form-card,.review-empty{border:1px solid #e1e7ec;border-radius:14px;background:#fff;padding:17px}.review-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.review-card-head>div{display:grid;gap:3px}.review-card-head span{font-size:9px;font-weight:800;color:#2a7b50}.review-card-head time{font-size:9px;color:#7b8997}.review-stars{font-size:13px;margin:9px 0 5px}.review-stars span{color:#cbd3da}.review-card h3{margin:4px 0 6px;font-size:14px}.review-card p,.review-empty p,.review-form-card p{font-size:11px;line-height:1.65;color:#5f6f7f}.review-form-card{position:sticky;top:20px}.review-form-card h3{margin-top:0}.review-form-card form{display:grid;gap:10px;margin-top:14px}.review-form-card label{display:grid;gap:5px;font-size:10px;font-weight:800}.review-form-card input,.review-form-card select,.review-form-card textarea{width:100%;border:1px solid #ccd6df;border-radius:9px;padding:10px;background:#fff;color:#17232d}.recently-viewed{border-top:1px solid #e8edf1;padding-top:36px}@media(max-width:820px){.reviews-layout{grid-template-columns:1fr}.review-form-card{position:static}.reviews-score{text-align:left}.review-card-head{flex-direction:column;gap:5px}}

/* v8.7 lightweight trust/quality additions */
.product-policy-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:.9rem}
.product-policy-links a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.trust-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.trust-summary-grid>div,.policy-contact-box{border:1px solid rgba(127,127,127,.22);border-radius:14px;padding:16px;background:rgba(127,127,127,.04)}
.trust-summary-grid b{display:block;margin-bottom:6px}.trust-summary-grid p,.policy-contact-box p{margin:0}
.footer-trust-note{font-size:.85rem;opacity:.78}
@media(max-width:760px){.trust-summary-grid{grid-template-columns:1fr}}

/* v8.8 - lightweight WhatsApp custom-design flow */
.custom-design-whatsapp-card{max-width:1180px;margin:0 auto 26px;padding:28px 30px;border:1px solid #dfe8ee;border-radius:22px;background:linear-gradient(135deg,#f7fffa,#fff);display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 18px 50px rgba(13,24,38,.07)}
.custom-design-whatsapp-card>div{max-width:760px}.custom-design-whatsapp-card span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#16864b}.custom-design-whatsapp-card h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.035em}.custom-design-whatsapp-card p{margin:0 0 12px;color:#657487;line-height:1.6}.custom-design-whatsapp-card ul{margin:0;padding-left:20px;color:#304257;line-height:1.8}.store-btn.whatsapp{background:#1f9d5a;color:#fff;white-space:nowrap}.store-btn.whatsapp:hover{filter:brightness(.94)}
.custom-design-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.custom-text-link{font-size:13px;font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.custom-design-whatsapp-card{margin:0 14px 20px;padding:22px;display:block}.custom-design-whatsapp-card .store-btn{display:flex;margin-top:18px;width:100%;justify-content:center}.custom-design-whatsapp-card h2{font-size:24px}}

/* v8.9 - polished custom design quote experience (no extra JS) */
.custom-order-service{max-width:1400px;margin:18px auto 70px;padding:0 30px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:0;align-items:stretch}
.custom-order-copy{padding:54px 56px;border-radius:26px 0 0 26px;background:linear-gradient(145deg,#0c1722,#10283d 68%,#123655);color:#fff;position:relative;overflow:hidden}
.custom-order-copy:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-170px;bottom:-210px;border:1px solid rgba(104,212,255,.18);box-shadow:0 0 0 55px rgba(104,212,255,.035),0 0 0 110px rgba(104,212,255,.025)}
.custom-order-eyebrow{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.16em;color:#6ee5ff;margin-bottom:16px}
.custom-order-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;max-width:720px}
.custom-order-copy>p{max-width:700px;color:#b9c8d6;font-size:15px;line-height:1.75;margin:0;position:relative;z-index:1}
.custom-order-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:2}
.custom-whatsapp-button{min-width:min(100%,390px);display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;color:#142331;box-shadow:0 14px 34px rgba(0,0,0,.17);transition:transform .16s ease,box-shadow .16s ease}
.custom-whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.22);color:#142331}
.custom-whatsapp-button .wa-mark{width:42px;height:42px;border-radius:12px;background:#20b866;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:-.03em}
.custom-whatsapp-button>span:nth-child(2){display:grid;gap:2px}.custom-whatsapp-button b{font-size:13px}.custom-whatsapp-button small{font-size:9px;color:#708090;font-weight:700}.custom-whatsapp-button strong{font-size:19px;color:#20a45d;padding:0 4px}
.custom-order-secondary{font-size:11px;font-weight:850;color:#d7e8f5;border-bottom:1px solid rgba(215,232,245,.42);padding-bottom:3px}
.custom-order-process{background:#f5f8fb;border:1px solid #e0e7ee;border-left:0;border-radius:0 26px 26px 0;padding:38px 38px 32px;display:grid;align-content:center;gap:10px}
.custom-response-pill{display:inline-flex;align-items:center;justify-self:start;gap:8px;padding:7px 10px;background:#e8f8ef;color:#16734b;border:1px solid #d1efdf;border-radius:999px;font-size:9px;font-weight:900;margin-bottom:7px}.custom-response-pill span{width:7px;height:7px;border-radius:50%;background:#20b866}
.custom-order-process article{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #e0e6ec}.custom-order-process article:last-child{border-bottom:0}
.custom-order-process article>b{width:42px;height:42px;border-radius:12px;background:#101f2e;color:#fff;display:grid;place-items:center;font-size:10px;letter-spacing:.08em}
.custom-order-process h3{margin:1px 0 5px;font-size:15px;letter-spacing:-.015em}.custom-order-process p{margin:0;color:#687989;font-size:11px;line-height:1.55}
.custom-contact-quote{max-width:1050px;margin:0 auto 28px;padding:24px;border:1px solid #dfe7ed;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#f3faf6);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:0 13px 34px rgba(13,24,38,.055)}
.custom-contact-copy>span{font-size:9px;font-weight:950;letter-spacing:.14em;color:#16864b}.custom-contact-copy h2{font-size:24px;letter-spacing:-.03em;margin:7px 0 8px}.custom-contact-copy>p{margin:0;color:#667786;font-size:12px;line-height:1.6}
.custom-requirement-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.custom-requirement-chips i{font-style:normal;font-size:9px;font-weight:800;color:#415363;background:#fff;border:1px solid #dfe7ed;padding:7px 9px;border-radius:999px}
.custom-contact-action{width:min(100%,390px);display:grid;gap:8px}.custom-contact-action>small{font-size:9px;color:#677989;text-align:right}.custom-whatsapp-button.compact{min-width:0;width:100%;box-shadow:0 8px 24px rgba(13,24,38,.08);border:1px solid #dce7e1}.custom-whatsapp-button.compact:hover{box-shadow:0 12px 28px rgba(13,24,38,.13)}
@media(max-width:900px){.custom-order-service{grid-template-columns:1fr;padding:0 20px}.custom-order-copy{border-radius:22px 22px 0 0;padding:40px 32px}.custom-order-process{border-left:1px solid #e0e7ee;border-top:0;border-radius:0 0 22px 22px;padding:28px 30px}.custom-contact-quote{margin-left:20px;margin-right:20px;grid-template-columns:1fr}.custom-contact-action{width:100%}.custom-contact-action>small{text-align:left}}
@media(max-width:560px){.custom-order-service{padding:0 14px;margin-bottom:48px}.custom-order-copy{padding:31px 22px}.custom-order-copy h2{font-size:33px}.custom-order-copy>p{font-size:13px}.custom-order-process{padding:22px}.custom-order-process article{grid-template-columns:40px 1fr}.custom-order-process article>b{width:38px;height:38px}.custom-whatsapp-button{min-width:0;width:100%;grid-template-columns:38px 1fr auto}.custom-whatsapp-button .wa-mark{width:38px;height:38px}.custom-contact-quote{margin:0 14px 22px;padding:20px}.custom-contact-copy h2{font-size:21px}.custom-requirement-chips i{font-size:8px}}

/* v9.0 hierarchical catalogue navigation */
.store-nav nav{overflow:visible}
.store-nav-item{position:relative;display:flex;align-items:center;height:48px}
.store-nav-root{display:flex;align-items:center;gap:6px;white-space:nowrap}
.nav-caret{font-size:12px;color:#6e8093;transition:.16s}
.store-nav-item.has-children:hover .nav-caret,.store-nav-item.has-children:focus-within .nav-caret{transform:rotate(180deg)}
.category-dropdown{display:none;position:absolute;left:-18px;top:46px;width:min(620px,82vw);padding:16px;background:#fff;border:1px solid #dfe6ee;border-radius:0 0 18px 18px;box-shadow:0 24px 55px rgba(11,29,48,.16);z-index:80}
.store-nav-item.has-children:hover>.category-dropdown,.store-nav-item.has-children:focus-within>.category-dropdown{display:block}
.category-dropdown a:after{display:none!important}
.category-dropdown-all{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px!important;margin-bottom:8px;border-radius:11px;background:#f4f8fc;color:#163550!important}
.category-dropdown-all strong{font-size:12px}.category-dropdown-all span{font-size:10px;color:#0870e8;font-weight:850}
.category-dropdown-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.category-dropdown-group{padding:10px 12px;border-radius:11px;border:1px solid transparent}
.category-dropdown-group:hover{background:#fbfcfe;border-color:#edf1f5}
.category-dropdown-parent{display:block!important;padding:0!important;font-size:12px!important;font-weight:900!important;color:#1d3043!important}
.category-dropdown-children{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:7px}
.category-dropdown-children a{padding:0!important;font-size:10px!important;font-weight:700!important;color:#6b7c8e!important}
.category-dropdown-children a:hover{color:#0667f0!important}

.category-card-hier{align-items:start}
.category-card-copy{min-width:0}
.category-card-title{display:inline-block}.category-card-title h3{transition:.15s}.category-card-title:hover h3{color:#0667f0}
.category-sub-links{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.category-sub-links a,.category-sub-links span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f6fb;color:#47627d!important;font-size:9px!important;font-weight:800!important;line-height:1.2}
.category-sub-links a:hover{background:#e3f1ff;color:#0667f0!important}
.category-view-all{display:inline-flex;color:#0870e8;font-size:11px;font-weight:850}

.category-filter-stack{display:grid;gap:10px;padding:12px;border:1px solid #e3eaf1;border-radius:13px;background:#f8fafc}
.category-filter-stack label{margin:0}
.category-filter-stack label[hidden]{display:none!important}
.category-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;font-size:11px;font-weight:750;color:#718297}
.category-path a{color:#45617e}.category-path a:hover{color:#0667f0}.category-path span{color:#a7b3bf}

@media(max-width:1000px) and (min-width:821px){
  .store-nav nav{gap:17px}.store-nav nav>a,.store-nav-root{font-size:12px!important}
  .category-dropdown{width:min(540px,88vw)}
}
@media(max-width:820px){
  .store-nav nav{gap:0!important;max-height:calc(100vh - 120px);overflow:auto;align-items:stretch!important}
  .store-nav nav>.store-nav-shop-all,.store-nav nav>.store-nav-contact{width:100%;padding:11px 4px;border-bottom:1px solid #eef2f6}
  .store-nav-item{display:block;width:100%;height:auto;border-bottom:1px solid #eef2f6;padding:0}
  .store-nav-root{padding:11px 4px!important;width:100%;justify-content:space-between}
  .nav-caret{display:none}
  .category-dropdown{display:block!important;position:static;width:100%;padding:0 0 10px 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .category-dropdown-all{display:none!important}
  .category-dropdown-groups{grid-template-columns:1fr;gap:2px}
  .category-dropdown-group{padding:5px 8px;border:0;border-left:2px solid #e4edf6;border-radius:0}
  .category-dropdown-parent{font-size:11px!important}
  .category-dropdown-children{margin-top:5px;padding-left:9px;display:grid;gap:4px}
  .category-dropdown-children a{font-size:10px!important}
}
@media(max-width:640px){
  .category-sub-links{margin-top:8px}.category-dropdown-groups{grid-template-columns:1fr}
}

/* v9.1 — polished category navigation and customer-facing hierarchy */
.category-filter-title{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6f8194;
  margin:0 0 2px;
}

@media (min-width:821px){
  .store-header .store-nav{
    position:relative;
    height:48px;
    overflow:visible;
  }
  .store-header .store-nav>nav{
    display:flex;
    align-items:center;
    gap:28px;
    height:48px;
    min-width:0;
    overflow:visible;
  }
  .store-header .store-nav>nav>.store-nav-shop-all,
  .store-header .store-nav>nav>.store-nav-contact,
  .store-header .store-nav-root{
    height:48px;
    display:inline-flex;
    align-items:center;
    padding:0;
    line-height:1;
    white-space:nowrap;
  }
  .store-header .store-nav-item{
    position:static;
    display:flex;
    align-items:center;
    height:48px;
    padding:0;
  }
  .store-header .store-nav-root{
    gap:7px;
  }
  .store-header .nav-caret{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    line-height:1;
    margin-top:1px;
    color:#74869a;
    transition:transform .16s ease;
  }
  .store-header .category-dropdown{
    display:none;
    position:absolute;
    left:28px;
    top:48px;
    width:min(760px,calc(100vw - 180px));
    padding:18px;
    border:1px solid #dfe7ef;
    border-top:2px solid #0b74ee;
    border-radius:0 0 16px 16px;
    background:#fff;
    box-shadow:0 24px 55px rgba(11,29,48,.16);
    z-index:120;
  }
  .store-header .store-nav-item.has-children:hover>.category-dropdown,
  .store-header .store-nav-item.has-children:focus-within>.category-dropdown{
    display:block;
  }
  .store-header .category-dropdown-all{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-height:48px;
    margin:0 0 12px;
    padding:11px 13px!important;
    border-radius:10px;
    background:#f5f9fd;
  }
  .store-header .category-dropdown-all strong{
    font-size:13px;
    color:#172b3f;
  }
  .store-header .category-dropdown-all span{
    font-size:10px;
    font-weight:850;
    color:#0870e8;
  }
  .store-header .category-dropdown-groups{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .store-header .category-dropdown-group{
    min-width:0;
    padding:11px 12px;
    border:1px solid #edf1f5;
    border-radius:10px;
    background:#fff;
  }
  .store-header .category-dropdown-group:hover{
    border-color:#dbe8f6;
    background:#fbfdff;
  }
  .store-header .category-dropdown-parent{
    display:block!important;
    padding:0!important;
    font-size:12px!important;
    font-weight:900!important;
    color:#1d3043!important;
    line-height:1.35;
  }
  .store-header .category-dropdown-children{
    display:grid;
    gap:6px;
    margin-top:8px;
  }
  .store-header .category-dropdown-children a{
    display:block;
    padding:0!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.35;
    color:#6b7c8e!important;
  }
  .store-header .category-dropdown a:after{
    display:none!important;
  }
}

@media (max-width:1100px) and (min-width:821px){
  .store-header .store-nav>nav{gap:18px}
  .store-header .category-dropdown{
    width:min(680px,calc(100vw - 120px));
  }
  .store-header .category-dropdown-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* QSE v9.4 responsive product gallery polish */
.product-detail{
  max-width:1320px;
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);
  gap:38px;
  padding:28px 30px 48px;
  align-items:start;
}
.product-gallery{position:sticky;top:154px;min-width:0;width:100%}
.main-product-image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  max-height:none;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:20px;
  border-radius:20px;
  background:linear-gradient(145deg,#fbfcfe,#f0f4f8);
  border:1px solid #dfe6ed;
}
.main-product-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding:0;
}
.product-image-count{
  position:absolute;
  right:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(16,24,32,.78);
  color:#fff;
  font-size:10px;
  font-weight:800;
  box-shadow:0 5px 15px rgba(0,0,0,.12);
  backdrop-filter:blur(6px);
}
.product-thumbs{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:78px;
  gap:10px;
  margin-top:12px;
  padding:2px 2px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.product-thumb{
  appearance:none;
  width:78px;
  height:78px;
  margin:0;
  padding:5px;
  overflow:hidden;
  border:1px solid #d9e1e8;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  scroll-snap-align:start;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.product-thumb:hover{border-color:#81b9f7;transform:translateY(-1px)}
.product-thumb.is-active,.product-thumb[aria-current="true"]{
  border-color:#0870ef;
  box-shadow:0 0 0 2px rgba(8,112,239,.14);
}
.product-thumb img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding:0;
  border:0;
}
.product-gallery-hint{margin:2px 2px 0;color:#7b8895;font-size:9px;font-weight:700}
.product-info{min-width:0}

@media(max-width:1120px) and (min-width:821px){
  .product-detail{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:24px;padding-left:22px;padding-right:22px}
  .product-info{padding:22px}
  .product-info h1{font-size:34px}
  .product-thumbs{grid-auto-columns:70px}
  .product-thumb{width:70px;height:70px}
}
@media(max-width:820px){
  .product-detail{grid-template-columns:1fr;gap:20px;padding:20px 18px 34px}
  .product-gallery{position:static;top:auto;max-width:720px;margin:0 auto;width:100%}
  .main-product-image{aspect-ratio:1/1;padding:16px;border-radius:18px}
  .product-thumbs{grid-auto-columns:72px;gap:8px;margin-top:10px;padding-bottom:7px}
  .product-thumb{width:72px;height:72px;border-radius:11px}
  .product-gallery-hint{font-size:9px}
  .product-info{width:100%;padding:22px;border-radius:18px}
  .product-info h1{font-size:34px}
}
@media(max-width:640px){
  .product-detail{padding:14px 12px 28px;gap:14px}
  .main-product-image{padding:10px;border-radius:15px}
  .product-image-count{right:8px;bottom:8px;min-height:27px;padding:0 8px;font-size:9px}
  .product-thumbs{grid-auto-columns:62px;gap:7px;margin-top:8px}
  .product-thumb{width:62px;height:62px;padding:4px;border-radius:9px}
  .product-gallery-hint{display:none}
  .product-info{padding:18px 15px;border-radius:15px;box-shadow:none}
  .product-info h1{font-size:29px;line-height:1.08}
  .product-short{font-size:13px;line-height:1.55}
  .buy-row{grid-template-columns:88px 1fr;gap:8px}
}
@media(max-width:420px){
  .product-thumbs{grid-auto-columns:56px}
  .product-thumb{width:56px;height:56px}
  .product-info h1{font-size:26px}
  .buy-row{grid-template-columns:1fr}
}