.stock-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;line-height:1.4;border:1px solid transparent} .stock-low{background:#FFF1D6;color:#8A5A00;border-color:#F2D69A} .stock-out{background:#FBEFEF;color:#7A1F1F;border-color:#E5C4C4} .pd-info .stock-badge{margin-top:10px} .card .stock-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:10px;padding:4px 9px} .social-proof{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;padding:10px 14px;margin:14px 0 4px;background:rgba(107,122,47,.06);border:1px solid rgba(107,122,47,.18);border-radius:8px;font-size:13px;color:var(--ink,#0a0a0a);line-height:1.5} .social-proof strong{color:var(--leaf,#4F5C26);font-weight:600} .sp-buy{display:inline-flex;align-items:center;gap:4px} .sp-view{display:inline-flex;align-items:center;gap:4px;color:var(--muted-text,#5F5F5F)} .free-shipping-meter{margin:18px 0;padding:14px 18px;background:var(--cream,#F4F4F4);border:1px solid var(--gold-border,#D8D8D8);border-radius:10px} .fsm-text{font-size:14px;color:var(--ink,#0a0a0a);margin:0 0 10px;display:flex;align-items:center;gap:6px} .fsm-text strong{color:var(--leaf,#4F5C26);font-weight:600} .fsm-track{height:8px;background:rgba(0,0,0,.06);border-radius:4px;overflow:hidden} .fsm-fill{height:100%;background:linear-gradient(90deg,#8fa454,#c8b560);border-radius:4px;transition:width .4s ease} .fsm-done{background:rgba(107,122,47,.1);border-color:rgba(107,122,47,.3)} .fsm-done .fsm-text{color:var(--leaf,#4F5C26);font-weight:600} .fsm-done .fsm-fill{width:100% !important} .crosssell{margin:24px 0;padding:24px;background:var(--olive-2,#fff);border:1px solid var(--gold-border,#D8D8D8);border-radius:10px} .crosssell h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--ink,#0a0a0a);font-weight:500;margin:0 0 16px;text-align:center} .crosssell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .crosssell-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;border:1px solid var(--gold-border,#D8D8D8);border-radius:8px;background:#fff;transition:transform .2s,box-shadow .2s} .crosssell-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)} .crosssell-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;margin-bottom:8px} .crosssell-item .name{font-size:13px;color:var(--ink,#0a0a0a);line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px} .crosssell-item .price{font-size:14px;font-weight:600;color:var(--ink,#0a0a0a);margin:0 0 8px} .crosssell-item form{width:100%;margin:0} .crosssell-item .btn{width:100%;padding:8px 12px;font-size:11px;min-height:36px} @media(max-width:600px){.crosssell-grid{grid-template-columns:repeat(2,1fr)}} .cart-added-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:none;align-items:center;justify-content:center;padding:20px} .cart-added-modal.open{display:flex;animation:camfade .22s ease} @keyframes camfade{from{opacity:0}to{opacity:1}} .cam-inner{position:relative;background:#fff;border-radius:14px;padding:32px 28px;max-width:460px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:campop .3s cubic-bezier(.4,.0,.2,1)} @keyframes campop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}} .cam-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.05);color:#444;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .cam-close:hover{background:rgba(0,0,0,.1)} .cam-success{display:inline-block;font-size:13px;color:var(--leaf,#4F5C26);font-weight:600;letter-spacing:.04em;background:rgba(107,122,47,.1);padding:4px 12px;border-radius:999px;margin:0 0 18px} .cam-product{display:flex;gap:14px;align-items:center;padding:14px;background:var(--cream,#F4F4F4);border-radius:10px;margin-bottom:14px} .cam-img{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#fff;flex-shrink:0} .cam-info{flex:1;min-width:0} .cam-name{margin:0 0 4px;font-family:'Playfair Display',serif;font-size:16px;font-weight:500;color:var(--ink,#0a0a0a);line-height:1.3} .cam-meta{margin:0;font-size:13px;color:var(--muted-text,#5F5F5F)} .cam-meta .cam-price{color:var(--ink);font-weight:600} .cam-summary{font-size:13px;color:var(--muted-text);text-align:center;padding:10px 0;border-top:1px solid var(--gold-border,#D8D8D8);border-bottom:1px solid var(--gold-border,#D8D8D8);margin-bottom:18px} .cam-summary strong{color:var(--ink,#0a0a0a);font-family:'Playfair Display',serif;font-size:15px} .cam-actions{display:flex;flex-direction:column;gap:10px} .cam-actions .btn{width:100%;justify-content:center;padding:12px 16px;font-size:11px;letter-spacing:.14em;min-height:44px;white-space:normal;line-height:1.3} @media(min-width:520px){.cam-actions{flex-direction:row}.cam-actions .btn{flex:1 1 0;width:auto;min-width:0}} @media(max-width:600px){.cam-inner{padding:22px 18px}} .compare-btn{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(200,200,200,.6);color:var(--ink,#0a0a0a);display:grid;place-items:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(20,20,20,.1);font-size:16px;font-weight:600;line-height:1} .compare-btn:hover{background:#fff;color:var(--gold,#6B7A2F);border-color:var(--gold,#6B7A2F)} .compare-btn.active{background:var(--leaf,#4F5C26);color:#fff;border-color:var(--leaf,#4F5C26)} .compare-btn:focus-visible{outline:2px solid var(--focus-ring,#6B7A2F);outline-offset:2px} .social-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--gold-border,#D8D8D8);margin-top:18px} .ss-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-text,#5F5F5F);font-weight:600;margin-right:4px} .ss-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--olive-2,#fff);border:1px solid var(--gold-border,#D8D8D8);color:var(--ink,#0a0a0a);cursor:pointer;transition:all .2s;text-decoration:none} .ss-btn:hover{background:var(--ink,#0a0a0a);color:var(--olive-2,#fff);border-color:transparent;transform:translateY(-2px)} .ss-btn:focus-visible{outline:2px solid var(--gold,#6B7A2F);outline-offset:2px} .ss-whatsapp:hover{background:#25D366;border-color:transparent} .ss-twitter:hover{background:#000;border-color:transparent} .ss-facebook:hover{background:#1877F2;border-color:transparent} .ss-pinterest:hover{background:#E60023;border-color:transparent} .ss-email:hover{background:#6B7A2F;border-color:transparent} .pd-faqs{display:flex;flex-direction:column;gap:8px} .pd-faq{border:1px solid var(--gold-border,#D8D8D8);border-radius:8px;background:#fff;overflow:hidden;transition:box-shadow .2s} .pd-faq[open]{box-shadow:0 4px 12px rgba(0,0,0,.04)} .pd-faq summary{padding:14px 18px;cursor:pointer;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--ink,#0a0a0a);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;outline:none;user-select:none} .pd-faq summary::-webkit-details-marker{display:none} .pd-faq summary::after{content:'+';color:var(--gold,#6B7A2F);font-size:22px;font-weight:300;line-height:1;transition:transform .2s;flex-shrink:0} .pd-faq[open] summary::after{content:'−';transform:rotate(0deg)} .pd-faq summary:hover{background:rgba(107,122,47,.04)} .pd-faq summary:focus-visible{outline:2px solid var(--gold,#6B7A2F);outline-offset:-2px} .pd-faq-a{padding:0 18px 16px;color:var(--muted-text,#5F5F5F);font-size:14px;line-height:1.65} .exit-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:none;align-items:center;justify-content:center;padding:20px} .exit-modal.open{display:flex;animation:exitfade .25s ease} @keyframes exitfade{from{opacity:0}to{opacity:1}} .exit-modal-inner{position:relative;background:#fff;border-radius:14px;padding:36px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:exitpop .35s cubic-bezier(.4,.0,.2,1)} @keyframes exitpop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}} .exit-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.05);color:#444;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s} .exit-modal-close:hover{background:rgba(0,0,0,.1)} .exit-modal h3{font-family:'Playfair Display',serif;font-size:24px;color:var(--ink,#0a0a0a);margin:0 0 8px;font-weight:500;line-height:1.2} .exit-modal .kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--leaf,#4F5C26);font-weight:600;margin-bottom:14px;display:block} .exit-modal p{color:var(--muted-text,#5F5F5F);font-size:14px;line-height:1.5;margin:0 0 20px} .exit-modal form{display:flex;flex-direction:column;gap:10px} .exit-modal input[type=email]{padding:13px 16px;border:1px solid var(--gold-border,#D8D8D8);border-radius:6px;font-size:15px;font-family:inherit;width:100%;background:#fff;color:var(--ink,#0a0a0a)} .exit-modal input[type=email]:focus{border-color:var(--leaf,#4F5C26);outline:none;box-shadow:0 0 0 3px rgba(107,122,47,.18)} .exit-modal .btn{width:100%;justify-content:center} .exit-modal .em-msg{font-size:13px;color:var(--leaf,#4F5C26);margin-top:10px} .exit-modal .em-err{color:#7A1F1F} .exit-modal small{display:block;margin-top:14px;font-size:11px;color:var(--muted-text,#5F5F5F)} body.mcd-open, body.sg-open { overflow: hidden; } .mini-cart-drawer, .size-guide-modal { position: fixed; inset: 0; z-index: 14000 !important; pointer-events: none; visibility: hidden; } .mini-cart-drawer.is-open, .size-guide-modal.is-open { pointer-events: auto; visibility: visible; } .mcd-backdrop, .sg-backdrop { position: absolute; inset: 0; background: rgba(53, 42, 48, 0.38); opacity: 0; transition: opacity 0.28s ease; } .mini-cart-drawer.is-open .mcd-backdrop, .size-guide-modal.is-open .sg-backdrop { opacity: 1; } .mcd-panel { position: absolute; top: 0; right: 0; width: min(380px, 92vw); height: 100%; background: #fff; box-shadow: -8px 0 32px rgba(53, 42, 48, 0.12); transform: translateX(104%); transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; } .mini-cart-drawer.is-open .mcd-panel { transform: translateX(0); } .mcd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid rgba(17, 24, 39, 0.08); background: #fff; } .mcd-head h2 { margin: 0; font-family: var(--aq-font-display, 'Cormorant Garamond', Georgia, serif); font-size: 1.25rem; font-weight: 600; line-height: 1.2; color: var(--aq-dark, #352a30); display: flex; align-items: center; gap: 8px; } .mcd-count-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--aq-blue, #b76e79); color: #fff; font-size: 11px; font-weight: 700; font-family: var(--aq-font-body, system-ui, sans-serif); letter-spacing: 0; } .mcd-close, .sg-close { width: 32px; height: 32px; border: none; border-radius: 10px; background: rgba(17, 24, 39, 0.05); color: var(--aq-text, #4a3f45); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s ease, color 0.2s ease; } .mcd-close:hover, .sg-close:hover { background: var(--aq-blue-light, #fcf3f5); color: var(--aq-blue-dark, #9a5562); } .mcd-body { flex: 1; overflow: auto; padding: 6px 18px 10px; -webkit-overflow-scrolling: touch; } .mcd-loading, .sg-loading { padding: 18px 0; text-align: center; color: var(--aq-muted, #9a8e94); font-size: 13px; } .mcd-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .mcd-item { display: flex; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(17, 24, 39, 0.07); align-items: flex-start; } .mcd-item:last-child { border-bottom: none; } .mcd-item-thumb { flex-shrink: 0; text-decoration: none; color: inherit; } .mcd-item-img { width: 62px; flex-shrink: 0; } .mcd-item-img img, .mcd-item-ph { width: 62px; height: 74px; border-radius: 8px; object-fit: cover; background: #f5f5f5; display: block; } .mcd-item-main { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; } .mcd-item-name { display: block; font-size: 13px; line-height: 1.35; font-weight: 600; color: var(--aq-dark, #352a30); text-decoration: none; } .mcd-item-name:hover { color: var(--aq-blue, #b76e79); } .mcd-variant { display: block; font-size: 11px; color: var(--aq-muted, #9a8e94); } .mcd-item-row { display: flex; align-items: center; gap: 8px; margin-top: 2px; } .mcd-qty { display: inline-flex; align-items: center; border: 1px solid rgba(17, 24, 39, 0.1); border-radius: 999px; overflow: hidden; background: #fff; } .mcd-qty-btn { width: 26px; height: 26px; border: none; background: transparent; cursor: pointer; font-size: 14px; line-height: 1; color: var(--aq-dark, #352a30); display: grid; place-items: center; } .mcd-qty-btn:hover { background: var(--aq-blue-light, #fcf3f5); color: var(--aq-blue-dark, #9a5562); } .mcd-qty-val { min-width: 22px; text-align: center; font-size: 12px; font-weight: 700; } .mcd-item-price { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--aq-dark, #352a30); white-space: nowrap; } .mcd-remove { width: 28px; height: 28px; border: none; border-radius: 8px; background: transparent; color: var(--aq-muted, #9a8e94); cursor: pointer; display: grid; place-items: center; flex-shrink: 0; font-size: 14px; } .mcd-remove:hover { background: rgba(209, 123, 133, 0.1); color: var(--aq-red, #d17b85); } .mcd-empty { text-align: center; padding: 36px 8px; color: var(--aq-muted, #9a8e94); } .mcd-empty-icon { font-size: 34px; line-height: 1; margin-bottom: 10px; color: var(--gold, #c9a38c); opacity: 0.85; } .mcd-empty p { margin: 0 0 14px; font-size: 14px; color: var(--aq-text, #4a3f45); } .mcd-foot { padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(17, 24, 39, 0.08); display: flex; flex-direction: column; gap: 8px; background: #fff; box-shadow: 0 -8px 24px rgba(53, 42, 48, 0.04); } .mcd-total-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 2px; } .mcd-total-row span { color: var(--aq-muted, #9a8e94); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; font-size: 10px; } .mcd-total-row strong { font-family: var(--aq-font-display, 'Cormorant Garamond', Georgia, serif); font-size: 1.35rem; font-weight: 600; color: var(--aq-dark, #352a30); } .mcd-foot .btn, .mcd-empty .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid transparent; font-family: var(--aq-font-body, 'Jost', sans-serif); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; line-height: 1; cursor: pointer; transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease; } .mcd-foot .btn-primary, .mcd-empty .btn-secondary { background: var(--aq-blue, #b76e79); border-color: var(--aq-blue, #b76e79); color: #fff; } .mcd-foot .btn-primary:hover, .mcd-empty .btn-secondary:hover { background: var(--aq-blue-dark, #9a5562); border-color: var(--aq-blue-dark, #9a5562); transform: translateY(-1px); } .mcd-foot .btn-secondary { background: #fff; border-color: rgba(17, 24, 39, 0.12); color: var(--aq-dark, #352a30); } .mcd-foot .btn-secondary:hover { border-color: var(--aq-blue, #b76e79); color: var(--aq-blue, #b76e79); background: var(--aq-blue-light, #fcf3f5); } .mcd-checkout, .mcd-cart-link { width: 100%; } @media (max-width: 640px) { .mcd-panel { width: 100vw; max-width: 100%; } .mcd-head { padding: 12px 16px; } .mcd-body { padding: 4px 16px 8px; } .mcd-foot { padding-left: 16px; padding-right: 16px; } } .sg-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(560px,calc(100vw - 32px));max-height:min(80vh,640px);background:#fff;border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,.18);opacity:0;transition:transform .28s ease,opacity .28s ease;display:flex;flex-direction:column;overflow:hidden} .size-guide-modal.is-open .sg-panel{transform:translate(-50%,-50%) scale(1);opacity:1} .sg-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--gold-border,#D8D8D8)} .sg-head h2{margin:0;font-family:'Playfair Display',serif;font-size:20px;font-weight:500} .sg-content{padding:18px 22px 22px;overflow:auto} .sg-subtitle{margin:0 0 14px;font-size:13px;color:var(--muted-text,#5F5F5F);line-height:1.5} .sg-table-wrap{overflow:auto;border:1px solid var(--gold-border,#D8D8D8);border-radius:8px} .sg-table{width:100%;border-collapse:collapse;font-size:13px} .sg-table th,.sg-table td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--gold-border,#D8D8D8)} .sg-table th{background:var(--cream,#F4F4F4);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase} .sg-table tr:last-child td{border-bottom:none} .sg-fit-note{margin:14px 0 0;font-size:12px;color:var(--muted-text,#5F5F5F);display:flex;gap:6px;align-items:flex-start} .sg-empty{margin:0;color:var(--muted-text,#5F5F5F);font-size:14px}