:root{--purple:#642c7c;--deep:#30103d;--lilac:#f1e9f6;--gold:#c4a263;--ink:#302638;--line:#e7deeb}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Arial,sans-serif;background:#f8f6fa;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b981d2;outline-offset:3px}button:disabled{opacity:.35;cursor:default}header{height:94px;background:linear-gradient(110deg,#281132,#582467);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px;border-bottom:2px solid #bb9857}.brand{font-size:29px;letter-spacing:5px;text-decoration:none;color:white;line-height:1.2}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:8px;color:#dcc9e7}.campaign{text-align:center;display:grid;gap:3px}.campaign b{font-size:13px;letter-spacing:2px;color:#e1c484}.campaign span{font-size:12px;color:#dfcde7}.cart-button{display:flex;align-items:center;gap:10px;background:#fff1;color:white;border:1px solid #ffffff35;border-radius:30px;padding:11px 17px;font-size:16px}.cart-button b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:white;color:var(--purple);font-size:12px}.intro{padding:17px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white;font-size:12px;gap:12px}.intro>div{display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#29814a}.intro p{margin:0;color:#807385}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1750px;margin:auto;gap:26px;padding:26px 3% 30px}.reader{min-width:0}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.paging{display:flex;align-items:center;gap:9px}.paging button,.reader-tools button{background:white;border:1px solid var(--line);border-radius:8px;min-width:36px;height:36px;color:var(--purple)}.paging button{font-size:25px}.paging label{font-size:12px;color:#786a7e;white-space:nowrap}.paging select{border:0;background:transparent;color:var(--deep);font-weight:700;font-size:14px;padding:5px}.reader-tools{display:flex;gap:7px}.reader-tools button{padding:0 10px;font-size:13px}.page-scroll{overflow:auto;background:#e5dce8;border-radius:12px;min-height:150px;box-shadow:0 8px 30px #31113d0a;touch-action:auto}.page-stage{width:100%;position:relative;margin:auto;line-height:0}.page-stage img{width:100%;height:auto;display:block;user-select:none}.page-stage.zoomed{width:170%}.pin{position:absolute;transform:translate(-25%,-50%);background:#fff;color:var(--purple);border:2px solid var(--purple);border-radius:50%;width:25px;height:25px;box-shadow:0 2px 8px #0003;font:700 20px/1 Arial;display:grid;place-items:center;padding:0;z-index:1}.pin:hover{background:var(--purple);color:white;transform:translate(-25%,-50%) scale(1.1)}.page-caption{display:flex;justify-content:space-between;gap:20px;color:#8a7b8e;font-size:10px;padding:12px 2px}.shop{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:23px;align-self:start}.eyebrow{font-size:9px;letter-spacing:2px;color:#9c74ac;font-weight:700}.shop-heading h1{font:26px/1.14 Georgia,serif;color:var(--deep);margin:12px 0}.shop-heading p{font-size:12px;color:#8b7a91;margin:0 0 20px}.shop-heading p b{color:var(--purple)}.search-box{position:relative}.search-box input,input#customer{width:100%;padding:12px 32px 12px 12px;border:1px solid var(--line);border-radius:8px;background:#fcfafc;color:var(--ink);font-size:12px}.search-box>span{position:absolute;right:12px;top:7px;color:var(--purple);font-size:22px}#category{margin:10px 0 14px;width:100%;padding:9px 12px;background:white;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#75667c}.list-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0 8px;font-size:12px}.list-heading button,.text-button{color:var(--purple);background:none;font-size:11px;font-weight:700}#product-list{max-height:48vh;overflow:auto}.product{padding:14px 0;border-bottom:1px solid #eee8f0}.product .code{font-size:10px;letter-spacing:.6px;color:#96839e}.product h3{font-size:12px;line-height:1.5;margin:5px 0 9px;font-weight:500}.product .buy{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-size:16px;font-weight:700;color:var(--deep)}.add{border-radius:7px;background:var(--lilac);color:var(--purple);font-weight:700;font-size:12px;padding:8px 10px}.add:hover{background:var(--purple);color:white}.view-page{font-size:10px;color:#8e699f;background:none;margin-top:9px;padding:0}.fine{font-size:10px;line-height:1.7;color:#9989a0;margin:18px 0 0}.empty{padding:25px 8px;text-align:center;color:#96859e;font-size:12px}.bottom-cart{position:sticky;bottom:15px;z-index:4;margin:0 auto 20px;width:min(480px,92%);padding:13px 16px;border-radius:14px;background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px #30103d44}.bottom-cart[hidden]{display:none}.bottom-cart>div{display:grid}.bottom-cart span{font-size:10px;color:#d8bee5}.bottom-cart strong{font-size:18px}.bottom-cart button{background:#d7b772;color:#30103d;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:bold}.bottom-cart button span{color:inherit;margin-left:15px}dialog{border:1px solid var(--line);border-radius:18px;width:min(540px,94%);max-height:88vh;padding:25px;color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#25122c99;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}h2{font:26px Georgia;color:var(--deep);margin:6px 0}.close{background:#f3edf6;color:var(--purple);border-radius:50%;width:34px;height:34px;font-size:24px}.cart-row{border-bottom:1px solid var(--line);padding:15px 0}.cart-row h3{font-size:13px;margin:3px 0 10px}.cart-row>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.cart-row small{color:#8c7b95;font-size:10px}.quantity{display:flex;align-items:center;gap:12px;font-size:13px}.quantity button{background:var(--lilac);color:var(--purple);border-radius:5px;width:28px;height:28px}.remove{background:transparent;color:#9b5873;font-size:11px}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:14px}.cart-total strong{font-size:25px;color:var(--deep)}.name-label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}.whatsapp{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#237b50;color:white;border-radius:9px;padding:15px 8px;font-size:13px;font-weight:700;margin-top:20px}.text-button{display:block;margin:18px auto 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);border-radius:30px;background:#fff;color:var(--purple);padding:12px 20px;box-shadow:0 5px 30px #0002;z-index:15;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center}#toast.visible{opacity:1}#pages{width:min(900px,94%)}#page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}#page-grid button{background:var(--lilac);padding:6px;border-radius:6px;color:var(--purple);font-size:11px}#page-grid img{display:block;width:100%;aspect-ratio:964/737;object-fit:contain;border-radius:3px;margin-bottom:5px}footer{text-align:center;padding:12px 20px 30px;font-size:10px;color:#9b8aa2}footer span{display:block;font-size:9px;margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){main{padding-top:35px;gap:35px;grid-template-columns:minmax(0,1fr) 350px}.shop{padding:28px}.shop-heading h1{font-size:30px}}@media(max-width:900px){main{grid-template-columns:1fr;padding:16px 3%;gap:10px}.shop{padding:20px}.shop-heading h1{font-size:24px}.shop-heading p{margin-bottom:15px}#product-list{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.intro{padding:12px 4%;display:block}.intro p{margin-top:5px;font-size:10px}.shop .fine{margin-top:14px}.page-caption{padding:10px 2px}.page-caption span:last-child{display:none}.bottom-cart{bottom:9px;margin-top:14px}header{height:78px;padding:0 4%;gap:10px}.brand{font-size:23px;letter-spacing:3px}.brand span{font-size:8px;letter-spacing:2px}.campaign b{font-size:9px;letter-spacing:1px}.campaign span{font-size:10px}.cart-button{padding:8px 10px;gap:6px}.cart-button>span{display:none}.reader-tools span{display:none}.pin{width:24px;height:24px;font-size:18px}#page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:420px){.product .buy{align-items:flex-start;gap:7px;flex-direction:column}.add{width:100%}.campaign b{font-size:8px}.reader-tools button{min-width:31px;padding:0 7px}.page-caption{font-size:9px}.shop{padding:16px}.price{font-size:15px}.paging{gap:5px}.paging label{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Small bag markers; layoutPins keeps neighbouring options apart. */
.pin{width:var(--bag-size,15px);height:var(--bag-size,15px);min-width:0;min-height:0;transform:translate(-50%,-50%);border:1px solid #744497;background:#fffefdf2;box-shadow:0 1px 3px #2f103d35;padding:2px;color:#642c7c;line-height:0}.pin svg{display:block;width:100%;height:100%;pointer-events:none}.pin:hover{transform:translate(-50%,-50%) scale(1.18);background:#642c7c;color:white}.pin:focus-visible{outline:2px solid #d0a357;outline-offset:2px;z-index:3}.kit-pin{border-color:#a67c35;color:#79521f;background:#fff9e8}.kit-pin:hover{background:#79521f;color:white}@media(max-width:900px){.pin{padding:1.5px;width:var(--bag-size,13px);height:var(--bag-size,13px)}}

.consultant-discount{border:1px solid #dec9e9;background:#f3eaf9;border-radius:10px;padding:14px 16px;margin:0 0 16px;color:#63367a}.consultant-discount strong{font-size:13px;display:block}.consultant-discount p{font-size:11px;line-height:1.65;margin:7px 0 0}.bottom-cart small{font-size:7px;color:#d8bee5;max-width:210px;line-height:1.4;margin-top:3px}.bottom-cart button{flex-shrink:0}.pin[hidden]{display:none!important}

/* Fixed, reviewed positions scale with the original page; they never jump to another product. */
.pin{padding:max(.65px,calc(var(--bag-size,15px) * .1))}@media(max-width:900px){.pin{padding:max(.65px,calc(var(--bag-size,13px) * .1))}}#magazine-price-notice{color:#ffe600;font-weight:900;font-size:8.5px;letter-spacing:.12px;line-height:1.45}.price-notice-pulse{animation:price-notice-flash .55s ease-in-out 3}@keyframes price-notice-flash{0%,100%{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.price-notice-pulse{animation:none}}

.product-pricing{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.original-price{color:var(--deep);font-size:12px;text-decoration-line:line-through;text-decoration-color:#c52e40;text-decoration-thickness:1.5px}.promo-price{display:inline-block;background:#c82b41;color:#fff;font-size:15px;font-weight:700;padding:4px 7px;border-radius:4px;white-space:nowrap}.product .buy{align-items:center}.pin [data-bag-count]{pointer-events:none}

/* Soft Fix: keep every bag on its own narrow shade at the standard size. */
@media(max-width:900px){.page-stage.exact-colors{min-width:380px}}

.page-scroll{touch-action:auto}.bottom-paging{justify-content:center;margin-top:12px}.bottom-paging span{font-size:12px;min-width:110px;text-align:center}.bottom-paging button{min-width:44px;height:40px}

.reader-frame{position:relative;margin-inline:5px}.side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:28px;height:44px;display:grid;place-items:center;padding:0;background:#58246766;color:#fff;border:0;border-radius:6px;font:normal 42px/1 Arial;box-shadow:none;touch-action:manipulation}.side-prev{left:-14px}.side-next{right:-14px}.side-arrow:disabled{visibility:hidden}@media(hover:hover){.side-arrow:hover{background:#58246766}}

.page-scroll.zoom-viewport{overflow:auto;overscroll-behavior:contain}.page-scroll.zoom-viewport .page-stage{margin:0}

.product-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;max-height:none;background:#fff;border:1px solid #eee8f0;border-radius:9px;margin-bottom:12px}@media(max-width:900px){.product-photo{max-height:none}}

.black-ribbon{position:relative;overflow:hidden;background:linear-gradient(110deg,#0e0812,#24102d 48%,#100a15);color:#f8e5ac;border-top:1px solid #b9955c;border-bottom:1px solid #b9955c;isolation:isolate;border-radius:10px 10px 0 0}.black-ribbon:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff3c02e 48%,#fff6dc55 50%,transparent 63%);transform:translateX(-110%);animation:ribbon-shimmer 6s ease-in-out infinite}.black-ribbon-track{display:flex;width:max-content;animation:ribbon-scroll 32s linear infinite}.black-ribbon-group{display:flex;align-items:center;gap:36px;flex-shrink:0;padding:17px 18px}.black-solid,.black-outline{display:block;text-align:center;font:900 23px/.93 Arial,sans-serif;letter-spacing:1.2px;white-space:nowrap;animation:ribbon-letter-pulse 2.4s ease-in-out infinite}.black-solid b,.black-outline b{display:block;font-size:14px;letter-spacing:2px;margin-top:3px}.black-solid{background:linear-gradient(120deg,#fff9e9,#dcb66b,#fff3c9);-webkit-background-clip:text;background-clip:text;color:transparent}.black-outline{color:transparent;-webkit-text-stroke:.8px #e6c98b}.black-star{font-size:26px;color:#ead29c;filter:drop-shadow(0 0 5px #dfba5c55)}.black-ribbon:hover .black-ribbon-track{animation-play-state:paused}@keyframes ribbon-scroll{to{transform:translateX(-50%)}}@keyframes ribbon-shimmer{70%,100%{transform:translateX(110%)}}@keyframes ribbon-letter-pulse{50%{opacity:.45}}.launch-photo{position:relative;display:block;margin-bottom:12px}.launch-photo .product-photo{margin-bottom:0}.launch-badge{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);display:block;width:75%;max-width:calc(100% - 12px);box-sizing:border-box;margin:0;padding:5px 6px;background:#642986;color:#ffe600;border-radius:4px;font-size:12px;line-height:16px;font-weight:900;letter-spacing:.6px;text-align:center;white-space:nowrap;pointer-events:none;animation:launch-letter-blink 1.6s ease-in-out infinite}.cologne-only .launch-badge{font-size:10px;letter-spacing:.1px}@keyframes launch-letter-blink{50%{color:transparent;text-shadow:none}}@media(max-width:600px){.black-ribbon-group{gap:24px;padding:15px 14px}.black-solid,.black-outline{font-size:20px}.black-solid b,.black-outline b{font-size:12px}.black-star{font-size:22px}}@media(prefers-reduced-motion:reduce){.black-ribbon-track,.black-ribbon:after,.black-solid,.black-outline,.launch-badge{animation:none}}
