/* Calm layout: readable groups, generous spacing, clear purchase action. */
:root{--ink:#edd79b;--muted:#c7c8b8;--line:#293c31}
body{line-height:1.5;background:#080e0b}
.header,.header-inner{background:#080e0b}.header{border-bottom:0}
.header-inner{padding-block:20px}.identity small{color:#c7c8b8;letter-spacing:.6px}
.mobile-nav{background:transparent;gap:12px;padding:8px 0 16px;border-bottom:1px solid #293c31}
.mobile-nav button{background:transparent;min-height:48px;font-weight:600}
.mobile-nav button[aria-current=page]{background:#183c2b;border-bottom:0}
.purchase-brief{padding-top:28px;padding-bottom:12px}
.delivery-brief{background:transparent;border:0;border-radius:0;padding:0 4px;gap:24px}
.delivery-brief>div{gap:12px;align-items:flex-start}.delivery-brief p{gap:5px}
.delivery-brief strong{font-size:17px;font-weight:600}.delivery-brief p>span{font-size:15px;color:#c7c8b8}
.brief-icon{background:#173324;color:#cdb978;width:36px;height:36px}
.gift-brief{margin-top:24px;padding:18px 20px;background:#18271b;border:1px solid #4d5637;border-radius:16px;gap:16px}
.gift-brief strong{font-size:18px;line-height:1.45}.gift-brief small{font-size:15px;line-height:1.5;margin-top:4px;color:#c7c8b8}
.gift-symbol{font-size:28px}.brief-foot{text-align:left;font-size:14px;line-height:1.6;margin:14px 4px 0;color:#c7c8b8}
.catalog{padding-top:28px;padding-bottom:36px}.searchbar{margin-bottom:20px}.search-input{background:#101b15;border-color:#3b5143;border-radius:14px}.search-input input{min-height:56px;font-size:18px}
.category-toggle{min-height:52px;padding:12px 16px;font-size:17px;background:#13261b;border-color:#3b5143;border-radius:12px}
.category-area{margin-bottom:24px}.category-button{padding-block:14px}.results-toolbar{margin-bottom:24px;gap:20px}.results-toolbar h3{font-size:23px;line-height:1.4}.results-toolbar p{font-size:14px;margin-top:6px;color:#c7c8b8}
.sort-label select{min-height:44px;font-size:14px;padding:10px;background:#101b15}
.product-grid{gap:24px}.product-card,.product-card:not(.offer-card){padding:22px;background:#111e17;border:1px solid #2d4034;border-radius:20px;box-shadow:none}
.product-card:hover{box-shadow:none;border-color:#798461}
.product-photo,.product-card:not(.offer-card) .product-photo{width:112px;height:112px;margin:4px auto 24px;box-shadow:none}
.product-card h4{font-size:19px;line-height:1.45;font-weight:600;overflow-wrap:normal}
.brand{font-size:14px;line-height:1.4;margin-bottom:8px;color:#c7c8b8}
.presentation{font-size:16px;line-height:1.5;margin-top:10px;color:#c7c8b8}
.price{font-size:27px;line-height:1.4;margin-top:16px;letter-spacing:0}
.purchase,.product-card:not(.offer-card) .purchase{margin-top:20px}.purchase .primary{min-height:50px;font-size:17px;padding:12px 8px;background:#24583e;border:1px solid #54745c;box-shadow:none;border-radius:12px}
.quantity-help{font-size:13px;line-height:1.5;margin-top:9px;color:#c7c8b8}.stepper,.product-card .stepper{min-height:50px}.stepper button{min-height:50px}
.cart-dock{background:#102319;box-shadow:0 -4px 16px #0005;border-top-color:#41583e;padding-top:14px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
.progress-area p{font-size:14px;line-height:1.5;margin-bottom:8px}.dock-row{margin-top:12px}.dock-row>.primary{min-height:50px;background:#285e42;box-shadow:none}.cart-summary>span{font-size:14px}.cart-summary strong{font-size:26px}
.dialog-content{padding:28px}.dialog-content>p{margin-bottom:22px}.dialog-head,.dialog-foot{padding:22px;gap:16px}.form-grid{gap:24px}.form-grid label{line-height:1.6}.conditions{gap:28px;padding-block:24px}.help-content>p{margin-block:24px}.faq details{padding-block:16px}.gift{padding:24px;gap:20px}.offer-grid{gap:20px}.offer-card{padding-top:52px}.offer-card .product-photo{margin-bottom:20px}.load-area{padding-top:28px}
@media(max-width:760px){
 body{padding-bottom:150px}.wrap{padding-inline:20px}.header-inner{padding:18px 20px}.identity b{font-size:20px}.identity small{font-size:10px}.identity img{width:44px;height:44px}.header .quiet{padding:10px;min-height:46px}
 .mobile-nav{margin-inline:20px;gap:8px;padding-bottom:14px}.mobile-nav button{font-size:16px;min-height:48px}
 .purchase-brief{padding-top:24px}.delivery-brief{grid-template-columns:1fr;gap:20px}.delivery-brief>div{align-items:center}.delivery-brief p{gap:3px}.delivery-brief strong{font-size:17px}.delivery-brief p>span{font-size:15px}
 .gift-brief{margin-top:22px;padding:16px;gap:12px}.gift-brief strong{font-size:17px}.gift-brief small{font-size:15px}.brief-foot{font-size:14px;margin-top:14px}
 .catalog{padding-top:28px}.searchbar{margin-bottom:16px}.search-input input{min-height:54px;font-size:17px}.category-area{margin-bottom:26px}.results-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:22px}.results-toolbar h3{font-size:22px}.sort-label{font-size:0}.sort-label select{font-size:14px;max-width:160px}
 .product-grid{gap:16px}.product-card,.product-card:not(.offer-card){padding:16px 12px;border-radius:17px}.product-photo,.product-card:not(.offer-card) .product-photo{width:90px;height:90px;margin:4px auto 20px}.product-card h4{font-size:17px;line-height:1.45}.brand{font-size:13px;margin-bottom:8px}.presentation{font-size:15px;margin-top:10px;line-height:1.5}.price{font-size:24px;margin-top:14px;line-height:1.4}.purchase,.product-card:not(.offer-card) .purchase{margin-top:18px}.quantity-help{font-size:12px;line-height:1.5;margin-top:8px;min-height:18px}
 .cart-dock{padding-inline:20px}.progress-area p{font-size:13px}.dock-row{gap:14px}.dock-row>.primary{font-size:16px;padding-inline:14px}.cart-summary>span{font-size:13px}.cart-summary strong{font-size:25px}.toast{bottom:150px}.dialog-content{padding:22px 20px}.dialog-head,.dialog-foot{padding:18px 20px}.offer-grid{grid-template-columns:1fr}.offer-card{padding:52px 20px 22px}.offer-card h4{font-size:18px}
}
@media(max-width:370px){.wrap{padding-inline:16px}.header-inner{padding-inline:16px}.identity small{font-size:9px}.product-grid{gap:12px}.product-card,.product-card:not(.offer-card){padding-inline:10px}.price{font-size:22px}.product-photo,.product-card:not(.offer-card) .product-photo{width:82px;height:82px}.cart-dock{padding-inline:16px}}

/* Black canvas, selective colour and real purchase milestones. */
body,.header,.header-inner,.mobile-nav{background:#000}
.product-card,.product-card:not(.offer-card){background:#101110;border-color:#34382f}
.product-card:has(.stepper:not([hidden])){background:#111a14;border-color:#879664}
.search-input,.sort-label select{background:#101110}.category-toggle{background:#111a14}.category-area nav{background:#090d0a}
.mobile-nav button{background:#000}.mobile-nav button[aria-current=page]{background:#153523}
.gift-brief{background:linear-gradient(120deg,#ffe5a0,#d9ac52);border-color:#f7d786;color:#292009;box-shadow:0 4px 20px #d2a03e20}
.gift-brief strong,.gift-brief small,.gift-symbol{color:#292009}.gift-brief:hover{background:#f4d181}.gift-brief.gift-unlocked{background:linear-gradient(120deg,#ffe9a0,#f1c561,#e3b574);border-color:#fff0ba}
.cart-dock{--reward-color:#7daed9;--reward-light:#c5e3ff;background:#080a09;border-top-color:#42473e}
.cart-dock[data-reward=near-minimum]{--reward-color:#5fd9cb;--reward-light:#9defe4}
.cart-dock[data-reward=minimum]{--reward-color:#82d994;--reward-light:#b6efba}
.cart-dock[data-reward=near-gift]{--reward-color:#cfaff2;--reward-light:#ead4ff}
.cart-dock[data-reward=gift]{--reward-color:#f4c55c;--reward-light:#ffe7a4}
.cart-dock .progress-track{height:7px;background:#252a27;border-radius:8px}
.cart-dock .progress-track span,.cart-dock.achieved .progress-track span{background:var(--reward-color);box-shadow:0 0 10px color-mix(in srgb,var(--reward-color) 35%,transparent);transition:width .5s ease,background .6s ease}
.cart-dock .progress-area p{color:var(--reward-light);transition:color .6s ease}
.cart-dock[data-reward=gift]{border-top-color:#d1a747}.cart-dock[data-reward=gift] .dock-row>.primary{background:#edc66e;color:#211b0d;border-color:#ffe4a3}
.reward-notice{position:fixed;left:50%;bottom:160px;transform:translateX(-50%);width:min(440px,calc(100% - 32px));z-index:100;background:#132b20;border:1px solid #87d7a0;color:#e0f5e5;border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 40px #0009}
.reward-notice[hidden]{display:none}.reward-notice strong{font-size:20px;line-height:1.4}.reward-notice p{font-size:16px;line-height:1.5;margin-top:7px}.reward-notice .icon-button{flex-shrink:0;align-self:flex-start;min-width:44px}.reward-spark{font-size:32px}.reward-notice[data-kind=gift]{background:#362715;color:#ffe6a0;border-color:#e5bd64}.reward-confetti{position:absolute;left:12%;right:12%;top:-16px;pointer-events:none;text-align:center;font-size:24px;letter-spacing:10px;color:#edc66e;opacity:0}
.reward-notice.celebrate{animation:reward-arrive .4s ease-out}.reward-notice.celebrate .reward-confetti{animation:reward-sparkle 1.5s ease-out}.reward-notice[data-kind=minimum] .reward-confetti{display:none}
@keyframes reward-arrive{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes reward-sparkle{0%{opacity:0;transform:translateY(10px) scale(.8)}25%{opacity:1}100%{opacity:0;transform:translateY(-60px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.reward-notice.celebrate,.reward-notice.celebrate .reward-confetti{animation:none}.cart-dock .progress-track span,.cart-dock .progress-area p{transition:none}}

/* Pack value: compact headline with optional comparison details. */
.product-card .reference{display:block;font-size:14px;line-height:1.5;color:#c7c8b8;margin-top:6px}
.pack-savings{margin-top:18px;border:1px solid #706644;border-radius:12px;background:#242014;color:#f6dda0;padding:12px;font-size:14px;line-height:1.5}
.pack-savings summary{cursor:pointer;font-weight:600;min-height:44px;display:list-item;list-style-position:inside;color:#ffe3a0}
.pack-savings strong{display:block;margin:12px 0;font-size:16px}.pack-savings p{margin-block:12px;color:#e1d8c1}.pack-savings small{display:block;font-size:12px;line-height:1.6;color:#c9c5b6}
.pack-savings[open]{border-color:#b79b54}.cart-pack-savings{background:#242014;color:#f5d997;border:1px solid #736244;border-radius:12px;padding:18px;line-height:1.6;margin-top:18px}
.offer-grid .offer-card{padding-top:22px}
@media(max-width:760px){.product-card .reference{font-size:13px}.pack-savings{padding:10px;font-size:13px}.pack-savings summary{line-height:1.5}}

/* Categories stay visible directly below search, with large touch targets. */
.catalog-layout{display:block}
.category-area{width:100%;padding:0;margin:0 0 34px}
.category-toggle[hidden]{display:none!important}
.category-title{font-size:22px;line-height:1.35;color:#f2d790;margin:0 0 4px}
.category-hint{font-size:15px;color:#c7c8b8;margin:0 0 16px}
.category-area nav,.category-area nav.expanded{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;padding:0;background:transparent;border:0}
.category-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:10px 12px;border:1px solid #35473b;border-radius:12px;background:#101310;color:#e8d59a;font-size:15px;line-height:1.25;text-align:left}
.category-button:hover{border-color:#718060;background:#151b16}
.category-button[aria-current=true]{background:#1f5138;border-color:#78a27e;color:#fff0b5;box-shadow:0 0 0 1px #78a27e22}
.catalog-results{width:100%}

/* A centered, readable celebration for both real order milestones. */
.reward-notice{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));padding:28px 24px;border-radius:22px;text-align:center;justify-content:center;box-shadow:0 0 0 100vmax #000a,0 18px 55px #000d;overflow:visible}
.reward-notice>div{flex:1}.reward-notice strong{display:block;font-size:25px;line-height:1.25}.reward-notice p{font-size:17px;line-height:1.55;margin-top:12px}
.reward-notice .icon-button{position:absolute;right:10px;top:10px;background:#ffffff12}
.reward-spark{font-size:42px}.reward-confetti{left:0;right:0;top:-28px;font-size:30px;letter-spacing:12px}
.reward-notice[data-kind=minimum]{background:linear-gradient(145deg,#173e2c,#0e2419);border-color:#8de0a8;color:#e8f8ec}
.reward-notice[data-kind=minimum] .reward-spark,.reward-notice[data-kind=minimum] .reward-confetti{color:#82e39f}
.reward-notice[data-kind=gift]{background:linear-gradient(145deg,#594017,#2d210f);border-color:#f3cd6d;color:#fff0bc}
.reward-notice[data-kind=gift] .reward-spark,.reward-notice[data-kind=gift] .reward-confetti{color:#ffd66f}
.reward-notice.celebrate{animation:reward-center-arrive .45s cubic-bezier(.2,.8,.2,1)}
.reward-notice.celebrate .reward-confetti{display:block;animation:reward-sparkle 1.8s ease-out}
@keyframes reward-center-arrive{from{opacity:0;transform:translate(-50%,-45%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){.category-area nav,.category-area nav.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .category-area{margin-bottom:32px}.category-title{font-size:21px}.category-hint{font-size:15px;margin-bottom:14px}
 .category-area nav,.category-area nav.expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;padding:0}
 .category-button{min-height:56px;padding:10px;font-size:15px}
 .reward-notice{padding:32px 22px 26px}.reward-notice strong{font-size:24px}.reward-notice p{font-size:17px}.reward-spark{font-size:38px}
}
@media(max-width:370px){.category-button{font-size:14px;padding-inline:9px}.reward-notice strong{font-size:22px}.reward-notice p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.reward-notice.celebrate,.reward-notice.celebrate .reward-confetti{animation:none}}

/* Full milestone scene: unmistakable on a phone, readable for older shoppers. */
.reward-notice{position:fixed;inset:0;z-index:200;display:grid;place-items:center;width:auto;padding:20px;background:#000b;transform:none;text-align:center;overflow:hidden;box-shadow:none}
.reward-notice[hidden]{display:none}
.reward-card{position:relative;width:min(440px,100%);padding:42px 24px 26px;border:2px solid #8de0a8;border-radius:26px;background:linear-gradient(150deg,#184a34,#0b2117);color:#effff3;box-shadow:0 22px 80px #000,0 0 34px #60cf873d;overflow:hidden}
.reward-card::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff18;border-radius:20px;pointer-events:none}
.reward-copy,.reward-spark,.reward-action,.reward-close{position:relative;z-index:3}
.reward-spark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#ffffff12;color:#a9f5bf;font-size:44px;box-shadow:0 0 0 8px #ffffff08}
.reward-copy strong{display:block;font-size:28px;line-height:1.2;color:#fff5c7}
.reward-copy p{max-width:350px;margin:14px auto 0;font-size:18px;line-height:1.55;color:#edf7ef}
.reward-action{width:100%;min-height:54px;margin-top:24px;background:#f0d174;color:#241d0d;border-color:#ffe7a2;font-size:17px;font-weight:750}
.reward-close{position:absolute;right:12px;top:12px;min-width:44px;background:#0003;border-color:#ffffff45;color:#fff}
.reward-notice[data-kind=gift] .reward-card{background:linear-gradient(150deg,#664a18,#2c200c);border-color:#ffd875;box-shadow:0 22px 80px #000,0 0 40px #f0c65d40}
.reward-notice[data-kind=gift] .reward-spark{color:#ffe082;background:#fff4c81c}
.confetti-scene{position:absolute;inset:-15px 0 0;z-index:2;pointer-events:none;overflow:hidden}
.confetti-scene i{position:absolute;top:-10%;font-style:normal;font-size:18px;color:#f5d56f;opacity:0}
.confetti-scene i:nth-child(1){left:7%;color:#77e19a}.confetti-scene i:nth-child(2){left:15%;color:#62c9e8}.confetti-scene i:nth-child(3){left:24%;color:#f4cc5f}.confetti-scene i:nth-child(4){left:33%;color:#e677ae}.confetti-scene i:nth-child(5){left:41%;color:#8bd77b}.confetti-scene i:nth-child(6){left:49%;color:#ffd978}.confetti-scene i:nth-child(7){left:57%;color:#68c8e8}.confetti-scene i:nth-child(8){left:65%;color:#e981aa}.confetti-scene i:nth-child(9){left:73%;color:#89e2a3}.confetti-scene i:nth-child(10){left:81%;color:#f6d467}.confetti-scene i:nth-child(11){left:89%;color:#65c9e6}.confetti-scene i:nth-child(12){left:95%;color:#e880a7}
.reward-notice.celebrate{animation:none}
.reward-notice.celebrate .confetti-scene i{animation:confetti-fall 2.4s ease-out forwards}
.reward-notice.celebrate .confetti-scene i:nth-child(2n){animation-delay:.12s}.reward-notice.celebrate .confetti-scene i:nth-child(3n){animation-delay:.25s}.reward-notice.celebrate .confetti-scene i:nth-child(4n){animation-delay:.4s}
.reward-notice.celebrate .reward-card{animation:milestone-card .5s cubic-bezier(.18,.85,.25,1.2)}
@keyframes milestone-card{from{opacity:0;transform:translateY(28px) scale(.88)}to{opacity:1;transform:none}}
@keyframes confetti-fall{0%{opacity:0;transform:translateY(-15px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(390px) rotate(520deg)}}
@media(max-width:760px){.reward-notice{padding:16px}.reward-card{padding:40px 20px 22px}.reward-copy strong{font-size:27px}.reward-copy p{font-size:18px}.reward-action{font-size:16px}.reward-spark{width:66px;height:66px}}
@media(max-width:370px){.reward-copy strong{font-size:24px}.reward-copy p{font-size:16px}.reward-card{padding-inline:16px}.reward-action{font-size:15px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.reward-notice.celebrate .reward-card,.reward-notice.celebrate .confetti-scene i{animation:none}.confetti-scene{display:none}}

/* Closer product imagery, truthful offers and printable delivery paperwork. */
.product-photo-frame{width:112px;height:112px;margin:4px auto 24px;border:2px solid #c8a64e;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 4px #d0a34712;flex:0 0 auto}
.product-photo-frame .product-photo,.product-card:not(.offer-card) .product-photo-frame .product-photo{width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:cover;transform:scale(1.13);transform-origin:center}
.offer-card .product-photo-frame{width:104px;height:104px;margin-bottom:18px}
.offer-highlight{margin-top:16px;padding:14px;border:1px solid #9b7d3f;border-radius:14px;background:linear-gradient(145deg,#2b2110,#15130d);display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#f5dda0}
.offer-kicker{font-size:12px;letter-spacing:.8px;font-weight:800;color:#bde2b9}
.offer-highlight small{font-size:13px;color:#c7c8b8}.offer-before{font-size:17px;color:#d0c7b0;text-decoration-color:#ef7777;text-decoration-thickness:2px}
.offer-now{font-size:16px;line-height:1.35}.offer-save{display:inline-flex;margin-top:5px;padding:5px 9px;border-radius:999px;background:#24583e;color:#fff2b9;font-size:14px}
@media(max-width:760px){.product-photo-frame{width:92px;height:92px;margin:2px auto 16px}.offer-card .product-photo-frame{width:92px;height:92px}.offer-highlight{padding:12px;margin-top:14px}.offer-highlight small{font-size:12px}.offer-before{font-size:16px}.offer-now{font-size:15px}}
@media(max-width:370px){.product-photo-frame{width:84px;height:84px}.offer-card .product-photo-frame{width:84px;height:84px}}