/* ---------- Product page ---------- */
.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:start;padding-top:clamp(20px,3vw,40px)}
.gallery{display:grid;gap:12px}
.gallery .main{position:relative;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(160deg,#FFF8F0,#D3FFEE);aspect-ratio:1/1;box-shadow:var(--sh-card);border:1px solid var(--line)}
.gallery .main img{width:100%;height:100%;object-fit:cover;padding:0;transition:transform .5s var(--ease)}
.gallery .thumbs{display:flex;gap:10px;flex-wrap:wrap}
.gallery .thumbs button{width:76px;height:76px;border-radius:var(--r-md);border:2px solid var(--line);background:#fff;overflow:hidden;padding:0;transition:.2s}
.gallery .thumbs button img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs button.active,.gallery .thumbs button:hover{border-color:var(--primary)}
.buybox h1{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:12px}
.buybox .price{font-size:1.7rem;margin:6px 0 14px}
.buybox .price del{font-size:1.1rem}
.stock{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;font-size:.9rem;color:var(--muted);margin-bottom:16px}
.stock span{display:inline-flex;gap:6px;align-items:center}
.stock svg{width:16px;height:16px;color:var(--teal)}
.buy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}
.qty{display:inline-flex;align-items:center;border:2px solid var(--line-strong);border-radius:var(--r-pill);overflow:hidden;background:#fff}
.qty button{width:44px;height:48px;border:0;background:none;font-weight:800;font-size:1.2rem;color:var(--ink)}
.qty input{width:48px;text-align:center;border:0;font-weight:800;font-size:1rem;outline:0}
.short-desc{color:#17261E;font-size:1.02rem;line-height:1.6;margin-bottom:16px}
.tip-box{display:flex;gap:16px;align-items:center;background:var(--lilac);border-radius:var(--r-lg);padding:16px 18px;margin:18px 0}
.tip-box img{width:64px;height:64px;object-fit:contain;flex:none}
.tip-box p{margin:0;font-size:.92rem;font-weight:600;color:var(--plum)}
.coa-box{background:#fff;border:var(--ink-w) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--pop);padding:16px 18px;margin:18px 0 6px;display:grid;gap:12px}
.coa-head{display:flex;gap:12px;align-items:flex-start}
.coa-head i{flex:none;width:44px;height:44px;border-radius:12px;border:2px solid var(--ink);background:var(--leaf-soft);display:grid;place-items:center;color:var(--ink);box-shadow:var(--pop-sm)}
.coa-head i svg{width:22px;height:22px}
.coa-head b{display:block;font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1.2}
.coa-head span{display:block;font-size:.9rem;color:var(--muted);font-weight:600;margin-top:3px}
.coa-list{display:grid;gap:10px}
.coa-item{display:flex;gap:12px;align-items:center;border:2px solid var(--ink);border-radius:14px;padding:8px;background:var(--cream);color:var(--ink);transition:.2s var(--ease-pop)}
.coa-item:hover{transform:translate(-2px,-2px);box-shadow:var(--pop-sm);background:#fff}
.coa-item img{width:64px;height:82px;object-fit:cover;object-position:top;border:1.5px solid var(--ink);border-radius:8px;background:#fff;flex:none}
.coa-item .coa-txt{display:grid;gap:2px;min-width:0}
.coa-item .coa-txt b{font-family:var(--font-display);font-weight:600;font-size:.98rem;line-height:1.2}
.coa-item .coa-txt small{font-size:.8rem;color:var(--muted);font-weight:600}
.coa-item .coa-txt em{font-style:normal;font-weight:800;font-size:.84rem;color:var(--primary)}
.coa-request{background:var(--leaf-soft)}
.coa-request .coa-head i{background:#fff}
.coa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:10px}
.coa-card{display:grid;gap:8px;border:var(--ink-w) solid var(--ink);border-radius:var(--r-md);background:#fff;padding:10px;box-shadow:var(--pop-sm);color:var(--ink);transition:.2s var(--ease-pop)}
.coa-card:hover{transform:translate(-2px,-2px);box-shadow:var(--pop)}
.coa-card img{width:100%;aspect-ratio:35/45;object-fit:cover;object-position:top;border:1.5px solid var(--ink);border-radius:8px;background:#fff}
.coa-card span{display:grid;gap:2px}
.coa-card b{font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1.2}
.coa-card em{font-style:normal;font-weight:800;font-size:.82rem;color:var(--primary)}
.tab-body .prose-p{font-weight:500;max-width:70ch}
/* ---- Reel-derived buy box (2026-09-25) ---- */
.proof-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:2px 0 12px}
.proof-stars,.proof-tp{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--ink);padding:6px 12px;border:2px solid var(--ink);border-radius:var(--r-pill);background:#fff;box-shadow:var(--pop-sm);transition:.2s var(--ease-pop)}
.proof-stars b{font-family:var(--font-display);font-size:1rem}
.proof-stars span,.proof-tp span{color:var(--muted);font-weight:700}
.proof-tp img{height:20px;width:auto}
.proof-stars:hover,.proof-tp:hover{transform:translate(-1px,-1px);box-shadow:var(--pop)}
.price-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 12px}
.buybox .price-row .price{margin:0}
.save-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--r-pill);background:var(--pink);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--pop-sm);font-family:var(--font-display);font-weight:600;font-size:.86rem}
.benefits3{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.benefits3 li{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:.98rem;line-height:1.35}
.benefits3 li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/14px no-repeat;border:2px solid var(--ink)}
.buycard{background:#fff;border:var(--ink-w) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--pop);padding:16px 18px;margin:6px 0 16px;display:grid;gap:14px}
.buycard .buy-row,.buycard .bundle-note,.buycard .stock{margin:0}
.tiers{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.tier{position:relative;display:grid;gap:2px;padding:14px 14px 12px;border:2px solid var(--ink);border-radius:var(--r-md);background:var(--cream);color:var(--ink);transition:.2s var(--ease-pop)}
.tier .tier-name{font-family:var(--font-display);font-weight:600;font-size:1rem}
.tier .tier-price{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--primary)}
.tier small{font-size:.8rem;color:var(--muted);font-weight:600;line-height:1.3}
.tier-best{background:var(--leaf-soft);box-shadow:var(--pop-sm);padding-top:24px}
.tier-best:hover{transform:translate(-2px,-2px);box-shadow:var(--pop)}
.tier-flag{position:absolute;top:-12px;left:12px;padding:4px 10px;border-radius:var(--r-pill);background:var(--pink);border:2px solid var(--ink);font-family:var(--font-display);font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.pay-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pay-mark{display:inline-grid;place-items:center;width:46px;height:30px;border:2px solid var(--ink);border-radius:7px;background:#fff;font-family:var(--font-display);font-weight:700;font-size:.66rem;letter-spacing:.02em;color:var(--ink)}
.pay-mark.visa{color:#1A1F71}.pay-mark.amex{background:#EAF4FB;color:#1F6FB2}.pay-mark.disc{font-size:.52rem;color:#E9711C}
.pay-mark.mc{display:inline-flex;align-items:center;justify-content:center}.pay-mark.mc i{width:15px;height:15px;border-radius:50%;background:#EB001B;display:inline-block}.pay-mark.mc i+i{background:#F79E1B;margin-left:-6px;opacity:.9}
.pay-txt{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--muted);margin-left:auto}
.pay-txt svg{width:16px;height:16px;color:var(--primary)}
.ship-timeline{list-style:none;margin:0;padding:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:2px dashed var(--line-strong)}
.ship-timeline li{display:grid;justify-items:center;text-align:center;gap:4px;font-size:.8rem;color:var(--muted);font-weight:600;line-height:1.25;position:relative}
.ship-timeline li i{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);background:var(--leaf-soft);display:grid;place-items:center;color:var(--ink);box-shadow:var(--pop-sm)}
.ship-timeline li:first-child i{background:var(--primary);color:#fff}
.ship-timeline li i svg{width:16px;height:16px}
.ship-timeline li b{font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--ink)}
.ship-timeline li:not(:last-child)::after{content:"";position:absolute;top:28px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;background:var(--ink);opacity:.35}
.trust-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.trust-tiles>div{display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 8px;border:2px solid var(--ink);border-radius:var(--r-md);background:#fff;box-shadow:var(--pop-sm)}
.trust-tiles i{width:36px;height:36px;border-radius:10px;border:2px solid var(--ink);background:var(--leaf-soft);display:grid;place-items:center;color:var(--ink)}
.trust-tiles i svg{width:18px;height:18px}
.trust-tiles b{font-family:var(--font-display);font-weight:600;font-size:.86rem;line-height:1.15}
.trust-tiles span{font-size:.72rem;color:var(--muted);font-weight:700;line-height:1.2}
.rev-inline{background:var(--pink-soft);border:2px solid var(--ink);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--pop-sm);margin:0 0 16px}
.rev-inline-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:6px}
.rev-inline b{display:block;font-family:var(--font-display);font-weight:600;margin-bottom:4px}
.rev-inline p{margin:0;font-size:.98rem;line-height:1.5;font-weight:500}
.rev-more{margin-top:10px}
.rev-more summary{cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--primary);font-size:.9rem;list-style:none}
.rev-more summary::-webkit-details-marker{display:none}
.rev-inline-item{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.media-strip{margin:clamp(28px,4vw,52px) 0 0}
.media-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;align-items:stretch}
.media-row figure{margin:0;border:var(--ink-w) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--pop-sm);aspect-ratio:4/5;background:#fff}
.media-row figure img{width:100%;height:100%;object-fit:cover}
.media-video{position:relative;display:block;border:var(--ink-w) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--pop);min-height:280px}
.media-video img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-video .play{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-pill);background:#fff;border:2px solid var(--ink);box-shadow:var(--pop-sm);font-family:var(--font-display);font-weight:600;color:var(--ink);z-index:1}
.media-video .play svg{width:18px;height:18px;color:var(--cta)}
.media-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,38,30,0) 55%,rgba(23,38,30,.5) 100%)}
.video-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px}
.video-modal[hidden]{display:none}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(31,61,43,.86);backdrop-filter:blur(4px)}
.video-modal-card{position:relative;width:min(1080px,100%);animation:pop .35s var(--ease-pop)}
.video-modal-frame{aspect-ratio:16/9;background:#000;border:3px solid var(--ink);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--pop-lg)}
.video-modal-frame iframe{width:100%;height:100%;border:0;display:block}
.video-modal-close{position:absolute;top:-18px;right:-14px;z-index:2;background:var(--pink)}
.video-modal-close:hover{background:#fff}
@media (max-width:680px){.video-modal{padding:12px}.video-modal-frame{border-radius:var(--r-lg)}.video-modal-close{top:-16px;right:-4px}}
.pfaq{background-color:#fff}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:var(--ink-w) solid var(--ink);box-shadow:0 -8px 0 rgba(23,38,30,.08);transform:translateY(110%);transition:transform .3s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy img{width:48px;height:48px;border-radius:10px;border:2px solid var(--ink);object-fit:cover;flex:none}
.sticky-buy .sb-txt{display:grid;gap:2px;min-width:0;flex:1}
.sticky-buy .sb-txt b{font-family:var(--font-display);font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .sb-txt span{font-size:.82rem;font-weight:700;color:var(--primary)}
@media (max-width:1020px){.sticky-buy{display:flex}}
@media (max-width:680px){.tiers{grid-template-columns:1fr}.trust-tiles{grid-template-columns:repeat(2,1fr)}.ship-timeline li{font-size:.74rem}.media-row{grid-template-columns:1fr 1fr}.media-video{grid-column:1/-1;min-height:220px;aspect-ratio:16/10}.pay-txt{margin-left:0;width:100%}}
.coa-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px}
.coa-modal[hidden]{display:none}
.coa-modal-backdrop{position:absolute;inset:0;background:rgba(31,61,43,.8);backdrop-filter:blur(4px)}
.coa-modal-card{position:relative;width:min(920px,100%);max-height:calc(100vh - 32px);background:#fff;border:3px solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--pop-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop .35s var(--ease-pop)}
.coa-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;border-bottom:var(--ink-w) solid var(--ink);background:var(--leaf-soft)}
.coa-modal-head h3{margin:0;font-size:1.25rem;line-height:1.2}
.coa-modal-head .eyebrow{margin-bottom:8px;transform:none}
.coa-modal-meta{margin:4px 0 0;font-size:.88rem;color:var(--muted);font-weight:600}
.coa-modal-body{overflow:auto;padding:18px;background:var(--cream);display:grid;gap:14px;justify-items:center;-webkit-overflow-scrolling:touch;min-height:200px}
.coa-modal-body img{width:100%;max-width:820px;border:2px solid var(--ink);border-radius:12px;background:#fff;box-shadow:var(--pop-sm)}
.coa-modal-body iframe{width:100%;height:70vh;border:2px solid var(--ink);border-radius:12px;background:#fff}
.coa-modal-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 20px;border-top:var(--ink-w) solid var(--ink);background:#fff}
.coa-modal-note{font-size:.8rem;color:var(--muted);font-weight:600;margin-left:auto}
@media (max-width:680px){.coa-modal{padding:0}.coa-modal-card{max-height:100vh;height:100%;width:100%;border-radius:0;border-width:0 0 0 0}.coa-modal-foot .btn{flex:1;justify-content:center}.coa-modal-note{margin-left:0;width:100%}.coa-modal-body{padding:12px}}
.tabs{margin-top:clamp(28px,4vw,56px)}
.tabs details{border-top:1px solid var(--line)}
.tabs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-family:var(--font-display);font-size:1.4rem;font-weight:600}
.tabs summary::-webkit-details-marker{display:none}
.tabs summary i{width:34px;height:34px;border-radius:50%;background:var(--lilac);display:grid;place-items:center;color:var(--primary);transition:transform .3s}
.tabs summary i svg{width:18px;height:18px}
.tabs details[open] summary i{transform:rotate(45deg)}
.tabs .tab-body{padding:0 0 26px}
.bundle-note{background:var(--mango-soft);border:1px dashed var(--mango);border-radius:var(--r-md);padding:14px 16px;font-size:.92rem;font-weight:600;margin:14px 0}
.bundle-note ul{margin:8px 0 0;padding-left:1.2em}