:root{--bc-navy:#102d70;--bc-blue:#2355c7;--bc-ink:#142344;--bc-muted:#687590;--bc-border:#dfe6f2;--bc-soft:#f4f7fd;--bc-gold:#f0b94b}.bottle-hero{background:radial-gradient(circle at 82% 25%,#2b58a7 0,transparent 35%),linear-gradient(125deg,#10244f,#163f91 65%,#2457a6);color:#fff;overflow:hidden}.bottle-hero-grid{min-height:470px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-top:64px;padding-bottom:64px}.bottle-hero h1{font:800 clamp(2.6rem,5vw,4.6rem)/1.02 Outfit,Inter,sans-serif;letter-spacing:-.05em;margin:18px 0}.bottle-hero h1 em{color:#b9d3ff;font-style:normal}.bottle-hero p{color:#dbe6ff;max-width:630px;line-height:1.8}.bottle-hero-points{display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0 28px;color:#e4ecff;font-size:13px}.bottle-hero-visual{height:320px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border:1px solid #a9c9ff35;border-radius:50%;width:320px;height:320px}.orbit-two{width:250px;height:250px;border-style:dashed}.hero-bottle{position:absolute;bottom:35px;width:104px;height:200px;border-radius:20px 20px 28px 28px;box-shadow:inset 10px 0 14px #ffffff30,inset -10px 0 16px #071e4430,0 28px 40px #071a483d;transform:rotate(-7deg)}.hero-bottle:before{content:"";position:absolute;top:-32px;left:33px;width:38px;height:36px;border-radius:7px 7px 2px 2px;background:linear-gradient(90deg,#d9e2e9,#fff,#9eb0c3);box-shadow:inset 0 3px 0 #73859b}.hero-bottle:after{content:"";position:absolute;top:68px;left:8px;right:8px;height:68px;background:#fff;border:1px solid #e4e9f2;border-radius:5px;box-shadow:0 2px 10px #102d7020}.hero-bottle span{position:absolute;z-index:1;top:85px;left:14px;right:14px;height:40px;background:linear-gradient(120deg,#e7f1ff,#fff,#c6d8f4);border-radius:3px}.hero-bottle i{position:absolute;z-index:2;top:94px;left:20px;right:20px;height:4px;background:#2457a6;border-radius:4px}.hero-bottle b{position:absolute;z-index:2;top:104px;left:24px;right:24px;height:3px;background:#d8a342;border-radius:4px}.bottle-green{left:calc(50% - 100px);background:linear-gradient(90deg,#4c7556,#a5c6a1 28%,#497b58 68%,#254b35)}.bottle-green span{background:linear-gradient(110deg,#f1f7e9,#fff,#d7e9ce)}.bottle-amber{right:calc(50% - 115px);bottom:48px;transform:rotate(7deg) scale(.87);background:linear-gradient(90deg,#8a4716,#d89b4c 28%,#a95f20 70%,#69360f)}.bottle-amber i{background:#b66c25}.bottle-amber b{background:#e0ae51}.bottle-pill{position:absolute;bottom:3px;background:#fff;color:var(--bc-navy);border-radius:30px;padding:12px 18px;font-size:10px;letter-spacing:.15em;font-weight:800;box-shadow:0 12px 30px #061d4c55}.bottle-page-main{background:#fff}.bottle-catalog-section{background:#fff}.bottle-filter-bar{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:14px;padding:18px;background:#f4f7fd;border:1px solid var(--bc-border);border-radius:18px;margin:28px 0 22px}.bottle-filter-bar label,.bottle-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#344361}.bottle-filter-bar select,.bottle-filter-bar input,.bottle-field input,.bottle-field select{width:100%;min-height:46px;padding:11px 13px;border:1px solid #d6dfef;border-radius:10px;background:#fff;color:var(--bc-ink);font:500 14px Inter,sans-serif;outline:none}.bottle-filter-bar select:focus,.bottle-filter-bar input:focus,.bottle-field input:focus,.bottle-field select:focus{border-color:#4977d8;box-shadow:0 0 0 3px #4778db18}.bottle-carousel-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px}.bottle-carousel-arrow{width:42px;height:42px;border:1px solid var(--bc-border);border-radius:50%;background:#fff;color:var(--bc-navy);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 6px 20px #183c8010}.bottle-carousel-arrow:hover{background:var(--bc-navy);color:#fff}.bottle-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.bottle-card{border:1px solid var(--bc-border);border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;transition:.2s;box-shadow:0 8px 25px #183c8009}.bottle-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #183c8017}.bottle-card.is-selected{border:2px solid #2b60cf;box-shadow:0 0 0 4px #2b60cf16}.bottle-card-visual{height:245px;background:linear-gradient(145deg,#f3f7ff,#e8effa);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bottle-card-visual img{width:100%;height:100%;object-fit:contain;padding:20px;position:relative;z-index:2}.bottle-card-visual .bottle-art-placeholder{position:relative;width:84px;height:152px;border-radius:15px 15px 23px 23px;background:linear-gradient(90deg,#6b8c70,#c2d5b8 33%,#4e7b5a 80%);box-shadow:inset 8px 0 10px #ffffff3d,inset -8px 0 10px #112d382d,0 15px 30px #132a4c1c}.bottle-art-placeholder:before{content:"";position:absolute;top:-23px;left:27px;width:30px;height:27px;border-radius:5px 5px 1px 1px;background:linear-gradient(90deg,#b3c0d0,#fff,#9eacc0)}.bottle-art-placeholder:after{content:"LABEL";position:absolute;top:55px;left:5px;right:5px;height:48px;display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:.1em;font-weight:900;color:#1d3f82;background:linear-gradient(120deg,#fff,#e4edff);border:1px solid #d7e0ef}.bottle-card:nth-child(even) .bottle-art-placeholder{background:linear-gradient(90deg,#90501d,#e7b36d 30%,#a55b20 75%)}.bottle-card:nth-child(even) .bottle-art-placeholder:after{color:#87441b}.bottle-card-chip{position:absolute;z-index:3;top:14px;left:14px;background:#fff;color:#345078;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:800;box-shadow:0 3px 10px #19375d10}.bottle-card-select{position:absolute;z-index:3;right:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d5e0f0;border-radius:50%;background:#fff;color:transparent;font-weight:900}.bottle-card.is-selected .bottle-card-select{background:#2458c5;color:#fff;border-color:#2458c5}.bottle-card-content{padding:18px 20px 20px}.bottle-card-content small{color:#5c6f90;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bottle-card-content h3{font:750 20px Outfit,sans-serif;margin:7px 0;color:var(--bc-ink)}.bottle-card-content p{margin:0;color:var(--bc-muted);font-size:13px;line-height:1.6;min-height:40px}.bottle-card-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.bottle-card-sizes span{background:#f2f5fb;border:1px solid #e3e9f3;border-radius:20px;padding:5px 8px;font-size:10px;color:#425675}.bottle-card-cta{margin-top:15px;width:100%;border:0;border-radius:9px;background:#eaf0ff;color:#214aa0;font-weight:800;padding:11px;cursor:pointer}.bottle-card.is-selected .bottle-card-cta{background:#2458c5;color:#fff}.bottle-carousel-meta{display:flex;justify-content:space-between;gap:12px;color:#6a7893;font-size:12px;padding:16px 60px}.bottle-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2eaf79;margin-right:6px}.bottle-empty{grid-column:1/-1;border:1px dashed #c8d5e8;border-radius:16px;padding:40px;text-align:center;color:#6b7892}.bottle-config-section{background:#f5f7fc}.bottle-config-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.bottle-config-card{background:#fff;border:1px solid var(--bc-border);border-radius:18px;padding:24px;box-shadow:0 10px 28px #15356807;min-width:0}.bottle-step-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.bottle-step-title>span{width:36px;height:36px;flex:none;border-radius:11px;background:#eaf0ff;color:#2455b5;display:grid;place-items:center;font-weight:900}.bottle-step-title h3{margin:0 0 4px;color:var(--bc-ink);font:750 19px Outfit,sans-serif}.bottle-step-title p{margin:0;color:#71809a;font-size:12px;line-height:1.5}.selected-bottle-preview{display:flex;align-items:center;gap:13px;padding:14px;background:#f6f8fd;border-radius:12px;margin-bottom:18px;min-height:74px}.selected-bottle-placeholder{width:44px;height:44px;display:grid;place-items:center;background:#e4edff;border-radius:12px;color:#2b59bd;font-size:22px}.selected-bottle-preview strong,.selected-bottle-preview span{display:block}.selected-bottle-preview strong{font-size:14px;color:#203454}.selected-bottle-preview span{font-size:12px;color:#74819a;margin-top:4px}.bottle-hint,.finish-note{font-size:11px;color:#7a879e;line-height:1.6;margin-top:9px}.paper-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paper-option{display:flex;align-items:center;gap:9px;position:relative;padding:12px 10px;border:1px solid #e1e7f1;border-radius:12px;cursor:pointer;min-width:0}.paper-option:has(input:checked){border-color:#2a5fc8;background:#f5f8ff;box-shadow:0 0 0 2px #2a5fc814}.paper-option input{position:absolute;opacity:0;pointer-events:none}.paper-swatch{width:28px;height:34px;flex:none;border-radius:5px;border:1px solid #d4ddeb;background:linear-gradient(145deg,#fff,#f1f4fa)}.paper-swatch-1{background:linear-gradient(145deg,#f9ffff,#c9e1e7)}.paper-swatch-2{background:linear-gradient(145deg,#fff,#e2f0f6);box-shadow:inset 0 0 0 2px #ffffff}.paper-swatch-3{background:linear-gradient(145deg,#fff,#aeb8c9,#f7f8fb)}.paper-swatch-4{background:linear-gradient(145deg,#f3dfb3,#fff2cf)}.paper-swatch-5{background:linear-gradient(145deg,#fff,#c4d8e6,#fff)}.paper-option-copy{min-width:0;flex:1}.paper-option-copy strong{display:block;color:#263858;font-size:11px;line-height:1.4}.paper-option-copy small{display:block;color:#77839a;font-size:10px;margin-top:5px}.paper-check{display:none;color:#2459c1;font-weight:900}.paper-option:has(input:checked) .paper-check{display:block}.moq-note{margin-top:14px;padding:12px;border-radius:10px;background:#edf4ff;color:#2c508c;font-size:12px;line-height:1.5}.quantity-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.quantity-controls button{border:1px solid #d9e2f0;border-radius:10px;background:#f6f8fc;color:#1f4eaa;font-size:22px;cursor:pointer}.quantity-controls input{text-align:center;font-weight:800}.finish-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:24px 0 12px;color:#2a3958;font-size:13px}.finish-heading span{font-size:11px;color:#7a879e}.finish-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finish-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #e0e7f1;border-radius:10px;padding:10px;font-size:11px;color:#3c4d6c;cursor:pointer}.finish-option input{position:absolute;opacity:0}.finish-check{width:17px;height:17px;border:1px solid #ccd7e8;border-radius:5px;color:transparent;display:grid;place-items:center;font-size:10px}.finish-option:has(input:checked){border-color:#315fc0;background:#f5f8ff;color:#1e458e}.finish-option:has(input:checked) .finish-check{background:#2a59bc;color:#fff;border-color:#2a59bc}.finish-option small{grid-column:2;color:#7c879c;font-size:10px}.bottle-summary-card{grid-column:1/-1}.quote-summary-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.quote-summary-lines>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:12px}.quote-summary-lines span{color:#75829b}.quote-summary-lines strong{color:#273958;text-align:right;max-width:65%}.quote-estimate{margin:20px 0;padding:20px;border-radius:14px;background:linear-gradient(110deg,#102d70,#2358c4);color:#fff;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.quote-estimate>span{font-size:12px;color:#d6e4ff}.quote-estimate>strong{font:800 26px Outfit,sans-serif}.quote-estimate>small{grid-column:1/-1;color:#d7e3fb;font-size:11px;line-height:1.5}.bottle-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bottle-submit{margin-top:20px;min-height:52px}.bottle-terms{font-size:10px;line-height:1.6;color:#8390a6;text-align:center;margin:12px 0 0}.bottle-alert{padding:14px 18px;border-radius:12px;margin:20px 0;font-size:13px}.bottle-alert-error{background:#fff1f0;border:1px solid #ffd6d1;color:#9a3028}.bottle-alert-success{background:#eaf8f0;border:1px solid #c2ecd3;color:#1c7144}.bottle-help-band{background:linear-gradient(115deg,#10244f,#1c4b9d);color:#fff;padding:46px 0}.bottle-help-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.bottle-help-band h2{font:750 clamp(24px,3vw,36px)/1.15 Outfit,sans-serif;margin:10px 0}.bottle-help-band p{color:#dbe6ff;line-height:1.7;max-width:660px;margin-bottom:0}.bottle-help-band .btn{flex:none}.bottle-help-band .eyebrow-light{color:#a8c7ff}@media(max-width:900px){.bottle-hero-grid{grid-template-columns:1fr;gap:10px;padding-top:50px}.bottle-hero-visual{height:280px}.bottle-config-layout{grid-template-columns:1fr}.bottle-summary-card{grid-column:auto}.bottle-filter-bar{grid-template-columns:1fr 1fr}.bottle-filter-bar .btn{grid-column:1/-1}.bottle-help-band .container{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.bottle-hero-grid{padding-top:38px;padding-bottom:36px}.bottle-hero-visual{height:230px;transform:scale(.88);margin:-10px 0}.bottle-filter-bar{grid-template-columns:1fr;padding:13px}.bottle-carousel-wrap{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.bottle-carousel-arrow{width:30px;height:30px;font-size:23px}.bottle-carousel{gap:9px}.bottle-card-visual{height:150px}.bottle-card-visual img{padding:10px}.bottle-art-placeholder{transform:scale(.75)}.bottle-card-content{padding:12px}.bottle-card-content h3{font-size:15px}.bottle-card-content p{font-size:11px;min-height:52px}.bottle-card-sizes span{font-size:9px;padding:4px 6px}.bottle-card-content small{font-size:8px}.bottle-card-cta{font-size:10px;padding:9px}.bottle-card-chip{top:8px;left:8px;font-size:8px;padding:5px 7px}.bottle-card-select{top:8px;right:8px;width:24px;height:24px}.bottle-carousel-meta{padding:14px 0;font-size:10px}.bottle-config-card{padding:17px}.paper-option-grid,.finish-option-grid{grid-template-columns:1fr}.quote-summary-lines{grid-template-columns:1fr}.bottle-customer-fields{grid-template-columns:1fr}.quote-estimate>strong{font-size:22px}.bottle-help-band .btn{width:100%;white-space:normal}.bottle-carousel-wrap{align-items:start}.bottle-carousel-arrow{margin-top:70px}} .bottle-label-shape{position:absolute;z-index:4;right:12px;bottom:12px;width:80px;height:94px;padding:5px;background:#ffffffed;border:1px solid #d6e0ef;border-radius:9px;box-shadow:0 5px 16px #102d7024;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.bottle-label-shape small{font-size:7px;letter-spacing:.08em;color:#5d6f8e;font-weight:900}.bottle-label-shape img{width:100%;height:70px;object-fit:contain;padding:1px} .bottle-carousel.all-mode{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bottle-carousel.all-mode .bottle-card-visual{height:220px}@media(max-width:600px){.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-carousel.all-mode .bottle-card-visual{height:150px}} /* Multi-product quotation, material-matched full-sheet offers and PDF/share controls */ .paper-offer-panel{margin:0 0 22px;padding:22px;border-radius:18px;background:linear-gradient(125deg,#fff8e8,#f2f6ff 62%,#edf8f4);border:1px solid #dfe7f4;box-shadow:0 12px 28px #142f5a0b}.paper-offer-top{display:flex;gap:13px;align-items:flex-start}.paper-offer-spark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#f2bd55,#fff0bd);color:#725018;font-size:23px}.paper-offer-top small{font-size:10px;letter-spacing:.13em;font-weight:900;color:#4d6590}.paper-offer-top h3{margin:5px 0;color:#17366f;font:800 22px Outfit,Inter,sans-serif}.paper-offer-top p{margin:0;color:#687791;font-size:12px;line-height:1.6}.paper-offer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.paper-offer-card{display:flex;gap:12px;padding:13px;border-radius:13px;background:#ffffffd9;border:1px solid #e3e9f3;min-width:0}.paper-offer-card>img{width:88px;height:88px;object-fit:cover;border-radius:10px;flex:none}.paper-offer-card>div{min-width:0}.paper-offer-tag{display:inline-block;padding:4px 7px;border-radius:5px;background:#eaf0ff;color:#3158a0;font-size:9px;font-weight:900;letter-spacing:.08em}.paper-offer-card h4{font-size:14px;margin:8px 0 5px;color:#172e5b}.paper-offer-card p{font-size:11px;line-height:1.5;color:#667590;margin:0 0 8px}.paper-offer-card strong{display:block;font-size:11px;color:#287253;line-height:1.4}.paper-offer-card small{display:block;margin-top:6px;font-size:10px;color:#73819a}.paper-offer-foot{margin:13px 0 0;color:#687791;font-size:10px;line-height:1.5}.quote-cart-panel{border:1px solid #dfe6f2;border-radius:15px;padding:18px;margin-bottom:22px;background:#fbfcff}.quote-cart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.quote-cart-heading h3{margin:5px 0 0;font:800 20px Outfit,sans-serif;color:#172f62}.quote-cart-heading h3 span{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:20px;background:#2458c5;color:white;font:800 12px Inter,sans-serif}.quote-cart-heading p{max-width:300px;margin:0;color:#72809a;font-size:11px;line-height:1.6}.quote-cart-list{display:grid;gap:8px;margin-top:15px}.quote-cart-empty{padding:17px;text-align:center;border:1px dashed #cfd9e9;border-radius:10px;color:#7a879c;font-size:12px;margin:0}.quote-cart-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e4e9f2;border-radius:11px}.quote-cart-index{width:28px;height:28px;display:grid;place-items:center;background:#eaf0ff;border-radius:8px;color:#2455b5;font-weight:900;font-size:12px}.quote-cart-main strong,.quote-cart-main span,.quote-cart-main small{display:block}.quote-cart-main strong{color:#20355a;font-size:12px}.quote-cart-main span{margin-top:4px;color:#657590;font-size:11px}.quote-cart-main small{margin-top:4px;color:#8a95a8;font-size:10px}.quote-cart-price{font-size:12px;font-weight:800;color:#1e478e;text-align:right}.quote-cart-item>button{width:28px;height:28px;border:0;border-radius:8px;background:#fff0ee;color:#a83a31;font-size:20px;cursor:pointer}.quote-cart-actions,.quote-export-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.quote-cart-actions .btn,.quote-export-actions .btn{font-size:12px;padding:11px 15px}.quote-export-actions{margin-top:20px}.quote-export-actions .btn{flex:1}.password-card{margin-top:20px}.admin-section .password-card{max-width:100%}@media(max-width:700px){.paper-offer-cards{grid-template-columns:1fr}.paper-offer-top h3{font-size:19px}.quote-cart-heading{flex-direction:column;gap:8px}.quote-cart-heading p{max-width:none}.quote-cart-item{grid-template-columns:28px minmax(0,1fr) auto 26px;gap:7px;padding:9px}.quote-cart-price{font-size:10px}.quote-cart-main strong{font-size:11px}.quote-cart-actions .btn{width:100%}.quote-export-actions{flex-direction:column}.paper-offer-card>img{width:70px;height:80px}} /* Updated catalogue layout: 20 visible cards, four per row, with progressive See more. */ .bottle-carousel-wrap{grid-template-columns:minmax(0,1fr);} .bottle-carousel-arrow{display:none!important;} .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;} .bottle-carousel.all-mode{grid-template-columns:repeat(4,minmax(0,1fr));} .bottle-carousel .bottle-card-visual{height:190px;} .bottle-carousel .bottle-card-content{padding:16px;} .bottle-carousel .bottle-card-content h3{font-size:17px;} .bottle-carousel .bottle-card-content p{font-size:13px;} @media(max-width:1050px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:760px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.bottle-carousel .bottle-card-visual{height:160px;}.bottle-carousel .bottle-card-content{padding:12px;}} @media(max-width:420px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.bottle-carousel .bottle-card-visual{height:130px;}.bottle-carousel .bottle-card-content h3{font-size:14px;}} /* Per-bottle size/material pricing hides unavailable materials cleanly. */ .paper-option[hidden]{display:none!important} /* Clear size-specific paper pricing and GST breakdown for bottle labels */ .paper-option{flex-wrap:wrap;align-items:flex-start;row-gap:8px;padding:13px;min-height:126px} .paper-option-copy{flex:1 1 95px} .paper-price-details{display:grid;grid-template-columns:1fr;gap:4px;flex:0 0 100%;padding:10px 0 0;border-top:1px solid #e7edf6;color:#2b3f60;font-size:11px;line-height:1.45} .paper-price-details>strong{font-size:15px;color:#17459e;font-weight:850} .paper-price-details>strong small{font-size:9px;color:#75829b;font-weight:600} .paper-price-details>span{font-size:11px;color:#344665} .paper-price-details>span b{color:#146b49;font-size:13px} .paper-price-details em{font-style:normal;color:#7b879d;font-size:10px} .quote-tax-breakdown{grid-column:1/-1;display:grid;gap:0;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff40} .quote-tax-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;color:#e0eaff} .quote-tax-breakdown strong{color:#fff} .quote-tax-breakdown .quote-tax-total{border-top:1px solid #ffffff40;margin-top:4px;padding-top:11px;font-weight:800;color:#fff} .quote-tax-breakdown .quote-tax-total strong{font-size:16px} .finish-option{min-height:54px} @media(max-width:600px){.paper-option{min-height:0}.paper-price-details>strong{font-size:14px}.quote-tax-breakdown>div{font-size:11px}} /* Usability refinement: compact choices, readable price comparison and unobtrusive offer slider */ .bottle-config-layout{gap:16px;align-items:start} .bottle-config-card{padding:clamp(14px,2vw,22px);min-width:0} .bottle-step-title{gap:10px;margin-bottom:15px} .bottle-step-title h3{font-size:clamp(17px,1.4vw,20px)} .paper-option-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:9px} .paper-option{display:grid;grid-template-columns:16px 10px minmax(0,1fr) auto;align-items:start;gap:9px;padding:11px 12px;border-radius:11px;min-width:0} .paper-option input[type=radio],.finish-option input[type=checkbox]{width:15px;height:15px;min-width:15px;min-height:15px;margin:2px 0 0;accent-color:#17479d} .paper-option-copy strong{font-size:13px;line-height:1.35;text-transform:capitalize} .paper-option-copy small{font-size:11px} .paper-price-details{grid-column:3/5;display:grid;gap:3px;margin-top:5px;font-size:12px;line-height:1.35;color:#52617a} .paper-price-details>strong{font-size:14px;color:#173a7a} .paper-price-details>strong small{font-size:10px;font-weight:600} .paper-price-details>span{color:#253650} .paper-price-details em{font-style:normal;color:#65738a;font-size:11px} .finish-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:7px} .finish-option{display:flex;align-items:center;gap:7px;padding:9px 10px;min-height:38px;border:1px solid #e0e6f0;border-radius:9px;background:#fff;font-size:12px;line-height:1.3} .finish-option>span:not(.finish-check){text-transform:capitalize} .finish-option small{margin-left:auto;font-size:10px;white-space:nowrap} .finish-check{width:15px;height:15px;min-width:15px;display:grid;place-items:center;border-radius:4px;font-size:10px} .quantity-controls{display:grid;grid-template-columns:42px minmax(90px,1fr) 42px;max-width:330px} .quantity-controls button{min-height:42px;font-size:20px} .quantity-controls input{min-width:0;text-align:center;font-weight:750;font-size:16px} .bottle-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .bottle-field{min-width:0} .bottle-field input,.bottle-field select{width:100%;min-width:0} .bottle-offer-slot{margin:18px auto 30px} .paper-offer-panel{border:1px solid #e4e9f1;border-radius:14px;background:#fbfcfe;padding:12px;overflow:hidden} .offer-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .offer-slider-head>span{display:grid;gap:3px} .offer-slider-head small{font-size:9px;letter-spacing:.12em;color:#65738a;font-weight:800} .offer-slider-head strong{font-size:14px;color:#1b3158} .offer-slider-controls{display:flex;gap:5px;flex:none} .offer-slider-controls button{width:30px;height:30px;border:1px solid #dce3ee;background:#fff;border-radius:50%;font-size:20px;line-height:1;cursor:pointer} .offer-slider-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} .offer-slider-track::-webkit-scrollbar{display:none} .offer-slide{flex:0 0 min(100%,440px);display:flex;align-items:center;gap:12px;min-height:95px;padding:12px;border:1px solid #e7ebf3;border-radius:11px;background:#fff;scroll-snap-align:start} .offer-slide>img{width:70px;height:68px;object-fit:cover;border-radius:8px;flex:none} .offer-slide>div{display:grid;gap:4px;min-width:0} .offer-slide small{font-size:9px;letter-spacing:.1em;color:#a05a19;font-weight:800} .offer-slide strong{font-size:13px;color:#1a3158;text-transform:capitalize} .offer-slide span{font-size:11px;line-height:1.4;color:#64728a} .offer-slide b{font-size:11px;color:#17479d} @media(max-width:700px){.bottle-customer-fields{grid-template-columns:1fr}.paper-option-grid{grid-template-columns:1fr}.finish-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-option{padding:8px}.offer-slide{flex-basis:88%}.bottle-config-card{padding:14px}} /* Product-first bottle selection: modal comparison flow */ .bottle-modal-open{overflow:hidden}.bottle-product-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.bottle-product-modal[hidden]{display:none!important}.bottle-modal-backdrop{position:absolute;inset:0;background:rgba(10,24,52,.72);backdrop-filter:blur(5px)}.bottle-modal-dialog{position:relative;z-index:1;width:min(1060px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 28px 90px rgba(4,20,55,.35);outline:none}.bottle-modal-close{position:sticky;float:right;top:12px;margin:12px 12px -42px 0;z-index:3;width:36px;height:36px;border:1px solid #dbe3ef;border-radius:50%;background:#fff;color:#243655;font-size:25px;line-height:1;cursor:pointer}.bottle-modal-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:28px 32px;background:linear-gradient(120deg,#f3f7ff,#fff);border-bottom:1px solid #e6ecf5}.bottle-modal-image{height:160px;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e8f2;border-radius:16px;overflow:hidden}.bottle-modal-image>img:first-child{width:100%;height:100%;object-fit:contain;padding:12px}.bottle-modal-image .bottle-modal-label-shape{position:absolute;right:7px;bottom:7px;width:52px;height:52px;object-fit:contain;padding:4px;border:1px solid #e0e6f0;border-radius:8px;background:#fff}.bottle-modal-placeholder{color:#7787a2;font-size:12px}.bottle-modal-head h2{font:800 clamp(24px,3vw,32px)/1.1 Outfit,sans-serif;color:#172d51;margin:7px 40px 8px 0}.bottle-modal-head p{color:#6c7c96;font-size:13px;line-height:1.6;margin:0 0 10px}.bottle-modal-code{display:inline-block;padding:6px 9px;border-radius:7px;background:#e8efff;color:#244e9c;font-size:11px;font-weight:750}.bottle-modal-body{padding:22px 32px;display:grid;gap:22px}.bottle-modal-step h3{font:800 16px Outfit,sans-serif;color:#1b3154;margin:0 0 5px}.bottle-modal-step>p{font-size:12px;color:#7b879b;margin:0 0 12px}.bottle-modal-size-grid{display:flex;gap:8px;flex-wrap:wrap}.bottle-modal-size{position:relative;cursor:pointer}.bottle-modal-size input{position:absolute;opacity:0}.bottle-modal-size span{display:block;border:1px solid #d9e2ef;border-radius:9px;background:#fff;padding:10px 14px;font-size:12px;font-weight:750;color:#405574}.bottle-modal-size input:checked+span{background:#eaf1ff;border-color:#2c5fc1;color:#214da0;box-shadow:inset 0 0 0 1px #2c5fc1}.bottle-modal-empty{border:1px dashed #cbd7e8;border-radius:12px;padding:22px;text-align:center;color:#7a879d;font-size:12px}.bottle-modal-size-prices{border:1px solid #e0e7f1;border-radius:13px;padding:14px;margin-top:12px;background:#fcfdff}.bottle-modal-size-prices>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.bottle-modal-size-prices h4{margin:0;font:800 15px Outfit,sans-serif;color:#1c3359}.bottle-modal-size-prices header>label{display:flex;align-items:center;gap:8px;color:#62718a;font-size:11px;font-weight:700}.bottle-modal-size-prices header input{width:125px;padding:8px;border:1px solid #d7e0ed;border-radius:8px;font-weight:800;color:#1b3154}.bottle-modal-paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bottle-modal-paper{position:relative;display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #e0e6f0;border-radius:10px;cursor:pointer;min-width:0}.bottle-modal-paper:has(input:checked){border-color:#2d61c5;background:#f3f7ff;box-shadow:0 0 0 1px #2d61c5}.bottle-modal-paper>input{margin-top:3px;accent-color:#2458bb;flex:none}.bottle-modal-paper-copy{min-width:0;display:grid;gap:5px}.bottle-modal-paper-copy strong{font-size:12px;color:#243958}.bottle-modal-paper-copy small{font-size:10px;color:#7b879b;line-height:1.4}.bottle-modal-paper-copy b{font-size:11px;color:#16744d}.bottle-modal-paper-check{display:none}.bottle-modal-finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bottle-modal-finish-grid label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #e0e7f1;border-radius:8px;font-size:11px;color:#425472}.bottle-modal-finish-grid input{accent-color:#2458bb;width:14px;height:14px;flex:none}.bottle-modal-finish-grid small{font-size:9px;color:#7c879c;margin-left:auto;white-space:nowrap}.bottle-modal-no-price{font-size:11px;color:#a15a17}.bottle-modal-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 32px;background:#fff;border-top:1px solid #e3e9f2;box-shadow:0 -8px 20px rgba(24,45,80,.05)}.bottle-modal-footer>div{display:grid;gap:4px}.bottle-modal-footer small{color:#7b879b;font-size:11px}.bottle-modal-footer strong{font:800 18px Outfit,sans-serif;color:#1a3f89}.bottle-modal-footer button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.bottle-product-modal{padding:7px}.bottle-modal-dialog{max-height:96vh;border-radius:15px}.bottle-modal-head{grid-template-columns:88px minmax(0,1fr);gap:13px;padding:18px 16px}.bottle-modal-image{height:112px}.bottle-modal-head h2{font-size:21px;margin-right:30px}.bottle-modal-head p{font-size:11px}.bottle-modal-body{padding:17px 14px;gap:17px}.bottle-modal-size span{padding:8px 10px}.bottle-modal-paper-grid{grid-template-columns:1fr}.bottle-modal-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-modal-footer{padding:12px 14px;align-items:stretch;flex-direction:column;gap:10px}.bottle-modal-footer button{width:100%}.bottle-modal-size-prices{padding:10px}.bottle-modal-size-prices>header{align-items:flex-start}.bottle-modal-size-prices header input{width:100px}} /* Keep the main page focused on product browsing and the quotation cart; configuration lives in the product popup. */ #bottle-quote .bottle-config-layout{grid-template-columns:minmax(0,1fr);max-width:1000px;margin-inline:auto} #bottle-quote .bottle-config-layout>.bottle-config-card:nth-child(-n+3){display:none!important} #bottle-quote .bottle-summary-card>.bottle-step-title,#bottle-quote .bottle-summary-card>.quote-summary-lines,#bottle-quote .bottle-summary-card>.quote-estimate{display:none!important} #bottle-quote .bottle-summary-card{grid-column:auto;padding:24px} #bottle-quote .quote-cart-panel{margin-bottom:20px} #bottle-quote #add-product-btn{display:none!important} .bottle-modal-size.is-unavailable{cursor:not-allowed;opacity:.55}.bottle-modal-size.is-unavailable span{border-style:dashed;background:#f7f8fa;color:#8b95a5} /* Product dimensions and premium add-on enquiry */ .bottle-modal-size span{line-height:1.45}.bottle-modal-size span{display:block}.bottle-modal-addons{margin-top:18px;padding:17px;border:1px solid #f1d8b1;background:linear-gradient(135deg,#fffaf1,#fff);border-radius:16px}.bottle-addon-head{display:flex;flex-direction:column;gap:5px}.bottle-addon-head strong{font-size:16px;color:#633d0c}.bottle-addon-head span{font-size:13px;color:#6c6254}.bottle-addon-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bottle-addon-chips span{padding:7px 10px;border-radius:999px;background:#fff0d6;color:#69410b;border:1px solid #f1d8b1;font-size:12px;font-weight:700}.bottle-addon-actions{display:flex;flex-wrap:wrap;gap:9px}.bottle-addon-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#173b6c;color:#fff;text-decoration:none;font-size:13px;font-weight:750}.bottle-addon-actions a:first-child{background:#16844a}.bottle-addon-actions a:last-child{background:#fff;color:#173b6c;border:1px solid #cad6e6}@media(max-width:600px){.bottle-addon-actions{display:grid;grid-template-columns:1fr}.bottle-addon-actions a{width:100%}} .bottle-addon-chips label{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff0d6;color:#69410b;border:1px solid #f1d8b1;font-size:12px;font-weight:700;cursor:pointer}.bottle-addon-chips label span{padding:0;background:transparent;border:0;color:inherit}.bottle-addon-chips input{accent-color:#b77816} /* Dense, information-rich product cards inspired by the reference screenshot */ .bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-carousel .bottle-card{border-radius:17px;border-color:#d6deeb;box-shadow:0 5px 18px #162c4d0b;cursor:pointer}.bottle-carousel .bottle-card-visual{height:150px;background:linear-gradient(135deg,#f5f8fc,#eaf0f8)}.bottle-carousel .bottle-card-visual img{padding:12px}.bottle-carousel .bottle-card-content{padding:14px}.bottle-card-productline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #e9edf4}.bottle-card-productline>div{display:grid;gap:3px}.bottle-card-productline small{font-size:8px;letter-spacing:.08em;color:#7a879c}.bottle-card-productline strong{font-size:11px;color:#263958}.bottle-card-live{font-size:9px;font-weight:800;color:#087d52;white-space:nowrap}.bottle-carousel .bottle-card-content h3{font-size:17px;margin:10px 0 5px}.bottle-carousel .bottle-card-content p{font-size:11px;line-height:1.45;min-height:32px;margin-bottom:12px}.bottle-card-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0 7px}.bottle-card-detail-heading strong{font-size:10px;letter-spacing:.04em;color:#263958;text-transform:uppercase}.bottle-card-detail-heading small{font-size:9px;color:#8792a5;text-align:right}.bottle-card-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.bottle-card-dimension{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 7px;border:1px solid #e1e7f0;border-radius:7px;background:#fafbfd;min-width:0}.bottle-card-dimension b{font-size:10px;color:#354966;white-space:nowrap}.bottle-card-dimension small{font-size:9px;color:#5b6e8b;text-align:right}.bottle-card-paper-heading{margin-top:13px}.bottle-card-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bottle-card-material{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:8px;border:1px solid #dfe6f1;border-radius:9px;background:#f8fafd}.bottle-card-material span{font-size:10px;font-weight:700;color:#364b6b;line-height:1.25}.bottle-card-material>b{font-size:11px;color:#df1645;white-space:nowrap}.bottle-card-material b small{font-size:8px;color:#8a95a7;font-weight:600}.bottle-card-price-empty{grid-column:1/-1;padding:12px;background:#fff7e9;color:#9a6116;border-radius:8px;font-size:11px}.bottle-card-size-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#74829a}.bottle-card-size-footer span{font-weight:800;letter-spacing:.06em}.bottle-card-size-footer b{color:#243f78}.bottle-carousel .bottle-card-sizes{margin-top:7px;gap:4px}.bottle-carousel .bottle-card-sizes span{font-size:9px;padding:4px 6px}.bottle-carousel .bottle-card-cta{margin-top:12px;background:#102344;color:#fff;border-radius:9px;padding:12px;font-size:11px}.bottle-carousel .bottle-card:hover .bottle-card-cta,.bottle-carousel .bottle-card.is-selected .bottle-card-cta{background:#008d64;color:#fff}.bottle-carousel-meta{padding-left:58px;padding-right:58px} @media(max-width:1050px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.bottle-carousel .bottle-card-visual{height:140px}.bottle-carousel .bottle-card-content{padding:13px}.bottle-card-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-carousel-meta{padding:12px 0;flex-wrap:wrap}} /* V15: compact, screenshot-inspired catalogue cards — side-by-side details, not long lists. */ .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch} .bottle-card{border:1px solid #d9e2ef;border-radius:13px;box-shadow:0 4px 15px #183c8008;min-width:0} .bottle-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #183c8014} .bottle-card-visual{height:138px;min-height:138px;background:linear-gradient(145deg,#f6f8fc,#e9eff8)} .bottle-card-visual img{padding:10px} .bottle-card-chip{top:8px;left:8px;padding:5px 7px;font-size:9px} .bottle-card-select{top:8px;right:8px;width:25px;height:25px} .bottle-card-content{padding:11px 12px 12px} .bottle-card-productline{display:flex;justify-content:space-between;align-items:center;gap:6px} .bottle-card-productline small{font-size:8px;letter-spacing:.04em} .bottle-card-productline strong{display:block;font-size:10px;color:#31476a} .bottle-card-live{font-size:9px;color:#0b966a;white-space:nowrap} .bottle-card-content h3{font-size:15px;line-height:1.2;margin:5px 0 4px} .bottle-card-content p{font-size:10px;line-height:1.35;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .bottle-card-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:10px;margin-bottom:5px} .bottle-card-detail-heading strong{font-size:9px;color:#354b6d;text-transform:uppercase;letter-spacing:.025em} .bottle-card-detail-heading small{font-size:8px;color:#7a879e;text-align:right} .bottle-card-dimensions{display:flex;flex-wrap:wrap;gap:4px} .bottle-card-dimension{display:inline-flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid #e2e8f1;border-radius:5px;background:#f8faff;max-width:100%} .bottle-card-dimension b{font-size:9px;color:#263b5d;white-space:nowrap} .bottle-card-dimension small{font-size:8px;color:#64748b;white-space:nowrap} .bottle-card-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} .bottle-card-material{display:flex;flex-direction:column;gap:3px;min-width:0;padding:7px 8px;border:1px solid #dfe6f1;border-radius:8px;background:#f8faff} .bottle-card-material span{font-size:9px;line-height:1.2;color:#405574;overflow-wrap:anywhere} .bottle-card-material>b{font-size:12px;line-height:1.1;color:#d31f43} .bottle-card-material>b small{font-size:8px;color:#8a5361;font-weight:600} .bottle-card-price-empty{grid-column:1/-1;padding:8px;border-radius:7px;background:#f8faff;color:#64748b;font-size:10px} .bottle-card-size-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:8px;color:#72809a;letter-spacing:.03em} .bottle-card-size-footer b{font-size:9px;color:#405574;letter-spacing:0} .bottle-card-sizes{gap:4px;margin-top:5px} .bottle-card-sizes span{padding:4px 6px;font-size:8px;border-radius:5px} .bottle-card-cta{margin-top:9px;padding:8px 7px;font-size:10px;border-radius:7px} .bottle-carousel-meta{padding:12px 50px} @media(max-width:1250px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bottle-card-visual{height:130px;min-height:130px}} @media(max-width:520px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bottle-card-content{padding:9px}.bottle-card-visual{height:105px;min-height:105px}.bottle-card-content h3{font-size:13px}.bottle-card-material{padding:6px}.bottle-card-material span{font-size:8px}.bottle-card-material>b{font-size:11px}.bottle-card-dimension{flex-wrap:wrap;gap:2px}.bottle-card-dimension small{white-space:normal}.bottle-card-detail-heading small{font-size:7px}.bottle-card-cta{font-size:9px}} /* V16: match reference screenshot — dense four-column cards with inline price, MOQ and actions. */ .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch} .bottle-carousel .bottle-card{border:1px solid #d8e1ef;border-radius:13px;box-shadow:0 3px 12px #13294a0c;min-width:0} .bottle-carousel .bottle-card-visual{height:112px;min-height:112px} .bottle-carousel .bottle-card-content{padding:10px} .bottle-carousel .bottle-card-content h3{font-size:14px;margin:5px 0 3px;line-height:1.2} .bottle-carousel .bottle-card-content p{font-size:9px;line-height:1.3;margin-bottom:7px;-webkit-line-clamp:1} .bottle-card-detail-heading{margin:7px 0 4px} .bottle-card-dimension{padding:4px 5px;gap:3px} .bottle-card-dimension b{font-size:8px}.bottle-card-dimension small{font-size:8px} .bottle-card-materials{gap:4px} .bottle-card-material{flex-direction:row;align-items:center;padding:6px;gap:3px;border-radius:7px} .bottle-card-material span{font-size:8px;line-height:1.15} .bottle-card-material>b{font-size:10px} .bottle-card-size-footer{margin-top:8px;font-size:8px} .bottle-card-size-footer b{font-size:8px} .bottle-card-quantity-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:5px} .bottle-card-quantity-presets span{display:block;text-align:center;border:1px solid #dfe6f1;background:#f7f9fc;border-radius:5px;padding:4px 1px;font-size:8px;font-weight:800;color:#405371} .bottle-card-total{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px;padding:8px;border:1px solid #e2e8f1;background:#f8fafd;border-radius:8px} .bottle-card-total>span{font-size:8px;font-weight:700;color:#66748d;display:grid;gap:2px} .bottle-card-total small{font-size:7px;font-weight:500} .bottle-card-total strong{font-size:13px;white-space:nowrap;color:#142344} .bottle-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px} .bottle-carousel .bottle-card-actions .bottle-card-cta,.bottle-card-wa{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:8px 3px;border-radius:7px;font-size:8px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;white-space:normal} .bottle-carousel .bottle-card-actions .bottle-card-cta{background:#008f65;color:#fff} .bottle-card-wa{background:#e7f8f0;color:#08794f;border:1px solid #bfe8d5} .bottle-card-sizes{margin-top:6px} @media(max-width:1050px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:780px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}} @media(max-width:440px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bottle-carousel .bottle-card-content{padding:8px}.bottle-card-total strong{font-size:11px}.bottle-card-material span{font-size:7px}.bottle-card-actions .bottle-card-cta,.bottle-card-wa{font-size:7px!important}} /* V17: reference-led fixed pages, compact three-column cards, and opt-in floating quotation. */ #bottle-quote{display:none} #bottle-quote.is-visible{display:block} .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;align-items:stretch} .bottle-carousel .bottle-card{min-width:0} .bottle-carousel-wrap{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px} .bottle-carousel-arrow{width:34px;height:34px;font-size:24px} .bottle-carousel-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 44px;flex-wrap:wrap} .bottle-page-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:auto} .bottle-page-controls button{border:1px solid #d7e0ee;background:#fff;color:#18366e;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer} .bottle-page-controls button:hover:not(:disabled){background:#173d86;color:#fff;border-color:#173d86} .bottle-page-controls button:disabled{opacity:.35;cursor:not-allowed} .bottle-page-controls b{font-size:11px;color:#596983;white-space:nowrap} .floating-quote-tab{position:fixed;z-index:1200;left:18px;bottom:18px;display:none;align-items:center;gap:18px;max-width:min(680px,calc(100vw - 36px));padding:12px 14px 12px 18px;background:#101d36;color:#fff;border:1px solid #ed174c;border-radius:18px;box-shadow:0 12px 35px #09172b45} .floating-quote-tab.is-visible{display:flex} .floating-quote-copy{display:grid;gap:4px;min-width:0} .floating-quote-copy strong{font-size:13px;font-weight:850;white-space:nowrap} .floating-quote-copy strong span{color:#fff} .floating-quote-copy small{font-size:10px;color:#c9d5e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #floating-quote-open{flex:none;border:0;border-radius:10px;background:#f4144e;color:#fff;padding:11px 15px;font-size:12px;font-weight:850;cursor:pointer} #floating-quote-open:hover{background:#d80d41} @media(max-width:1050px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:780px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.bottle-carousel-wrap{grid-template-columns:28px minmax(0,1fr) 28px;gap:5px}.bottle-carousel-arrow{width:28px;height:28px;font-size:20px}.bottle-carousel-meta{padding:12px 0}.bottle-page-controls{width:100%;margin:0}.floating-quote-tab{left:10px;bottom:10px;max-width:calc(100vw - 20px);gap:10px;padding:10px 11px;border-radius:14px}.floating-quote-copy strong{font-size:11px}.floating-quote-copy small{max-width:48vw;font-size:9px}#floating-quote-open{font-size:10px;padding:10px 11px}} @media(max-width:420px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.bottle-carousel .bottle-card-content{padding:8px}.bottle-card-total{padding:6px}.bottle-card-total strong{font-size:10px}.bottle-card-actions{grid-template-columns:1fr}.bottle-card-wa{min-height:28px}} .bottle-carousel-wrap{display:block} /* V18 — match the supplied reference: compact red-edged cards, inline choices, no product modal. */ .bottle-carousel,.bottle-carousel.all-mode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch} .bottle-carousel .bottle-card{cursor:default;border:1.5px solid #f4144e;border-radius:17px;background:#fff;box-shadow:0 3px 0 #f4144e0b;overflow:hidden} .bottle-carousel .bottle-card:hover{transform:none;box-shadow:0 4px 14px #f4144e12} .bottle-carousel .bottle-card-visual{height:112px;min-height:112px;background:#f8faff;position:relative} .bottle-carousel .bottle-card-content{padding:10px 11px 11px} .bottle-card-productline small{font-size:8px;letter-spacing:.04em;color:#60708a} .bottle-card-productline strong{font-size:10px;color:#263958} .bottle-carousel .bottle-card-content h3{font-size:14px;line-height:1.2;margin:5px 0 3px;color:#17233d} .bottle-carousel .bottle-card-content p{font-size:9px;line-height:1.3;min-height:0;margin:0 0 7px;color:#6c7890;-webkit-line-clamp:1} .bottle-card-detail-heading{margin:7px 0 4px} .bottle-card-detail-heading strong{font-size:9px;color:#53627b} .bottle-card-detail-heading small{font-size:8px;color:#8290a6} .bottle-card-dimensions{display:flex;flex-wrap:wrap;gap:4px;max-height:50px;overflow:auto} .bottle-card-dimension{padding:4px 5px;gap:3px;border-color:#e0e7f1;background:#f8faff;border-radius:6px} .bottle-card-dimension b{font-size:8px}.bottle-card-dimension small{font-size:8px} .bottle-card-size-select{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:4px 0 6px;font-size:8px;font-weight:800;color:#6c7890} .bottle-card-size-select select{width:68%;min-width:0;border:1px solid #dce4f0;border-radius:7px;padding:5px 6px;background:#fff;color:#17233d;font:700 10px Inter,Arial,sans-serif} .bottle-card-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} .bottle-card-material{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;padding:7px 7px;border:1px solid #dce4f0;border-radius:10px;background:#f8fafd;cursor:pointer;min-width:0} .bottle-card-material.is-active{border:1.5px solid #f4144e;background:#fff7fa} .bottle-card-material input{position:absolute;opacity:0;pointer-events:none} .bottle-card-material span{font-size:9px;font-weight:700;color:#2b3e5c;line-height:1.15} .bottle-card-material>b{font-size:10px;color:#e31345;white-space:nowrap} .bottle-card-material>b small{font-size:7px;color:#8a5361} .bottle-card-size-footer{margin-top:9px;font-size:8px;color:#f4144e;letter-spacing:0} .bottle-card-size-footer b{font-size:8px;color:#f4144e} .bottle-card-quantity-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:5px} .bottle-card-quantity-presets button{border:1px solid #dce4f0;background:#f8fafd;border-radius:7px;padding:5px 1px;font-size:8px;font-weight:800;color:#31425f;cursor:pointer} .bottle-card-quantity-presets button.is-active{background:#111f39;border-color:#111f39;color:#fff} .bottle-card-quantity-input{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;gap:5px;margin-top:5px} .bottle-card-quantity-input button{border:0;border-radius:7px;background:#f0f3f8;color:#30415e;font-weight:900;cursor:pointer} .bottle-card-quantity-input input{width:100%;min-width:0;text-align:center;border:1px solid #dce4f0;border-radius:7px;padding:5px;font-size:10px;font-weight:800;color:#17233d} .bottle-card-finish-row,.bottle-card-addon-row{margin-top:8px;padding-top:7px;border-top:1px solid #e8edf5} .bottle-card-finish-row>strong,.bottle-card-addon-row>strong{display:block;font-size:8px;color:#63718a;margin-bottom:5px} .bottle-card-finish-row>div{display:flex;flex-wrap:wrap;gap:4px} .bottle-card-finish-row label{display:flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #e0e7f1;border-radius:6px;font-size:8px;color:#4b5e7a} .bottle-card-finish-row input{width:10px;height:10px;margin:0;accent-color:#f4144e} .bottle-card-addon-row small{display:block;font-size:8px;line-height:1.4;color:#7a879d} .bottle-card-addon-row a{display:inline-block;margin-top:5px;font-size:8px;font-weight:800;color:#078657;text-decoration:none} .bottle-card-total{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px;padding:10px 9px;border:1px solid #e0e7f1;background:#f8fafd;border-radius:10px} .bottle-card-total>span{font-size:8px;font-weight:800;color:#63718a;display:grid;gap:3px} .bottle-card-total small{font-size:7px;font-weight:500} .bottle-card-total strong{font-size:13px;white-space:nowrap;color:#17233d} .bottle-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px} .bottle-carousel .bottle-card-actions .bottle-card-cta,.bottle-card-wa{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:9px 4px;border-radius:8px;font-size:8px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;white-space:normal} .bottle-carousel .bottle-card-actions .bottle-card-cta{background:#009e70;color:#fff;border:0;cursor:pointer} .bottle-carousel .bottle-card-actions .bottle-card-cta:disabled{opacity:.45;cursor:not-allowed} .bottle-card-wa{background:#e7f8f0;color:#078657;border:1px solid #bfe8d5} .bottle-card-sheet-link{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:7px;padding-top:6px;border-top:1px solid #e8edf5;font-size:8px;color:#f4144e} .bottle-card-sheet-link span{border:1px solid #ffd0dc;border-radius:7px;padding:5px 7px;font-weight:800} .bottle-card-sheet-link small{color:#7d899e;font-size:7px;text-align:right} #bottle-quote{display:none} #bottle-quote.is-visible{display:block} @media(max-width:1150px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:850px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}} @media(max-width:520px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bottle-carousel .bottle-card-content{padding:8px}.bottle-card-material{padding:6px 5px}.bottle-card-material span{font-size:8px}.bottle-card-material>b{font-size:9px}.bottle-card-total strong{font-size:11px}.bottle-card-actions{grid-template-columns:1fr}.bottle-card-wa,.bottle-carousel .bottle-card-actions .bottle-card-cta{font-size:9px}.bottle-card-dimensions{max-height:42px}} .floating-quote-tab{position:fixed;z-index:1200;left:18px;bottom:18px;display:none;align-items:center;gap:9px;max-width:min(760px,calc(100vw - 36px));padding:10px 12px 10px 15px;background:#101d36;color:#fff;border:1.5px solid #f4144e;border-radius:19px;box-shadow:0 12px 35px #09172b45} .floating-quote-tab.is-visible{display:flex} .floating-quote-copy{display:grid;gap:4px;min-width:0;flex:1} .floating-quote-copy strong{font-size:12px;font-weight:850;white-space:nowrap} .floating-quote-copy strong span{color:#fff} .floating-quote-copy em{font-style:normal;margin-left:5px;color:#fff;background:#008f65;border-radius:6px;padding:3px 6px;font-size:8px} .floating-quote-copy small{font-size:10px;color:#c9d5e8;white-space:normal;max-width:450px} #floating-quote-wa{flex:none;background:#009e70;color:#fff;text-decoration:none;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:850;white-space:nowrap} #floating-quote-open{flex:none;border:0;border-radius:10px;background:#f4144e;color:#fff;padding:11px 14px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap} #floating-quote-open:hover{background:#d80d41} @media(max-width:780px){.floating-quote-tab{left:8px;bottom:8px;max-width:calc(100vw - 16px);gap:6px;padding:8px;border-radius:13px}.floating-quote-copy strong{font-size:10px}.floating-quote-copy small{max-width:42vw;font-size:8px}#floating-quote-wa,#floating-quote-open{font-size:9px;padding:9px 8px}} /* V19 bottle calculator: compact product-first size matrix. Header/footer styles intentionally untouched. */ .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.bottle-carousel-wrap{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}.bc-v19-card{border:1px solid #dce5f2;border-radius:12px;cursor:default;box-shadow:0 5px 18px #102d700d}.bc-v19-card:hover{transform:none;border-color:#d51c35;box-shadow:0 8px 24px #102d7014}.bc-v19-card .bottle-card-content{padding:12px}.bc-product-top{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:100px;margin-bottom:10px}.bc-product-image{height:100px;background:#f5f8fd;border:1px solid #e6edf7;border-radius:9px;display:grid;place-items:center;overflow:hidden}.bc-product-image img{width:100%;height:100%;object-fit:contain;padding:5px}.bc-product-info{min-width:0}.bc-category-tag{display:inline-block;padding:3px 6px;background:#dceaff;color:#174ba0;border-radius:4px;font-size:9px;font-weight:800}.bc-product-info h3{font-size:15px;line-height:1.2;margin:5px 0;color:#122d58}.bc-product-info>small{font-size:9px;letter-spacing:0;color:#65748c}.bc-product-info p{font-size:10px;line-height:1.35;min-height:27px;margin-top:4px}.bc-panel{border:1px solid #e4eaf3;border-radius:8px;margin-top:8px;overflow:hidden;background:#fff}.bc-panel-title{padding:7px 8px;background:linear-gradient(90deg,#eef4fd,#fff);display:grid;gap:3px}.bc-panel-title strong{font-size:10px;color:#183b75}.bc-panel-title small{font-size:9px;color:#6a7890;line-height:1.3}.bc-size-list{padding:4px 6px}.bc-size-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:5px;padding:6px 2px;border-bottom:1px solid #edf1f6;align-items:center}.bc-size-row:last-child{border-bottom:0}.bc-size-row.is-picked{background:#fff8f8}.bc-size-choice{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:5px;align-items:center;cursor:pointer}.bc-size-choice input{grid-row:span 2;width:13px;height:13px;accent-color:#d71936}.bc-size-label{font-size:13px;font-weight:850;color:#172d50}.bc-size-choice small{font-size:9px;color:#738097;margin-top:2px}.bc-size-rate{display:grid;gap:2px;text-align:right}.bc-size-rate span,.bc-size-qty>label{font-size:8px;color:#6e7a8f}.bc-size-rate strong{font-size:10px;color:#194f9f}.bc-size-rate small{font-size:8px;color:#6d7a91;line-height:1.2}.bc-size-qty{grid-column:1/-1;display:grid;gap:4px;padding-left:19px}.bc-qty-control{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;max-width:175px}.bc-qty-control button{border:1px solid #dbe4f0;background:#f6f9fe;color:#174a99;font-weight:800;border-radius:4px;min-height:25px;cursor:pointer}.bc-qty-control input{width:100%;min-width:0;text-align:center;border:1px solid #dbe4f0;border-left:0;border-right:0;font-size:10px;font-weight:750;color:#18345f;padding:3px}.bc-qty-presets{display:flex;flex-wrap:wrap;gap:4px}.bc-qty-presets button{font-size:8px;padding:4px 5px;border:1px solid #dce5f1;border-radius:4px;background:#fff;color:#536781;cursor:pointer}.bc-qty-presets button.is-active{background:#d71936;border-color:#d71936;color:#fff}.bc-qty-presets button:disabled{opacity:.4}.bc-paper-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:7px 6px 4px}.bc-paper-tab{border:1px solid #dce5f1;background:#fff;color:#34516f;border-radius:5px;padding:5px 6px;font-size:9px;font-weight:750;cursor:pointer}.bc-paper-tab.is-active{background:#d71936;color:#fff;border-color:#d71936}.bc-paper-price-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px 6px 7px}.bc-paper-mini{display:flex;justify-content:space-between;align-items:center;gap:3px;padding:5px;border:1px solid #e5ebf4;border-radius:5px;font-size:8px;color:#62728a}.bc-paper-mini b{font-size:8px;color:#183f7b;white-space:nowrap}.bc-paper-mini.is-active{border-color:#d71936;background:#fff5f6}.bc-paper-mini.is-active b{color:#c20f2d}.bc-paper-note{display:block;padding:0 7px 7px;color:#697991;font-size:8px}.bc-no-price{font-size:10px;color:#a25b13;padding:6px}.bc-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px}.bc-feature{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #e2eaf4;border-radius:5px;font-size:9px;color:#405878;cursor:pointer}.bc-feature input{accent-color:#1674d1;width:12px;height:12px;flex:none}.bc-feature:has(input:checked){background:#eff7ff;border-color:#a8d2fa;color:#174e91}.bc-card-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:9px}.bc-total-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;padding:8px;border-radius:7px;background:#fff2f3}.bc-total-box small{grid-column:1/-1;color:#a42a3b;font-size:9px}.bc-total-box span{font-size:9px;color:#6d5260}.bc-total-box strong{font-size:16px;color:#c10f2e;justify-self:end}.bc-v19-card .bottle-card-cta{margin:0;padding:9px;background:#0a9f67;color:#fff;font-size:11px;border-radius:6px}.bc-v19-card .bottle-card-cta:disabled{opacity:.45;cursor:not-allowed}.bc-product-wa{display:block;text-align:center;padding:7px;border:1px solid #cfe8db;border-radius:6px;color:#087b4d;background:#f2fbf6;text-decoration:none;font-size:10px;font-weight:800}.bc-card-sheet-link{text-align:center;padding-top:7px;color:#65748b;font-size:9px}.floating-quote-tab{left:50%;right:auto;transform:translateX(-50%);width:min(1100px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#152f4d;box-shadow:0 12px 34px #0c244344}.floating-quote-copy{flex:1;min-width:160px}.floating-quote-copy strong{font-size:12px}.floating-quote-copy small{display:block;font-size:10px;line-height:1.4}.floating-quote-tab>a,.floating-quote-tab>button{white-space:nowrap;text-decoration:none;border:0;border-radius:6px;padding:10px 12px;font-size:10px;font-weight:800;cursor:pointer}.floating-quote-tab #floating-quote-wa{background:#0b9f68;color:#fff}.floating-quote-tab #floating-product-enquiry{background:#e9f2ff;color:#194a91}.floating-quote-tab #floating-quote-open{background:#d71936;color:#fff}@media(max-width:1200px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-product-top{grid-template-columns:68px minmax(0,1fr)}}@media(max-width:600px){.bottle-carousel-wrap{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px}.bottle-carousel-arrow{width:25px;height:32px;font-size:22px}.bottle-carousel{grid-template-columns:minmax(0,1fr);gap:10px}.bc-v19-card .bottle-card-content{padding:10px}.bc-size-row{grid-template-columns:minmax(0,1fr) 86px}.bc-product-top{grid-template-columns:82px minmax(0,1fr)}.floating-quote-tab{bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px}.floating-quote-copy{grid-column:1/-1}.floating-quote-tab>a,.floating-quote-tab>button{text-align:center;padding:9px 5px;font-size:9px}.floating-quote-tab #floating-quote-wa{display:none}} /* V20 reference-match: compact four-column bottle cards; header/footer styles intentionally untouched. */ .bottle-catalog-section .section-heading{margin-bottom:14px} .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch} .bc-v19-card{border:1px solid #e1e6ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 7px rgba(17,32,60,.08)!important;overflow:hidden} .bc-v19-card .bottle-card-content{padding:10px!important} .bc-product-top{display:flex!important;flex-direction:column!important;gap:7px!important;min-height:0!important;margin-bottom:8px!important} .bc-product-image{height:72px!important;width:100%!important;border:0!important;background:#f7f9fc!important;border-radius:9px!important} .bc-product-image img{padding:3px!important;max-height:70px!important} .bc-product-info h3{font-size:12px!important;line-height:1.25!important;margin:4px 0!important;color:#17233c!important} .bc-category-tag{font-size:8px!important;padding:2px 5px!important;background:#e8e9ff!important;color:#4a35b5!important} .bc-product-info>small{font-size:8px!important} .bc-product-info p{font-size:8px!important;line-height:1.35!important;min-height:0!important;margin:4px 0 0!important;color:#65738b!important} .bc-panel{border:0!important;border-radius:0!important;margin-top:7px!important;background:transparent!important;overflow:visible!important;border-top:1px solid #edf0f5!important} .bc-panel-title{padding:6px 0 4px!important;background:transparent!important;gap:2px!important} .bc-panel-title strong{font-size:8px!important;color:#78849a!important;text-transform:uppercase;letter-spacing:.2px} .bc-panel-title small{font-size:7px!important;color:#8792a5!important} .bc-size-list{padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important} .bc-size-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;padding:5px!important;border:1px solid #e0e6ef!important;border-radius:8px!important;background:#f9fbfe!important;align-items:start!important} .bc-size-row.is-picked{background:#fff4f6!important;border-color:#f4144e!important} .bc-size-choice{display:grid!important;grid-template-columns:12px minmax(0,1fr)!important;column-gap:4px!important;align-items:start!important} .bc-size-choice input{grid-row:span 2!important;width:11px!important;height:11px!important;margin:1px 0 0!important} .bc-size-label{font-size:10px!important;font-weight:900!important;color:#15223a!important} .bc-size-choice small{font-size:7px!important;line-height:1.25!important;color:#7a879a!important;margin-top:2px!important} .bc-size-rate{text-align:left!important;gap:1px!important;padding-left:16px!important} .bc-size-rate span{display:none!important} .bc-size-rate strong{font-size:9px!important;color:#009b75!important} .bc-size-rate small{font-size:7px!important;color:#7b879b!important} .bc-size-qty{padding-left:0!important;gap:3px!important;border-top:1px dashed #e1e6ee!important;padding-top:4px!important} .bc-size-qty>label{font-size:7px!important;text-transform:uppercase} .bc-qty-control{grid-template-columns:18px minmax(0,1fr) 18px!important;max-width:none!important} .bc-qty-control button{min-height:19px!important;font-size:10px!important;border-radius:5px!important} .bc-qty-control input{font-size:8px!important;padding:2px!important} .bc-qty-presets{gap:3px!important} .bc-qty-presets button{font-size:7px!important;padding:3px 4px!important;border-radius:5px!important} .bc-paper-tabs{gap:3px!important;padding:4px 0!important;max-height:none!important} .bc-paper-tab{font-size:7px!important;padding:4px 5px!important;border-radius:5px!important} .bc-paper-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:2px 0 4px!important} .bc-paper-mini{display:grid!important;justify-content:stretch!important;gap:2px!important;padding:5px!important;border-radius:7px!important;background:#f9fbfe!important;font-size:7px!important;min-width:0!important} .bc-paper-mini b{font-size:8px!important;white-space:normal!important} .bc-paper-note{font-size:7px!important;padding:0 0 4px!important} .bc-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;padding:4px 0!important} .bc-feature{font-size:7px!important;padding:4px!important;gap:3px!important;border-radius:5px!important} .bc-feature input{width:10px!important;height:10px!important} .bc-card-footer{gap:5px!important;margin-top:7px!important} .bc-total-box{grid-template-columns:1fr auto!important;padding:7px!important;border:1px solid #e4e9f1!important;background:#f8fafc!important;border-radius:8px!important} .bc-total-box small{font-size:7px!important} .bc-total-box span{font-size:7px!important} .bc-total-box strong{font-size:13px!important} .bc-v19-card .bottle-card-cta{padding:8px 5px!important;border-radius:8px!important;background:#111a30!important;font-size:8px!important} .bc-product-wa{padding:7px 4px!important;font-size:8px!important;border-radius:8px!important;background:#e8fff5!important;border-color:#b6edd7!important} .bc-card-sheet-link{font-size:7px!important;color:#8792a5!important;padding-top:5px!important} .floating-quote-tab{z-index:9999!important;bottom:12px!important;width:min(900px,calc(100% - 24px))!important;padding:9px 12px!important;border-radius:12px!important} @media(max-width:1150px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:800px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:520px){.bottle-carousel{grid-template-columns:repeat(1,minmax(0,1fr))!important}.bc-size-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bc-product-image{height:86px!important}.bc-product-image img{max-height:82px!important}} /* V21 screenshot-faithful bottle catalogue overrides: compact white cards, navy text, red selection accents. */ .bottle-hero{display:none!important} #bottle-chooser{padding-top:18px!important} #bottle-chooser .section-heading{display:none!important} #bottle-chooser>.container{max-width:1000px!important;padding-left:12px!important;padding-right:12px!important} .bottle-filter-bar{margin:0 0 10px!important;padding:8px!important;gap:7px!important;border-radius:9px!important;background:#f7f9fc!important;grid-template-columns:minmax(120px,.7fr) minmax(140px,1fr) auto!important} .bottle-filter-bar select,.bottle-filter-bar input{min-height:30px!important;padding:5px 8px!important;border-radius:6px!important;font-size:10px!important} .bottle-carousel-wrap{grid-template-columns:18px minmax(0,1fr) 18px!important;gap:5px!important} .bottle-carousel-arrow{width:18px!important;height:28px!important;font-size:18px!important;border-radius:5px!important;box-shadow:none!important} .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important} .bc-v19-card{border:1px solid #e0e6ef!important;border-radius:13px!important;box-shadow:0 1px 4px #14294a12!important;background:#fff!important} .bc-v19-card .bottle-card-content{padding:8px!important} .bc-product-top{grid-template-columns:minmax(0,1fr)!important;gap:5px!important;min-height:0!important;margin-bottom:5px!important} .bc-product-image{height:70px!important;border:0!important;border-radius:7px!important;background:#f8fafc!important} .bc-product-image img{padding:2px!important;max-height:68px!important} .bc-product-info h3{font-size:10px!important;line-height:1.2!important;margin:4px 0!important;color:#14213d!important} .bc-category-tag{font-size:7px!important;padding:2px 4px!important;background:#edf3ff!important;color:#344c82!important} .bc-product-info>small{font-size:7px!important} .bc-product-info p{font-size:8px!important;line-height:1.25!important;min-height:0!important;margin:3px 0!important} .bc-panel{border:0!important;border-radius:6px!important;margin-top:5px!important} .bc-panel-title{padding:4px 5px!important;background:#fff!important;gap:1px!important} .bc-panel-title strong{font-size:8px!important;color:#63718a!important} .bc-panel-title small{font-size:7px!important;line-height:1.2!important} .bc-size-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:3px!important} .bc-size-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;padding:5px!important;border:1px solid #e1e7f0!important;border-radius:7px!important;background:#f8fafc!important;align-items:start!important} .bc-size-row.is-picked{border-color:#ef1748!important;background:#fff4f7!important} .bc-size-choice{display:grid!important;grid-template-columns:12px minmax(0,1fr)!important;column-gap:3px!important;align-items:center!important} .bc-size-choice input{grid-row:span 2!important;width:11px!important;height:11px!important;margin:0!important} .bc-size-label{font-size:9px!important;font-weight:850!important;color:#16233d!important} .bc-size-choice small{font-size:7px!important;color:#8791a2!important;white-space:nowrap!important;margin-top:1px!important} .bc-size-rate{text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important} .bc-size-rate span{font-size:6px!important} .bc-size-rate strong{font-size:8px!important;color:#008d72!important} .bc-size-rate small{display:none!important} .bc-size-qty{padding-left:0!important;gap:2px!important} .bc-size-qty>label{font-size:7px!important} .bc-qty-control{grid-template-columns:17px minmax(0,1fr) 17px!important;max-width:100%!important} .bc-qty-control button{min-height:19px!important;font-size:10px!important;padding:0!important} .bc-qty-control input{font-size:8px!important;padding:2px!important;min-height:19px!important} .bc-qty-presets{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important} .bc-qty-presets button{font-size:6px!important;padding:3px 1px!important} .bc-paper-tabs{gap:2px!important;padding:4px 3px 2px!important} .bc-paper-tab{font-size:7px!important;padding:4px 3px!important;border-radius:4px!important} .bc-paper-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;padding:3px!important} .bc-paper-mini{display:grid!important;gap:2px!important;padding:4px!important;font-size:7px!important;border-radius:5px!important} .bc-paper-mini b{font-size:8px!important;color:#008c72!important} .bc-paper-note{font-size:6px!important;padding:2px 4px 4px!important} .bc-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;padding:4px!important} .bc-feature{font-size:7px!important;padding:4px 3px!important;gap:3px!important;line-height:1.2!important} .bc-feature input{width:9px!important;height:9px!important} .bc-card-footer{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;margin-top:5px!important} .bc-total-box{padding:6px!important;gap:2px 4px!important;border-radius:6px!important} .bc-total-box small,.bc-total-box span{font-size:7px!important} .bc-total-box strong{font-size:12px!important} .bc-v19-card .bottle-card-cta{padding:7px 4px!important;font-size:8px!important;border-radius:6px!important;background:#101b31!important} .bc-product-wa{padding:5px!important;font-size:7px!important;border-radius:6px!important} .bc-card-sheet-link{font-size:7px!important;padding-top:4px!important} .bottle-carousel-meta{padding:8px 25px!important;font-size:8px!important} @media(max-width:1000px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:700px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottle-filter-bar{grid-template-columns:1fr 1fr!important}.bottle-filter-bar>button{grid-column:1/-1}} @media(max-width:420px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.bc-v19-card .bottle-card-content{padding:6px!important}.bc-size-label{font-size:8px!important}.bc-paper-tab{font-size:6px!important}.bc-feature{font-size:6px!important}} /* V22 readability pass: Bottle Calculator only. Header and footer styles are untouched. */ .bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important} .bc-v19-card{border:1px solid #d7e1ef!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(19,44,83,.08)!important} .bc-v19-card .bottle-card-content{padding:14px!important} .bc-product-top{grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important;min-height:96px!important} .bc-product-image{height:100px!important;border-radius:10px!important} .bc-category-tag{font-size:11px!important;padding:4px 7px!important;letter-spacing:0!important} .bc-product-info h3{font-size:16px!important;line-height:1.25!important;margin:6px 0!important;color:#172d50!important} .bc-product-info>small{font-size:11px!important;color:#5f6f85!important} /* Keep cards focused: long product descriptions and repeated helper copy are unnecessary. */ .bc-product-info p,.bc-panel-title small,.bc-paper-note,.bc-card-sheet-link small{display:none!important} .bc-panel{margin-top:10px!important;border-radius:10px!important} .bc-panel-title{padding:9px 10px!important;gap:0!important} .bc-panel-title strong{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:#183b75!important} .bc-size-list{padding:5px 8px!important} .bc-size-row{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;padding:9px 2px!important} .bc-size-choice{grid-template-columns:18px minmax(0,1fr)!important;column-gap:7px!important} .bc-size-choice input{width:16px!important;height:16px!important} .bc-size-label{font-size:14px!important;line-height:1.25!important;font-weight:850!important} .bc-size-choice small{font-size:11px!important;line-height:1.3!important;color:#697991!important;white-space:normal!important} .bc-size-rate span,.bc-size-qty>label{font-size:10px!important;line-height:1.3!important} .bc-size-rate strong{font-size:13px!important;line-height:1.25!important} .bc-size-rate small{font-size:10px!important;line-height:1.25!important} .bc-size-qty{padding-left:25px!important;gap:6px!important} .bc-qty-control{grid-template-columns:30px minmax(0,1fr) 30px!important;max-width:210px!important} .bc-qty-control button{min-height:32px!important;font-size:15px!important;border-radius:6px!important} .bc-qty-control input{font-size:13px!important;min-height:32px!important;padding:5px!important} .bc-qty-presets{gap:5px!important} .bc-qty-presets button{font-size:10px!important;padding:6px 7px!important;border-radius:6px!important} .bc-paper-tabs{gap:6px!important;padding:9px 8px 5px!important} .bc-paper-tab{font-size:11px!important;padding:7px 9px!important;border-radius:7px!important} .bc-paper-price-summary{gap:6px!important;padding:5px 8px 9px!important} .bc-paper-mini{display:flex!important;align-items:center!important;gap:6px!important;padding:8px!important;font-size:10px!important;border-radius:7px!important;line-height:1.25!important} .bc-paper-mini b{font-size:12px!important;white-space:normal!important} .bc-features-grid{gap:6px!important;padding:9px!important} .bc-feature{font-size:11px!important;line-height:1.3!important;padding:7px!important;gap:6px!important;border-radius:7px!important} .bc-feature input{width:14px!important;height:14px!important} .bc-card-footer{gap:7px!important;margin-top:10px!important} .bc-total-box{padding:10px!important;border-radius:9px!important;gap:4px 8px!important} .bc-total-box small{font-size:10px!important} .bc-total-box span{font-size:11px!important} .bc-total-box strong{font-size:19px!important} .bc-v19-card .bottle-card-cta{font-size:13px!important;padding:11px 10px!important;border-radius:8px!important;background:#07945f!important} .bc-product-wa{font-size:12px!important;padding:9px!important;border-radius:8px!important} .bc-card-sheet-link{font-size:11px!important;padding-top:8px!important} .bottle-carousel-meta{font-size:11px!important;padding:10px 28px!important} .bottle-filter-bar select,.bottle-filter-bar input{min-height:40px!important;padding:8px 10px!important;font-size:13px!important} .bottle-carousel-arrow{width:30px!important;height:38px!important;font-size:24px!important} .floating-quote-copy strong{font-size:15px!important} .floating-quote-copy small{font-size:12px!important;line-height:1.4!important} .floating-quote-tab>a,.floating-quote-tab>button{font-size:12px!important;padding:11px 14px!important} @media(max-width:1250px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:900px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.bc-product-top{grid-template-columns:78px minmax(0,1fr)!important}.bc-v19-card .bottle-card-content{padding:12px!important}} @media(max-width:560px){.bottle-carousel{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:12px!important}.bc-product-top{grid-template-columns:86px minmax(0,1fr)!important}.bc-product-info h3{font-size:17px!important}.bc-size-label{font-size:15px!important}.bc-size-choice small{font-size:12px!important}.bc-paper-tab{font-size:12px!important}.bc-feature{font-size:12px!important}.bc-total-box strong{font-size:20px!important}.floating-quote-tab{bottom:8px!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.floating-quote-copy{grid-column:1/-1!important}.floating-quote-tab>a,.floating-quote-tab>button{font-size:11px!important;padding:10px 6px!important}} /* V23 corrective layout: prevent card overlap and keep add-ons inside a dropdown. */ .bottle-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;width:100%;min-width:0} .bottle-carousel>*{min-width:0!important;max-width:100%!important} .bc-v19-card{min-width:0!important;width:auto!important;max-width:100%!important;overflow:visible!important} .bc-v19-card .bottle-card-content{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important;padding:13px!important} .bc-product-top{grid-template-columns:82px minmax(0,1fr)!important;min-width:0!important;align-items:start!important;gap:10px!important} .bc-product-info,.bc-panel,.bc-size-list,.bc-paper-tabs,.bc-paper-price-summary,.bc-card-footer{min-width:0!important;max-width:100%!important} .bc-product-info h3{font-size:15px!important;line-height:1.28!important;overflow-wrap:anywhere!important} .bc-product-info>small{display:block;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere} .bc-panel{overflow:visible!important} .bc-panel-title{padding:9px 10px!important} .bc-panel-title strong{font-size:13px!important;line-height:1.3!important;overflow-wrap:anywhere} .bc-size-row{grid-template-columns:minmax(0,1fr) 78px!important;gap:7px!important;align-items:start!important} .bc-size-choice{min-width:0!important} .bc-size-label{font-size:14px!important;line-height:1.25!important} .bc-size-choice small{white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.3!important} .bc-size-rate strong{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere} .bc-qty-control{grid-template-columns:28px minmax(0,1fr) 28px!important;width:100%!important;max-width:100%!important} .bc-paper-tabs{gap:5px!important} .bc-paper-tab{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important} .bc-paper-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .bc-paper-mini{min-width:0!important;flex-wrap:wrap!important;justify-content:flex-start!important;overflow-wrap:anywhere!important;font-size:10px!important} .bc-paper-mini b{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important} .bc-finish-dropdown{position:relative;margin:7px;padding:0;border:1px solid #dbe4f0;border-radius:9px;background:#fff} .bc-finish-dropdown>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;cursor:pointer;list-style:none;font-size:13px;font-weight:750;color:#183b75} .bc-finish-dropdown>summary::-webkit-details-marker{display:none} .bc-finish-dropdown>summary:after{content:'▾';color:#d71936;font-size:15px} .bc-finish-dropdown>summary small{font-size:11px;font-weight:600;color:#66758b;margin-left:auto} .bc-finish-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border-top:1px solid #e5ebf3;max-height:210px;overflow:auto} .bc-feature{min-width:0!important;display:flex!important;align-items:flex-start!important;gap:6px!important;padding:7px!important;font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere} .bc-feature span{min-width:0;overflow-wrap:anywhere} .bc-card-footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:auto!important} .bc-v19-card .bottle-card-cta,.bc-product-wa{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.3!important;font-size:12px!important;padding:10px!important} .bc-total-box{min-width:0!important} .bc-total-box strong{font-size:18px!important;overflow-wrap:anywhere} .floating-quote-tab{z-index:1000!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important} @media(max-width:1250px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:900px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.bc-v19-card .bottle-card-content{padding:11px!important}} @media(max-width:560px){.bottle-carousel{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.bc-product-top{grid-template-columns:92px minmax(0,1fr)!important}.bc-finish-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bc-panel-title strong{font-size:14px!important}} .bottle-addon-dropdown{border:1px solid #dbe4f0;border-radius:10px;background:#fff;overflow:hidden;margin-top:10px} .bottle-addon-dropdown>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;color:#183b75} .bottle-addon-dropdown>summary::-webkit-details-marker{display:none} .bottle-addon-dropdown>summary:after{content:'▾';margin-left:auto;color:#d71936;font-size:17px} .bottle-addon-dropdown>summary span{font-size:12px;color:#66758b} .bottle-addon-dropdown[open]>summary{border-bottom:1px solid #e5ebf3} .bottle-addon-dropdown .bottle-addon-chips{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;overflow:auto} .bottle-addon-dropdown .bottle-addon-chips label{min-width:0;overflow-wrap:anywhere} /* V24 professional wide layout: keep the existing site header/footer intact. */ .bottle-hero-grid, .bottle-catalog-section > .container, .bottle-config-section > .container, .bottle-offer-slot.container, .bottle-help-band > .container { width:100%!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; padding-left:clamp(14px,2.1vw,34px)!important; padding-right:clamp(14px,2.1vw,34px)!important; } .bottle-hero-grid{min-height:300px!important;padding-top:34px!important;padding-bottom:34px!important;gap:28px!important} .bottle-hero h1{font-size:clamp(2rem,3.6vw,3.6rem)!important;line-height:1.08!important;margin:8px 0 14px!important} .bottle-hero p{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.5!important;max-width:760px!important} .bottle-hero-visual{height:240px!important} .bottle-hero .hero-orbit{width:230px;height:230px}.bottle-hero .orbit-two{width:180px;height:180px} .bottle-hero .hero-bottle{transform:scale(.8)} .bottle-catalog-section{padding-top:28px!important;padding-bottom:30px!important} .bottle-catalog-section .section-heading,.bottle-config-section .section-heading{margin-bottom:18px!important} .bottle-catalog-section .section-heading h2,.bottle-config-section .section-heading h2{font-size:clamp(1.65rem,2.4vw,2.35rem)!important;line-height:1.12!important} .bottle-catalog-section .section-heading p,.bottle-config-section .section-heading p{display:none!important} .bottle-filter-bar{grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr) auto!important;margin:18px 0!important;border-radius:12px!important} .bottle-carousel-wrap{display:block!important;width:100%!important} .bottle-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important} .bc-v19-card{min-width:0!important;width:100%!important;max-width:none!important;border-radius:12px!important;overflow:hidden!important} .bc-v19-card .bottle-card-content{padding:14px!important;gap:10px!important} .bc-product-top{grid-template-columns:94px minmax(0,1fr)!important;gap:12px!important;align-items:center!important} .bc-product-image{height:104px!important;min-width:0!important;border-radius:9px!important} .bc-product-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important} .bc-product-info h3{font-size:clamp(15px,1.15vw,19px)!important;line-height:1.2!important;margin:5px 0!important;overflow-wrap:anywhere!important} .bc-product-info small{font-size:11px!important;letter-spacing:0!important} .bc-category-tag{font-size:10px!important} .bc-panel{min-width:0!important;border:1px solid #e0e6ef!important;border-radius:9px!important;overflow:hidden!important} .bc-panel-title{padding:10px 11px!important} .bc-panel-title strong{font-size:14px!important} .bc-size-list{padding:6px 9px!important} .bc-size-row{grid-template-columns:minmax(0,1fr) minmax(75px,.5fr)!important;gap:8px!important;padding:9px 3px!important} .bc-size-label{font-size:15px!important} .bc-size-choice small{font-size:12px!important;letter-spacing:0!important} .bc-size-rate span,.bc-size-qty>label{font-size:11px!important} .bc-size-rate strong{font-size:14px!important} .bc-size-rate small{font-size:10px!important} .bc-size-qty{padding-left:22px!important} .bc-qty-control{max-width:240px!important;grid-template-columns:30px minmax(0,1fr) 30px!important} .bc-qty-control button,.bc-qty-control input{min-height:32px!important;font-size:13px!important} .bc-qty-presets button{font-size:10px!important;padding:5px 7px!important} .bc-paper-tabs{padding:8px!important;gap:6px!important} .bc-paper-tab{font-size:12px!important;padding:8px 10px!important;border-radius:7px!important} .bc-paper-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 8px 8px!important;gap:6px!important} .bc-paper-mini{font-size:11px!important;padding:7px!important;flex-wrap:wrap!important} .bc-paper-mini b{font-size:12px!important} .bc-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important} .bc-feature{font-size:12px!important;padding:8px!important;gap:7px!important} .bc-feature input{width:15px!important;height:15px!important} .bc-finish-dropdown summary{font-size:13px!important;padding:10px!important} .bc-card-footer{gap:8px!important;margin-top:2px!important} .bc-total-box{padding:10px!important;gap:5px 8px!important} .bc-total-box small,.bc-total-box span{font-size:11px!important} .bc-total-box strong{font-size:20px!important} .bc-v19-card .bottle-card-cta,.bc-product-wa{font-size:13px!important;padding:11px!important;line-height:1.25!important} .bottle-carousel-meta{padding:14px 0!important;flex-wrap:wrap!important;font-size:12px!important} .bottle-page-controls{display:flex!important;align-items:center!important;gap:10px!important} .bottle-page-controls button{font-size:12px!important;padding:8px 10px!important} .bottle-config-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} .bottle-config-card{padding:18px!important;min-width:0!important} .bottle-step-title h3{font-size:18px!important} .bottle-step-title p{font-size:13px!important} .bottle-modal-dialog{width:min(1100px,calc(100vw - 28px))!important;max-width:none!important} .bottle-modal-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .bottle-modal-size,.bottle-modal-paper{font-size:14px!important} .bottle-modal-step h3{font-size:18px!important} .bottle-modal-step p{font-size:13px!important} .bottle-modal-paper-copy strong{font-size:14px!important} .bottle-modal-paper-copy small{font-size:12px!important} .bottle-modal-paper-copy b{font-size:15px!important} @media(max-width:1300px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:950px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottle-config-layout{grid-template-columns:1fr!important}.bottle-hero-grid{grid-template-columns:1fr .7fr!important}} @media(max-width:620px){.bottle-hero-grid{grid-template-columns:1fr!important;min-height:0!important}.bottle-hero-visual{display:none!important}.bottle-filter-bar{grid-template-columns:1fr!important}.bottle-filter-bar>button{grid-column:auto!important}.bottle-carousel{grid-template-columns:1fr!important}.bc-product-top{grid-template-columns:92px minmax(0,1fr)!important}.bc-size-row{grid-template-columns:minmax(0,1fr) 100px!important}.bottle-modal-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottle-modal-head{grid-template-columns:90px minmax(0,1fr)!important}.bottle-modal-image{width:90px!important;height:110px!important}} /* V25: clean catalogue layout aligned to the approved Bottle Label Calculator concept */ :root{--bc-navy:#0d2e59;--bc-blue:#164a88;--bc-red:#ef1746;--bc-ink:#11294c;--bc-muted:#647792;--bc-border:#dce6f1;--bc-soft:#f3f7fb} .bottle-hero{background:linear-gradient(105deg,#e9f5ff 0%,#d9edff 52%,#b8dcf7 100%);color:#0d315b;position:relative} .bottle-hero-grid{width:100%;max-width:none;min-height:190px;padding:24px clamp(20px,5vw,80px);grid-template-columns:1.1fr .9fr;gap:24px} .bottle-hero .eyebrow{color:#22517f}.bottle-hero h1{font-size:clamp(2.2rem,3.2vw,3.1rem);line-height:1.05;letter-spacing:-.035em;margin:8px 0 10px;color:#0d315b}.bottle-hero h1 em{color:var(--bc-red)}.bottle-hero p{color:#395875;font-size:15px;line-height:1.55;margin:0 0 13px}.bottle-hero .btn{background:var(--bc-red);color:#fff;border:0;border-radius:9px;padding:10px 18px;font-weight:800}.bottle-hero-visual{height:180px}.hero-orbit{display:none}.hero-bottle{height:125px;width:62px;bottom:17px;border-radius:13px 13px 18px 18px}.hero-bottle:before{top:-20px;left:20px;width:23px;height:22px}.hero-bottle:after{top:45px;height:43px}.hero-bottle span{top:54px;height:23px}.hero-bottle i{top:61px}.hero-bottle b{top:68px}.bottle-green{left:calc(50% - 75px)}.bottle-amber{right:calc(50% - 82px);bottom:24px}.bottle-pill{bottom:0;font-size:9px;padding:8px 13px} .bottle-catalog-section{padding:24px 0 34px;background:#f7faff}.bottle-catalog-section>.container{width:100%;max-width:none;padding-left:clamp(14px,2vw,30px);padding-right:clamp(14px,2vw,30px)}.bottle-catalog-section .section-heading{margin-bottom:15px}.bottle-catalog-section .section-heading h2{font-size:27px;margin:4px 0}.bottle-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.bottle-catalog-main{min-width:0}.bottle-filter-bar{grid-template-columns:minmax(150px,.8fr) minmax(190px,1.1fr) auto;gap:10px;padding:12px;background:#fff;border-radius:12px;margin:0 0 14px}.bottle-filter-bar label{font-size:12px}.bottle-filter-bar select,.bottle-filter-bar input{min-height:39px;padding:8px 10px;border-radius:8px;font-size:13px}.bottle-filter-bar .btn{min-height:39px;padding:8px 13px;white-space:nowrap}.bottle-carousel-wrap{display:block}.bottle-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.bottle-card.bc-clean-card{border:1px solid #dce6f1;border-radius:11px;box-shadow:0 3px 12px #0b315b08;min-width:0;cursor:default;transition:box-shadow .18s,border-color .18s;display:flex;flex-direction:column}.bottle-card.bc-clean-card:hover{transform:none;box-shadow:0 8px 22px #0b315b12;border-color:#bfd0e5}.bc-clean-image{height:112px;background:linear-gradient(180deg,#fbfdff,#f0f6fc);position:relative;display:flex;align-items:center;justify-content:center;padding:8px}.bc-clean-image img{width:100%;height:100%;object-fit:contain;padding:2px}.bc-clean-image .bottle-art-placeholder{transform:scale(.64)}.bc-clean-image .bc-category-tag{position:absolute;top:9px;right:9px;background:#edf5ff;color:#1d4d80;border:1px solid #cbdff3;padding:4px 8px;font-size:10px;box-shadow:none}.bc-clean-content{padding:12px 12px 13px;display:flex;flex-direction:column;gap:8px;flex:1}.bc-clean-content h3{font:750 15px/1.25 Outfit,Inter,sans-serif;color:#0d2e59;margin:0}.bc-product-code{display:block;font-size:10px;color:#7a8ba2;margin-top:-4px}.bc-clean-field{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:750;color:#263e5c}.bc-clean-field select{width:100%;min-width:0;min-height:33px;border:1px solid #d9e4f0;border-radius:7px;background:#fff;padding:6px 8px;color:#183452;font:500 11px Inter,Arial,sans-serif}.bc-clean-price{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #edf1f6;padding-top:7px;margin-top:auto}.bc-clean-price span{font-size:10px;color:#657891}.bc-clean-price strong{font-size:12px;color:#123c70}.bc-clean-card .bottle-card-cta{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;width:100%;padding:9px 8px;background:#0e315c;color:#fff;border-radius:7px;font-size:11px;font-weight:800}.bc-clean-card .bottle-card-cta:hover{background:#164a88}.bc-clean-card .bottle-card-cta:disabled{opacity:.45}.bottle-carousel-meta{padding:13px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px}.bottle-carousel-meta>span:nth-child(2){display:none}.bottle-page-controls{margin-left:auto;display:flex;align-items:center;gap:10px}.bottle-page-controls button{border:1px solid #d9e3ef;background:#fff;color:#173b67;border-radius:7px;padding:6px 9px;font-size:11px}.bottle-page-controls button:disabled{opacity:.4}.bottle-estimate-sidebar{position:sticky;top:18px;background:#fff;border:1px solid #d5e2ef;border-radius:13px;padding:18px;box-shadow:0 5px 20px #123b7008;min-width:0}.bottle-estimate-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #edf1f6}.estimate-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef5fc;color:#143f70;font-size:21px}.bottle-estimate-head h3{font-size:17px;color:#0d315b;margin:0}.bottle-estimate-head p{font-size:11px;color:#71829a;margin:4px 0 0}.bottle-estimate-empty{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px;color:#12365f}.estimate-empty-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#eff6fc;color:#123d70;font-size:31px;margin-bottom:14px}.bottle-estimate-empty strong{font-size:13px}.bottle-estimate-empty p{font-size:11px;line-height:1.6;color:#74859d;max-width:205px;margin:8px 0 0}.bottle-estimate-items{display:grid;gap:9px;max-height:300px;overflow:auto}.mini-estimate-item{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:start;gap:5px;padding:10px 0;border-bottom:1px solid #edf1f6}.mini-estimate-item strong,.mini-estimate-item small{display:block}.mini-estimate-item strong{font-size:11px;color:#17375f}.mini-estimate-item small{font-size:10px;color:#75849a;margin-top:4px}.mini-estimate-item>b{font-size:10px;color:#17375f;white-space:nowrap}.mini-estimate-item button{border:0;background:transparent;color:#9a5360;font-size:17px;cursor:pointer}.bottle-estimate-totals{border-top:1px solid #e7edf4;margin-top:12px;padding-top:11px;display:grid;gap:9px}.bottle-estimate-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#18375d}.bottle-estimate-totals strong{font-size:13px;color:#0d315b}.bottle-estimate-whatsapp,.bottle-estimate-pdf{display:flex;justify-content:center;align-items:center;width:100%;margin-top:12px;min-height:39px;border-radius:7px;font-size:11px;font-weight:800}.bottle-estimate-whatsapp{background:#06a96b;color:#fff}.bottle-estimate-pdf{background:#f4f8fc;border:1px solid #d9e5f0;color:#123c6d}.bottle-estimate-whatsapp:hover{background:#078e5c}.bottle-config-section .container{max-width:1380px}.bottle-config-section .section-heading h2{font-size:27px}.bottle-config-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.bottle-config-card{border-radius:12px;padding:19px}.bottle-config-section:not(.is-visible){display:block}.bottle-config-section .quote-cart-panel{margin-bottom:18px}.bottle-config-section .bottle-step-title h3{font-size:17px}.bottle-product-modal .bottle-modal-dialog{max-width:900px} @media(max-width:1400px){.bottle-catalog-layout{grid-template-columns:minmax(0,1fr) 275px;gap:14px}.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-clean-image{height:105px}} @media(max-width:1050px){.bottle-catalog-layout{grid-template-columns:minmax(0,1fr)}.bottle-estimate-sidebar{position:static;order:2}.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-hero-grid{grid-template-columns:1fr .7fr}.bottle-hero-visual{height:150px}} @media(max-width:700px){.bottle-hero-grid{grid-template-columns:1fr;min-height:0;padding:25px 18px 12px}.bottle-hero-visual{display:none}.bottle-hero h1{font-size:2.25rem}.bottle-catalog-section>.container{padding-left:12px;padding-right:12px}.bottle-filter-bar{grid-template-columns:1fr 1fr}.bottle-filter-bar button{grid-column:1/-1}.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bc-clean-image{height:92px}.bc-clean-content{padding:10px;gap:7px}.bc-clean-content h3{font-size:13px}.bc-clean-field select{font-size:10px}.bc-clean-card .bottle-card-cta{font-size:10px}.bottle-carousel-meta{padding-top:12px}.bottle-config-layout{grid-template-columns:1fr}.bottle-estimate-sidebar{padding:14px}} @media(max-width:390px){.bottle-carousel{grid-template-columns:1fr}.bc-clean-image{height:120px}} .bottle-hero .eyebrow-light{display:none}.bottle-hero .bottle-hero-subline{margin-top:2px;font-size:13px;color:#536e89}.bottle-category-chips{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.bottle-category-chip{flex:none;min-height:38px;padding:8px 15px;border:1px solid #e0e8f2;border-radius:11px;background:#fff;color:#15385f;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 2px 8px #0c315407}.bottle-category-chip.is-active{background:#ed1746;border-color:#ed1746;color:#fff}.bottle-more-categories{position:relative;display:flex;align-items:center;gap:6px;flex:none;min-height:38px;padding:0 12px;border:1px solid #e0e8f2;border-radius:11px;background:#fff;color:#15385f;font-size:11px;font-weight:750}.bottle-more-categories select{border:0;background:transparent;max-width:105px;color:inherit;font-size:11px;font-weight:700;outline:none}.bottle-filter-bar{grid-template-columns:minmax(0,1fr) auto;margin-top:0}.bottle-filter-bar label:first-child{display:none}@media(max-width:700px){.bottle-category-chips{gap:7px}.bottle-category-chip{padding:8px 11px}.bottle-filter-bar{grid-template-columns:1fr auto}.bottle-filter-bar label:first-child{display:none}.bottle-more-categories{padding:0 8px}.bottle-more-categories select{max-width:86px}} .bottle-estimate-empty[hidden]{display:none!important} /* V27: full-width bottle calculator, aligned to the site header width */ .bottle-hero-grid, .bottle-catalog-section > .container, .bottle-config-section > .container, .bottle-offer-slot.container, .bottle-help-band > .container { width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; padding-left:clamp(16px, 1.8vw, 34px) !important; padding-right:clamp(16px, 1.8vw, 34px) !important; } .bottle-hero-grid { box-sizing:border-box; } .bottle-catalog-section, .bottle-config-section { width:100%; } .bottle-catalog-layout { grid-template-columns:minmax(0,1fr) minmax(300px, 23vw); gap:clamp(14px,1.3vw,24px); } .bottle-catalog-main { width:100%; min-width:0; } .bottle-carousel { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(10px,.85vw,16px); } .bottle-config-section .container { max-width:none !important; } .bottle-config-layout { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.3vw,24px); } .bottle-config-card { min-width:0; } .bottle-help-band { width:100%; } @media (max-width:1500px) { .bottle-catalog-layout { grid-template-columns:minmax(0,1fr) 300px; } .bottle-carousel { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width:1501px) { .bottle-catalog-layout { grid-template-columns:minmax(0,1fr) 340px; } .bottle-carousel { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (max-width:1050px) { .bottle-catalog-layout { grid-template-columns:minmax(0,1fr); } .bottle-estimate-sidebar { position:static; } .bottle-carousel { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:700px) { .bottle-hero-grid, .bottle-catalog-section > .container, .bottle-config-section > .container, .bottle-offer-slot.container, .bottle-help-band > .container { padding-left:12px !important; padding-right:12px !important; } .bottle-carousel { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:390px) { .bottle-carousel { grid-template-columns:1fr; } } /* V28 — actual usability correction: broad catalogue, large bottle photography, readable per-piece comparison. */ .bottle-catalog-section>.container{width:100%!important;max-width:none!important;padding-left:clamp(10px,1.1vw,20px)!important;padding-right:clamp(10px,1.1vw,20px)!important} .bottle-catalog-layout{grid-template-columns:minmax(0,1fr) minmax(320px,24vw)!important;gap:18px!important;width:100%;} .bottle-catalog-main,.bottle-carousel-wrap{min-width:0;width:100%;} .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch} .bottle-carousel .bottle-card.bc-clean-card{min-width:0;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #102d7010} .bottle-carousel .bc-clean-image{height:clamp(210px,18vw,290px)!important;min-height:210px!important;padding:12px;background:linear-gradient(145deg,#f8fbff,#eaf2fb)} .bottle-carousel .bc-clean-image img{width:100%;height:100%;object-fit:contain;padding:4px;transform:scale(1.06)} .bottle-carousel .bc-clean-content{padding:16px!important;gap:11px!important} .bottle-carousel .bc-clean-content h3{font-size:18px!important;line-height:1.25} .bottle-carousel .bc-product-code{font-size:12px!important} .bottle-carousel .bc-clean-field{font-size:12px!important;gap:6px} .bottle-carousel .bc-clean-field select{font-size:13px!important;min-height:42px!important;padding:8px 10px!important} .bottle-carousel .bc-clean-price{padding:10px 0!important} .bottle-carousel .bc-clean-price span{font-size:12px!important;display:grid;gap:2px} .bottle-carousel .bc-clean-price span small{font-size:10px} .bottle-carousel .bc-clean-price strong{font-size:21px!important;color:#d51f46!important;white-space:nowrap} .bc-price-compare{border:1px solid #dfe7f3;border-radius:10px;padding:9px;background:#fbfcff;display:grid;gap:5px} .bc-price-compare>strong{font-size:12px;color:#243b60;margin-bottom:2px} .bc-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border-radius:6px;background:#fff;border:1px solid #edf1f7} .bc-price-row.is-current{border-color:#ef3158;background:#fff5f7} .bc-price-row span{font-size:11px;color:#405371;overflow-wrap:anywhere} .bc-price-row b{font-size:13px;color:#c91f42;white-space:nowrap} .bc-price-row b small{font-size:10px;font-weight:600;color:#687994} .bottle-carousel .bc-clean-card .bottle-card-cta{font-size:13px!important;padding:12px!important;min-height:44px;border-radius:9px} .bottle-estimate-sidebar{padding:20px!important} .bottle-estimate-head h3{font-size:20px!important} .bottle-estimate-head p,.mini-estimate-item strong{font-size:13px!important} .mini-estimate-item small{font-size:12px!important} .mini-estimate-item>b{font-size:13px!important} .paper-price-details strong{display:block;font-size:16px;color:#d21f46} .paper-price-details strong small{font-size:12px!important;color:#596c88} .paper-price-details>span,.paper-price-details em{display:block;font-size:12px!important;line-height:1.4;margin-top:4px} .bottle-modal-image{height:280px!important;width:220px!important;} .bottle-modal-image img{width:100%;height:100%;object-fit:contain} @media(max-width:1350px){.bottle-catalog-layout{grid-template-columns:minmax(0,1fr) 320px!important}.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bottle-carousel .bc-clean-image{height:230px!important}} @media(max-width:900px){.bottle-catalog-layout{grid-template-columns:minmax(0,1fr)!important}.bottle-estimate-sidebar{position:static!important;order:2}.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottle-carousel .bc-clean-image{height:clamp(180px,32vw,270px)!important}} @media(max-width:520px){.bottle-catalog-section>.container{padding-left:9px!important;padding-right:9px!important}.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:12px!important}.bottle-carousel .bc-clean-image{height:260px!important}.bottle-carousel .bc-clean-content{padding:15px!important}.bottle-carousel .bc-clean-content h3{font-size:19px!important}.bc-price-row span{font-size:12px}.bc-price-row b{font-size:14px}} /* V30: match the approved reference — edge-to-edge page, 4-card desktop grid, compact tall bottle images and right-side estimate. */ .bottle-hero-grid, .bottle-catalog-section > .container, .bottle-config-section > .container, .bottle-offer-slot.container, .bottle-help-band > .container { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding-left: clamp(10px, 1.1vw, 18px) !important; padding-right: clamp(10px, 1.1vw, 18px) !important; box-sizing: border-box !important; } .bottle-catalog-section,.bottle-config-section,.bottle-help-band,.bottle-offer-slot { width:100% !important; max-width:100% !important; } .bottle-catalog-section { padding-top: 14px !important; padding-bottom: 10px !important; } .bottle-catalog-section .section-heading { display:none !important; } .bottle-category-chips { margin:0 0 10px !important; } .bottle-catalog-layout { display:grid !important; width:100% !important; max-width:none !important; grid-template-columns:minmax(0,1fr) minmax(285px,20vw) !important; gap:clamp(12px,1.1vw,18px) !important; align-items:start !important; } .bottle-catalog-main,.bottle-carousel-wrap { width:100% !important; min-width:0 !important; } .bottle-carousel,.bottle-carousel.all-mode { display:grid !important; width:100% !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:clamp(10px,.9vw,14px) !important; align-items:stretch !important; } .bottle-carousel .bottle-card.bc-clean-card { min-width:0 !important; border-radius:10px !important; overflow:hidden !important; } .bottle-carousel .bc-clean-image { height:clamp(105px,8.5vw,140px) !important; min-height:105px !important; padding:7px !important; background:linear-gradient(180deg,#fbfdff,#f1f6fb) !important; } .bottle-carousel .bc-clean-image img { width:100% !important; height:100% !important; padding:0 !important; object-fit:contain !important; transform:none !important; } .bottle-carousel .bc-clean-content { padding:10px !important; gap:7px !important; } .bottle-carousel .bc-clean-content h3 { font-size:clamp(12px,.9vw,14px) !important; line-height:1.25 !important; } .bottle-carousel .bc-product-code { font-size:10px !important; } .bottle-carousel .bc-clean-field { font-size:10px !important; gap:3px !important; } .bottle-carousel .bc-clean-field select { min-height:32px !important; font-size:10px !important; padding:5px 7px !important; } .bottle-carousel .bc-clean-price { padding-top:6px !important; } .bottle-carousel .bc-clean-price span { font-size:10px !important; } .bottle-carousel .bc-clean-price strong { font-size:13px !important; } .bottle-carousel .bc-clean-card .bottle-card-cta { min-height:34px !important; padding:8px 6px !important; font-size:10px !important; } .bottle-estimate-sidebar { width:100% !important; min-width:0 !important; box-sizing:border-box !important; position:sticky !important; top:14px !important; padding:18px !important; } .bottle-estimate-empty { min-height:205px !important; } .bottle-config-section .container { width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; padding-left:clamp(10px,1.1vw,18px) !important; padding-right:clamp(10px,1.1vw,18px) !important; box-sizing:border-box !important; } @media (max-width: 1250px) { .bottle-catalog-layout { grid-template-columns:minmax(0,1fr) 280px !important; } .bottle-carousel,.bottle-carousel.all-mode { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .bottle-carousel .bc-clean-image { height:clamp(115px,12vw,150px) !important; } } @media (max-width: 950px) { .bottle-catalog-layout { grid-template-columns:minmax(0,1fr) !important; } .bottle-estimate-sidebar { position:static !important; order:2 !important; } .bottle-carousel,.bottle-carousel.all-mode { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .bottle-carousel .bc-clean-image { height:clamp(130px,20vw,190px) !important; } } @media (max-width: 650px) { .bottle-hero-grid { grid-template-columns:1fr !important; min-height:0 !important; } .bottle-hero-visual { display:none !important; } .bottle-filter-bar { grid-template-columns:minmax(0,1fr) auto !important; } .bottle-carousel,.bottle-carousel.all-mode { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; } .bottle-carousel .bc-clean-image { height:clamp(125px,32vw,190px) !important; min-height:125px !important; } .bottle-carousel .bc-clean-content { padding:9px !important; gap:7px !important; } } @media (max-width: 390px) { .bottle-carousel,.bottle-carousel.all-mode { grid-template-columns:1fr !important; } .bottle-carousel .bc-clean-image { height:210px !important; } } /* V31 — real layout correction based on the approved 1536px reference screenshot */ html, body { max-width:100%; overflow-x:hidden; } .bottle-catalog-section { width:100% !important; max-width:none !important; } .bottle-catalog-section > .container { width:100% !important; max-width:none !important; margin:0 !important; padding-left:clamp(16px,6.5vw,100px) !important; padding-right:clamp(16px,6.5vw,100px) !important; box-sizing:border-box !important; } .bottle-catalog-layout { width:100% !important; max-width:none !important; margin:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(285px,22.5%) !important; gap:clamp(16px,1.7vw,26px) !important; align-items:start !important; } .bottle-catalog-main { min-width:0 !important; width:100% !important; } .bottle-carousel-wrap { width:100% !important; min-width:0 !important; } .bottle-carousel, .bottle-carousel.all-mode { width:100% !important; max-width:none !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:clamp(12px,1vw,16px) !important; } .bottle-carousel .bottle-card.bc-clean-card { min-width:0 !important; width:100% !important; height:300px !important; display:flex !important; flex-direction:column !important; border:1px solid #e0e9f3 !important; border-radius:10px !important; background:#fff !important; box-shadow:0 2px 7px rgba(16,45,80,.07) !important; } .bottle-carousel .bc-clean-image { height:112px !important; min-height:112px !important; flex:0 0 112px !important; padding:5px !important; background:#fff !important; overflow:hidden !important; } .bottle-carousel .bc-clean-image img { width:100% !important; height:100% !important; object-fit:contain !important; padding:0 !important; transform:scale(1.28) !important; transform-origin:center center !important; } .bottle-carousel .bc-clean-content { padding:7px 10px 10px !important; gap:5px !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; min-height:0 !important; } .bottle-carousel .bc-clean-content h3 {font-size:clamp(12px,.88vw,14px) !important;line-height:1.2 !important;margin:0 !important} .bottle-carousel .bc-product-code {font-size:10px !important;line-height:1.2 !important} .bottle-carousel .bc-clean-field {font-size:10px !important;gap:3px !important;margin-top:2px !important} .bottle-carousel .bc-clean-field select {width:100% !important;min-width:0 !important;min-height:29px !important;padding:4px 6px !important;font-size:10px !important} .bottle-carousel .bc-clean-price {padding:2px 0 !important} .bottle-carousel .bc-clean-price span {font-size:10px !important} .bottle-carousel .bc-clean-price strong {font-size:14px !important} .bottle-carousel .bc-clean-card .bottle-card-cta {margin-top:auto !important;min-height:30px !important;padding:6px 5px !important;font-size:10px !important;border-radius:6px !important} .bottle-estimate-sidebar {width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box !important;position:sticky !important;top:14px !important} @media(max-width:1250px){ .bottle-catalog-section>.container{padding-left:18px!important;padding-right:18px!important} .bottle-catalog-layout{grid-template-columns:minmax(0,1fr) 280px!important} .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important} .bottle-carousel .bc-clean-image{height:125px!important;min-height:125px!important;flex-basis:125px!important} } @media(max-width:900px){ .bottle-catalog-layout{grid-template-columns:minmax(0,1fr)!important} .bottle-estimate-sidebar{position:static!important;order:2!important} .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important} .bottle-carousel .bottle-card.bc-clean-card{height:310px!important} .bottle-carousel .bc-clean-image{height:140px!important;min-height:140px!important;flex-basis:140px!important} } @media(max-width:520px){ .bottle-catalog-section>.container{padding-left:10px!important;padding-right:10px!important} .bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(1,minmax(0,1fr))!important} .bottle-carousel .bottle-card.bc-clean-card{height:330px!important} .bottle-carousel .bc-clean-image{height:165px!important;min-height:165px!important;flex-basis:165px!important} } /* Video-inspired compact price matrix catalogue */ .bottle-catalog-section>.container,.bottle-hero-grid,.bottle-config-section>.container{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:clamp(12px,1.2vw,24px);padding-right:clamp(12px,1.2vw,24px)} .bottle-catalog-layout{display:block!important;width:100%;max-width:none} .bottle-catalog-main{width:100%;min-width:0} .bottle-carousel-wrap{display:block!important;width:100%} .bottle-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%} .bc-video-card{min-width:0;border:1px solid #d8e2ef;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #16345d0c;cursor:default} .bc-video-head{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;padding:12px 12px 9px;background:linear-gradient(135deg,#fff,#f7faff);border-bottom:1px solid #e5ebf4;min-height:116px} .bc-video-image{height:104px;display:flex;align-items:center;justify-content:center;min-width:0;background:#f3f7fc;border-radius:8px;overflow:hidden} .bc-video-image img{width:100%;height:100%;object-fit:contain;padding:3px} .bc-video-title{min-width:0}.bc-video-title>span{display:inline-block;background:#e8efff;color:#214b9c;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:800;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bc-video-title h3{font:750 14px/1.2 Outfit,Inter,sans-serif;margin:6px 0 3px;color:#172844}.bc-video-title>small{font-size:9px;color:#78859b;font-weight:700;letter-spacing:.04em}.bc-video-title p{font-size:10px;line-height:1.35;margin:4px 0 0;color:#75829a;min-height:0} .bc-video-matrix{padding:9px 10px 10px}.bc-matrix-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:7px}.bc-matrix-heading strong{font-size:9px;color:#254578;letter-spacing:.035em}.bc-matrix-heading>span{font-size:8px;color:#7a879b;text-align:right} .bc-matrix-size{border:1px solid #e0e7f1;border-radius:7px;margin-top:6px;overflow:hidden;background:#fff}.bc-matrix-size>header{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:6px 8px;background:#f0f5ff;border-bottom:1px solid #e0e8f5}.bc-matrix-size>header strong{font-size:11px;color:#1c3d77}.bc-matrix-size>header small{font-size:9px;color:#687895} .bc-matrix-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px} .bc-matrix-paper{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #edf0f6;border-radius:5px;padding:6px;background:#fcfdff;gap:3px}.bc-matrix-paper>span{font-size:9px;line-height:1.2;color:#455570;min-height:22px;overflow-wrap:anywhere}.bc-matrix-paper>b{font-size:12px;line-height:1.1;color:#087f55;white-space:nowrap}.bc-matrix-paper>b small{font-size:8px;color:#77849a;font-weight:500}.bc-matrix-paper .bc-moq{font-size:8px;color:#8490a3}.bc-matrix-paper button{width:100%;border:0;border-radius:4px;background:#112f65;color:#fff;font-size:9px;font-weight:800;padding:5px 3px;cursor:pointer}.bc-matrix-paper button:hover,.bc-matrix-paper button.is-added{background:#08a56b} .bottle-carousel-meta{padding:12px 0!important}.bottle-estimate-sidebar{display:none!important} @media(max-width:1250px){.bottle-carousel{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:850px){.bottle-carousel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bc-video-head{grid-template-columns:72px minmax(0,1fr);padding:9px}.bc-video-image{height:92px}} @media(max-width:520px){.bottle-carousel{grid-template-columns:1fr!important}.bc-video-head{grid-template-columns:94px minmax(0,1fr)}.bc-video-image{height:112px}.bc-matrix-papers{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-video-title h3{font-size:15px}} /* V34 — video-inspired card flow: large bottle image, size tabs, material price tabs, quantity. */ .bottle-carousel,.bottle-carousel.all-mode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px;align-items:stretch} .bottle-carousel .bc-tab-card{border:1px solid #dbe3ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #152b4a0c;min-width:0} .bc-tab-image{height:245px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f4f7fc,#e8eef8);padding:14px} .bc-tab-image img{width:100%;height:100%;object-fit:contain;object-position:center;} .bc-tab-category{position:absolute;top:12px;left:12px;border-radius:20px;background:#fff;padding:7px 10px;color:#284777;font-size:10px;font-weight:800;box-shadow:0 3px 10px #13294a10} .bc-tab-bottle-placeholder{height:190px;width:105px;position:relative;border-radius:19px 19px 28px 28px;background:linear-gradient(90deg,#4d7958,#b9d0af 30%,#57835c 72%,#31553c);box-shadow:inset 9px 0 12px #ffffff42,inset -9px 0 12px #102b2630,0 18px 25px #102b2820} .bc-tab-bottle-placeholder:before{content:"";position:absolute;top:-30px;left:33px;width:39px;height:32px;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#b4c1d0,#fff,#a3b1c4)} .bc-tab-bottle-placeholder span{position:absolute;top:70px;left:7px;right:7px;height:58px;background:linear-gradient(110deg,#f8f3dc,#fff,#d9e8ca);border:1px solid #d9dfcf;display:grid;place-items:center;color:#31543b;font-weight:900;font-size:11px} .bc-tab-body{padding:15px} .bc-tab-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:15px} .bc-tab-title h3{font-size:17px;line-height:1.2;color:#172744;margin:0 0 5px} .bc-tab-title small{font-size:10px;color:#71809a;font-weight:700} .bc-tab-dim{font-size:10px;color:#52688a;text-align:right} .bc-tab-step{display:flex;align-items:center;gap:7px;margin:13px 0 8px;color:#354b6c;font-size:10px;font-weight:850;letter-spacing:.04em} .bc-tab-step>b{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:7px;background:#eaf0ff;color:#2457bd;font-size:11px} .bc-tab-size-tabs{display:flex;flex-wrap:wrap;gap:6px} .bc-tab-size{min-width:0;flex:1 0 26%;padding:8px 5px;border:1px solid #dbe3ef;border-radius:9px;background:#f8faff;color:#283e60;cursor:pointer} .bc-tab-size strong{display:block;font-size:12px} .bc-tab-size small{display:block;margin-top:3px;font-size:9px;color:#687b98} .bc-tab-size.active{background:#183c83;color:#fff;border-color:#183c83} .bc-tab-size.active small{color:#dce8ff} .bc-tab-price-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .bc-tab-price{min-width:0;text-align:left;display:grid;gap:4px;padding:9px 8px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;cursor:pointer} .bc-tab-price span{font-size:10px;font-weight:750;color:#2e4261;overflow-wrap:anywhere} .bc-tab-price strong{font-size:15px;color:#df1748;white-space:nowrap} .bc-tab-price strong small{font-size:9px;color:#7a879c;font-weight:500} .bc-tab-price em{font-size:9px;color:#75839b;font-style:normal} .bc-tab-price.active{border:1.5px solid #ef174b;background:#fff6f8;box-shadow:0 0 0 2px #ef174b0b} .bc-tab-quantity{display:grid;grid-template-columns:32px minmax(50px,1fr) 32px;gap:6px;align-items:center} .bc-tab-quantity button{height:34px;border:1px solid #dbe3ef;border-radius:8px;background:#f4f7fc;color:#263e63;font-size:20px;font-weight:800;cursor:pointer} .bc-tab-quantity input{min-width:0;width:100%;height:34px;border:1px solid #dbe3ef;border-radius:8px;text-align:center;font-size:13px;font-weight:800;color:#1c2f50} .bc-tab-quantity small{grid-column:1/-1;color:#73819a;font-size:10px} .bc-tab-total{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding:11px;background:#f5f7fb;border-radius:10px} .bc-tab-total span{font-size:11px;font-weight:800;color:#4b5e7a} .bc-tab-total small{display:block;margin-top:3px;font-size:9px;font-weight:500;color:#7a879b} .bc-tab-total strong{font-size:17px;color:#142748;white-space:nowrap} .bc-tab-add{width:100%;margin-top:10px;padding:12px 8px;border:0;border-radius:10px;background:#e91449;color:#fff;font-size:12px;font-weight:850;cursor:pointer} .bc-tab-add:hover{background:#c90e3d} @media(max-width:1200px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:850px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.bc-tab-image{height:210px}} @media(max-width:520px){.bottle-carousel,.bottle-carousel.all-mode{grid-template-columns:repeat(1,minmax(0,1fr))!important}.bc-tab-image{height:260px}.bc-tab-body{padding:16px}} /* V35: compact feature chips, stronger readability and product-specific WhatsApp CTA */ .bc-tab-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:11px 0 8px} .bc-tab-feature{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid #dce9e4;border-radius:8px;background:linear-gradient(135deg,#f3fbf7,#fff);color:#1d6048;font-size:12px;font-weight:750;line-height:1.2} .bc-tab-feature-icon{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;background:#d9f5e7;color:#07804e;font-size:16px;font-weight:900} .bc-tab-feature span:last-child{overflow-wrap:anywhere} .bc-tab-quantity-step{margin-top:9px!important} .bc-tab-title h3{font-size:19px!important;line-height:1.25!important} .bc-tab-title small{font-size:12px!important} .bc-tab-dim{font-size:12px!important;font-weight:700} .bc-tab-step{font-size:12px!important} .bc-tab-step>b{width:25px!important;height:25px!important;font-size:13px!important} .bc-tab-size strong{font-size:14px!important} .bc-tab-size small{font-size:11px!important} .bc-tab-price span{font-size:12px!important} .bc-tab-price strong{font-size:17px!important} .bc-tab-price strong small{font-size:11px!important} .bc-tab-price em{font-size:11px!important} .bc-tab-quantity input{font-size:15px!important;height:38px!important} .bc-tab-quantity button{height:38px!important} .bc-tab-quantity small{font-size:11px!important} .bc-tab-total span{font-size:13px!important} .bc-tab-total small{font-size:11px!important} .bc-tab-total strong{font-size:20px!important} .bc-tab-add{font-size:13px!important;padding:13px 9px!important} .bc-tab-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px 8px;border-radius:9px;border:1px solid #0a9f68;background:#0a9f68;color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:850;line-height:1.25;box-shadow:0 4px 12px #07804e20} .bc-tab-whatsapp:hover{background:#087f54;color:#fff} .bc-tab-whatsapp span{font-size:17px;line-height:1} @media(max-width:520px){.bc-tab-feature{font-size:13px;padding:8px}.bc-tab-title h3{font-size:21px!important}.bc-tab-price strong{font-size:19px!important}.bc-tab-whatsapp{font-size:13px}} /* V38 compact urgency selector in quotation form */ .bottle-timeline-field{border:0;padding:0;margin:0;min-width:0}.bottle-timeline-field legend{font-size:12px;font-weight:750;color:#273c59;margin-bottom:8px}.bottle-timeline-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bottle-timeline-options label{position:relative;display:block;cursor:pointer}.bottle-timeline-options input{position:absolute;opacity:0}.bottle-timeline-options span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 9px;border:1px solid #d5e0ef;border-radius:8px;background:#fff;color:#25466e;font-size:11px;font-weight:700;text-align:center}.bottle-timeline-options input:checked+span{border-color:#df1d39;background:#fff1f3;color:#c91431;box-shadow:0 0 0 1px #df1d3915}@media(max-width:600px){.bottle-timeline-options{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V39: remove unused right-side whitespace; let the bottle catalogue use the full available width */ #bottle-chooser, .bottle-catalog-section { display:block !important; width:100% !important; max-width:none !important; box-sizing:border-box !important; } #bottle-chooser > .container, .bottle-catalog-section > .container { display:block !important; width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-left:clamp(12px,1.4vw,24px) !important; padding-right:clamp(12px,1.4vw,24px) !important; box-sizing:border-box !important; } #bottle-chooser .bottle-catalog-layout, .bottle-catalog-section .bottle-catalog-layout { display:block !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } #bottle-chooser .bottle-catalog-main, #bottle-chooser .bottle-carousel-wrap, #bottle-chooser #bottle-carousel, .bottle-catalog-section .bottle-catalog-main, .bottle-catalog-section .bottle-carousel-wrap, .bottle-catalog-section .bottle-carousel { display:grid !important; width:100% !important; max-width:none !important; min-width:0 !important; box-sizing:border-box !important; } #bottle-chooser .bottle-catalog-main, .bottle-catalog-section .bottle-catalog-main { grid-template-columns:minmax(0,1fr) !important; } #bottle-chooser .bottle-carousel-wrap, .bottle-catalog-section .bottle-carousel-wrap { display:block !important; } #bottle-chooser #bottle-carousel, .bottle-catalog-section .bottle-carousel { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:clamp(10px,1.1vw,18px) !important; align-items:stretch !important; justify-content:stretch !important; } #bottle-chooser #bottle-carousel > *, .bottle-catalog-section .bottle-carousel > * { min-width:0 !important; max-width:none !important; } #bottle-chooser .bottle-estimate-sidebar, .bottle-catalog-section .bottle-estimate-sidebar { display:none !important; } #bottle-chooser .bottle-carousel-meta, .bottle-catalog-section .bottle-carousel-meta { width:100% !important; max-width:none !important; box-sizing:border-box !important; } @media(max-width:1200px) { #bottle-chooser #bottle-carousel, .bottle-catalog-section .bottle-carousel { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @media(max-width:850px) { #bottle-chooser #bottle-carousel, .bottle-catalog-section .bottle-carousel { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media(max-width:540px) { #bottle-chooser #bottle-carousel, .bottle-catalog-section .bottle-carousel { grid-template-columns:minmax(0,1fr) !important; } } /* V41 estimate page: product detail controls and non-priced premium add-ons */ #bottle-quote .estimate-page-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:18px;align-items:start} #bottle-quote .estimate-premium-addons{background:#f5f8ff;border:1px solid #dce6f5;border-radius:13px;padding:16px;position:sticky;top:18px} #bottle-quote .estimate-premium-addons h3{font-size:17px;color:#14396c;margin:0 0 6px} #bottle-quote .estimate-premium-addons p{font-size:11px;line-height:1.55;color:#697b96;margin:0 0 12px} #bottle-quote .estimate-addon-list{display:grid;grid-template-columns:1fr;gap:7px} #bottle-quote .estimate-addon-list label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e8f3;border-radius:8px;padding:8px 9px;color:#243e63;font-size:12px;font-weight:650;cursor:pointer} #bottle-quote .estimate-addon-list input{accent-color:#2458c5;width:14px;height:14px} #bottle-quote .estimate-addon-wa{display:flex;justify-content:center;text-align:center;background:#08a66a;color:white;text-decoration:none;border-radius:8px;padding:11px 12px;font-size:12px;font-weight:800;margin-top:12px} #bottle-quote .estimate-products-column{min-width:0} #bottle-quote .quote-cart-item{grid-template-columns:28px 72px minmax(0,1fr) 112px;align-items:start;gap:12px;padding:13px} #bottle-quote .quote-cart-product-image{height:90px;width:72px;display:flex;align-items:center;justify-content:center;background:#f2f6fc;border-radius:9px;overflow:hidden} #bottle-quote .quote-cart-product-image img{width:100%;height:100%;object-fit:contain;padding:5px} #bottle-quote .estimate-bottle-placeholder{font-size:28px;color:#6783ae} #bottle-quote .quote-cart-main strong{font-size:14px;line-height:1.35} #bottle-quote .quote-cart-main span{font-size:12px} #bottle-quote .quote-cart-main small{font-size:11px;color:#667993} #bottle-quote .estimate-qty-control{display:flex;align-items:center;gap:8px;margin-top:8px} #bottle-quote .estimate-qty-control button{width:27px;height:27px;border:1px solid #d5e1f0;background:#fff;border-radius:7px;color:#1d4b8c;font-size:17px;font-weight:800;cursor:pointer} #bottle-quote .estimate-qty-control strong{font-size:12px;color:#16365e} #bottle-quote .quote-cart-price{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap} #bottle-quote .quote-cart-price strong{font-size:14px;color:#173e7a} #bottle-quote .quote-cart-price small{font-size:10px;color:#71809a} #bottle-quote .estimate-modify,#bottle-quote .estimate-remove{border:1px solid #dbe4f0;background:#fff;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:750;cursor:pointer;color:#214e91} #bottle-quote .estimate-remove{color:#a43d45} #bottle-quote #add-more-estimate-products{background:#2458c5;color:#fff} @media(max-width:800px){#bottle-quote .estimate-page-layout{grid-template-columns:1fr}#bottle-quote .estimate-premium-addons{position:static}#bottle-quote .estimate-addon-list{grid-template-columns:repeat(2,minmax(0,1fr))}#bottle-quote .quote-cart-item{grid-template-columns:24px 56px minmax(0,1fr);gap:8px}#bottle-quote .quote-cart-product-image{width:56px;height:70px}#bottle-quote .quote-cart-price{grid-column:3;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;white-space:normal;margin-top:5px}} /* V42: the estimate is a separate page; keep the bottle page focused on selecting products. */ .bottle-catalog-layout{grid-template-columns:minmax(0,1fr)!important} .bottle-estimate-sidebar{display:none!important} #bottle-quote{display:none!important} /* V44: align the bottle-photo help prompt as a clean full-width block beneath its heading. */ .bottle-help-band{padding:36px 0 40px!important} .bottle-help-band > .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;text-align:center!important;max-width:980px!important;margin-inline:auto!important} .bottle-help-band > .container > div{width:100%;max-width:820px;margin:0 auto!important} .bottle-help-band .eyebrow-light{display:block;margin:0 auto 8px!important} .bottle-help-band h2{max-width:820px;margin:8px auto 10px!important;text-align:center!important} .bottle-help-band p{max-width:760px;margin:0 auto!important;text-align:center!important} .bottle-help-band .btn{align-self:center!important;white-space:normal;text-align:center;max-width:100%} @media(max-width:600px){.bottle-help-band{padding:28px 0!important}.bottle-help-band h2{font-size:25px!important;line-height:1.2!important}.bottle-help-band p{font-size:14px!important}.bottle-help-band .btn{width:auto!important;max-width:100%;padding:12px 16px!important}} /* V62: make real bottle photos easy to identify and tap-to-zoom. */ .bc-tab-image{height:280px!important;cursor:zoom-in} .bc-tab-image img{object-fit:contain;object-position:center;cursor:zoom-in;transition:transform .18s ease} .bc-tab-image img:hover{transform:scale(1.025)} .bottle-image-zoom[hidden]{display:none!important} .bottle-image-zoom{position:fixed;inset:0;z-index:100500;background:rgba(6,18,37,.92);display:flex;align-items:center;justify-content:center;padding:48px 22px 40px;cursor:zoom-out} .bottle-image-zoom img{display:block;max-width:min(92vw,1100px);max-height:84vh;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 20px 70px #0008;cursor:zoom-in} .bottle-image-zoom-close{position:absolute;top:12px;right:18px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#172b49;font-size:32px;line-height:1;cursor:pointer} .bottle-image-zoom p{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:12px;margin:0} @media(max-width:600px){.bc-tab-image{height:300px!important}.bottle-image-zoom{padding:44px 8px 34px}.bottle-image-zoom img{max-width:96vw;max-height:84vh}} /* V70: keep the floating estimate action visible and tappable on narrow screens */ @media(max-width:700px){.floating-quote-tab.is-visible{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;gap:6px!important;padding:9px!important;box-sizing:border-box!important}.floating-quote-copy{grid-column:1!important;min-width:0!important}.floating-quote-copy strong{display:block;font-size:11px!important;line-height:1.25}.floating-quote-copy small{max-width:100%!important;font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-quote-tab #floating-quote-open{display:block!important;grid-column:2!important;grid-row:1!important;min-height:38px!important;padding:9px 12px!important;font-size:11px!important;white-space:nowrap!important}.floating-quote-tab #floating-quote-wa,.floating-quote-tab #floating-product-enquiry{display:none!important}} /* V115 Smart Bottle Finder */ .bottle-photo-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:22px;align-items:center;margin:20px 0 24px;padding:24px;border:1px solid #d9e4f2;border-radius:20px;background:linear-gradient(120deg,#f5f8ff,#fff 58%,#fff7f7);box-shadow:0 8px 24px #15345d0b}.finder-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#d21d45}.finder-copy h3{font-size:clamp(20px,2vw,27px);line-height:1.2;margin:7px 0;color:#17345e}.finder-copy p{max-width:650px;color:#66758b;font-size:13px;line-height:1.65;margin:0}.finder-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.finder-trust span{font-size:11px;font-weight:750;color:#16815c}.finder-upload-area{display:grid;gap:10px}.finder-upload-button{display:grid;justify-items:center;gap:5px;padding:19px 12px;border:1.5px dashed #9bb2d4;border-radius:15px;background:#fff;color:#193d70;cursor:pointer}.finder-upload-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf1ff;color:#174b96;font-size:24px}.finder-upload-button strong{font-size:14px}.finder-upload-button small{font-size:10px;color:#7d8ba0}.finder-contact{display:grid;gap:5px;font-size:11px;font-weight:750;color:#445773}.finder-contact input{width:100%;padding:10px 12px;border:1px solid #d5dfed;border-radius:9px;font:inherit}.finder-upload-area>.btn{width:100%}.finder-preview{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid #dce5f0;border-radius:12px;background:#fff}.finder-preview img{width:66px;height:76px;object-fit:contain;background:#f3f6fa;border-radius:8px}.finder-preview button{border:0;background:none;color:#174b96;font-weight:800;cursor:pointer}.finder-results{grid-column:1/-1;border-top:1px solid #e2e9f2;padding-top:17px}.finder-results h4{margin:0 0 12px;color:#17345e}.finder-match-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.finder-match{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid #dce5f0;border-radius:12px;background:#fff;text-align:left;cursor:pointer;min-width:0}.finder-match img{width:52px;height:60px;object-fit:contain;background:#f4f6fa;border-radius:7px}.finder-match span{min-width:0;display:grid;gap:4px}.finder-match strong{font-size:11px;color:#1c3559}.finder-match small{font-size:9px;color:#77859a}.finder-match:hover{border-color:#1c65bd;box-shadow:0 4px 12px #1c65bd15}.finder-no-match{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border-radius:12px;background:#fff6ec;color:#704a1e}.finder-no-match p{margin:3px 0 0;font-size:12px}.finder-no-match a{white-space:nowrap;padding:10px 13px;border-radius:9px;background:#16844a;color:#fff;text-decoration:none;font-size:12px;font-weight:800}@media(max-width:760px){.bottle-photo-finder{grid-template-columns:1fr;padding:17px}.finder-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-no-match{align-items:stretch;flex-direction:column}.finder-no-match a{text-align:center}} /* V115 Smart Bottle Finder */ .bottle-photo-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:22px;align-items:center;margin:20px 0 24px;padding:24px;border:1px solid #d9e4f2;border-radius:20px;background:linear-gradient(120deg,#f5f8ff,#fff 58%,#fff7f7);box-shadow:0 8px 24px #15345d0b}.finder-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#d21d45}.finder-copy h3{font-size:clamp(20px,2vw,27px);line-height:1.2;margin:7px 0;color:#17345e}.finder-copy p{max-width:650px;color:#66758b;font-size:13px;line-height:1.65;margin:0}.finder-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.finder-trust span{font-size:11px;font-weight:750;color:#16815c}.finder-upload-area{display:grid;gap:10px}.finder-upload-button{display:grid;justify-items:center;gap:5px;padding:19px 12px;border:1.5px dashed #9bb2d4;border-radius:15px;background:#fff;color:#193d70;cursor:pointer}.finder-upload-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf1ff;color:#174b96;font-size:24px}.finder-upload-button strong{font-size:14px}.finder-upload-button small{font-size:10px;color:#7d8ba0}.finder-contact{display:grid;gap:5px;font-size:11px;font-weight:750;color:#445773}.finder-contact input{width:100%;padding:10px 12px;border:1px solid #d5dfed;border-radius:9px;font:inherit}.finder-upload-area>.btn{width:100%}.finder-preview{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid #dce5f0;border-radius:12px;background:#fff}.finder-preview img{width:66px;height:76px;object-fit:contain;background:#f3f6fa;border-radius:8px}.finder-preview button{border:0;background:none;color:#174b96;font-weight:800;cursor:pointer}.finder-results{grid-column:1/-1;border-top:1px solid #e2e9f2;padding-top:17px}.finder-results h4{margin:0 0 12px;color:#17345e}.finder-match-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.finder-match{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid #dce5f0;border-radius:12px;background:#fff;text-align:left;cursor:pointer;min-width:0}.finder-match img{width:52px;height:60px;object-fit:contain;background:#f4f6fa;border-radius:7px}.finder-match span{min-width:0;display:grid;gap:4px}.finder-match strong{font-size:11px;color:#1c3559}.finder-match small{font-size:9px;color:#77859a}.finder-match:hover{border-color:#1c65bd;box-shadow:0 4px 12px #1c65bd15}.finder-no-match{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border-radius:12px;background:#fff6ec;color:#704a1e}.finder-no-match p{margin:3px 0 0;font-size:12px}.finder-no-match a{white-space:nowrap;padding:10px 13px;border-radius:9px;background:#16844a;color:#fff;text-decoration:none;font-size:12px;font-weight:800}@media(max-width:760px){.bottle-photo-finder{grid-template-columns:1fr;padding:17px}.finder-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-no-match{align-items:stretch;flex-direction:column}.finder-no-match a{text-align:center}} /* V117: compact photo-finder entry point; reveal the detailed uploader only on demand. */ .finder-launch{display:inline-flex;align-items:center;gap:11px;margin:12px 0 8px;padding:9px 14px 9px 10px;border:1px solid #d7e2f0;border-radius:12px;background:#fff;color:#18365e;text-align:left;cursor:pointer;box-shadow:0 3px 12px rgba(24,54,94,.06);transition:border-color .18s,box-shadow .18s,transform .18s;} .finder-launch:hover{border-color:#8eacd4;box-shadow:0 6px 18px rgba(24,54,94,.10);transform:translateY(-1px)} .finder-launch-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#eef4ff;color:#245ca3;font-size:23px;font-weight:700;line-height:1} .finder-launch>span:nth-child(2){display:grid;gap:2px}.finder-launch strong{font-size:12px;font-weight:800;line-height:1.25}.finder-launch small{font-size:10px;color:#718096;line-height:1.3}.finder-launch-arrow{margin-left:8px;color:#245ca3;font-size:19px;font-weight:600;transition:transform .18s}.finder-launch[aria-expanded="true"] .finder-launch-arrow{transform:rotate(45deg)} .bottle-photo-finder[hidden],.finder-results[hidden],.finder-preview[hidden]{display:none!important} .bottle-photo-finder{display:block;margin:8px 0 18px;padding:17px 18px;border:1px solid #dce6f2;border-radius:15px;background:linear-gradient(125deg,#f7faff,#fff 70%);box-shadow:0 7px 22px rgba(24,54,94,.07)} .finder-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.finder-panel-head h3{margin:4px 0 4px;font-size:18px;line-height:1.25;color:#17345e}.finder-panel-head p{margin:0;color:#69798e;font-size:12px;line-height:1.5}.finder-close{width:30px;height:30px;flex:0 0 30px;border:1px solid #e0e7f0;border-radius:50%;background:#fff;color:#5c6d82;font-size:21px;line-height:1;cursor:pointer} .finder-panel-content{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.72fr) auto;align-items:end;gap:10px;margin-top:13px}.finder-upload-button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:54px;padding:8px 12px;border:1px dashed #9db4d3;border-radius:11px;background:#fff;color:#193d70;text-align:left}.finder-upload-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:8px;background:#eaf1ff;color:#174b96;font-size:20px}.finder-upload-button strong{font-size:12px}.finder-upload-button small{display:block;margin-left:auto;font-size:9px;color:#8190a4;white-space:nowrap}.finder-contact{display:grid;gap:4px;font-size:10px;font-weight:750;color:#445773}.finder-contact span{font-weight:500;color:#8491a2}.finder-contact input{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d5dfed;border-radius:9px;background:#fff;font:inherit;font-size:12px}.finder-panel-content>.btn{min-height:39px;padding:9px 13px;font-size:11px;white-space:nowrap}.finder-preview{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dce5f0;border-radius:10px;background:#fff}.finder-preview img{width:48px;height:56px;object-fit:contain;background:#f3f6fa;border-radius:7px}.finder-preview>div{display:grid;gap:4px;font-size:11px;color:#17345e}.finder-preview button{justify-self:start;padding:0;border:0;background:none;color:#174b96;font-size:11px;font-weight:800;cursor:pointer}.finder-results{margin-top:14px;padding-top:13px;border-top:1px solid #e2e9f2}.finder-match-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))} @media(max-width:700px){.finder-launch{max-width:100%;padding:8px 10px}.finder-panel-content{grid-template-columns:1fr}.finder-upload-button{flex-wrap:wrap}.finder-upload-button small{margin-left:auto}.finder-panel-content>.btn{width:100%}.finder-preview{grid-column:auto}.bottle-photo-finder{padding:13px}.finder-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V118: polished photo-match cards and consistent estimate action. */ .finder-match{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:11px;padding:11px;border:1px solid #dce6f3;border-radius:13px;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);box-shadow:0 3px 12px rgba(24,54,94,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .finder-match:hover,.finder-match:focus-visible{transform:translateY(-2px);border-color:#7ba5ed;box-shadow:0 9px 22px rgba(37,91,180,.13);outline:none} .finder-match img{width:62px;height:76px;padding:4px;background:linear-gradient(145deg,#edf4ff,#fff);border:1px solid #e5edf8;border-radius:10px;object-fit:contain} .finder-match span{display:grid;gap:4px;min-width:0} .finder-match strong{font-size:12px;line-height:1.3;color:#183b70} .finder-match small{font-size:10px;line-height:1.35;color:#718198} .finder-match em{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:4px;padding:7px 8px;border-radius:8px;background:linear-gradient(100deg,#245bd4,#6948d8);color:#fff;font-size:10px;font-style:normal;font-weight:800;line-height:1.25} .finder-match em b{font-size:15px;line-height:1} .finder-results h4{font-size:14px;margin:0 0 11px;color:#183b70} .finder-no-match{border:1px solid #f4d8b1;background:linear-gradient(110deg,#fff8ed,#fff 80%);border-radius:13px} .finder-no-match a{background:linear-gradient(100deg,#08a66a,#10bd83);box-shadow:0 5px 13px rgba(8,166,106,.18);transition:transform .18s,filter .18s} .finder-no-match a:hover{transform:translateY(-1px);filter:brightness(.97)} #bottle-modal-add{background:linear-gradient(100deg,#e91e55,#b92ed2 55%,#4059df);border:0;box-shadow:0 7px 18px rgba(190,42,133,.2)} #bottle-modal-add:hover{filter:brightness(1.05);transform:translateY(-1px)} #bottle-modal-add:disabled{opacity:.5;box-shadow:none;transform:none} .finder-panel-content>.btn-primary{background:linear-gradient(100deg,#245bd4,#6548d7);border:0;box-shadow:0 5px 14px rgba(50,86,196,.18)} @media(max-width:700px){.finder-match{grid-template-columns:54px minmax(0,1fr);padding:9px;gap:8px}.finder-match img{width:54px;height:66px}.finder-match em{font-size:9px;padding:7px}.finder-match-grid{gap:8px}}