/* ===== v15 (Ada video feedback, 2 Nov 2026) — shared by product page + homepage ===== */
/* 12. Header: logo left (bigger), nav moved right */
.hdr__in{display:flex!important;align-items:center;gap:14px;height:76px}
.hdr__logo{order:1;margin-right:auto}.hdr__logo img{height:54px}
.hdr__nav{order:2}.hdr__right{order:3}.hdr__menu{order:4}
.hdr.is-slim .hdr__in{height:62px}.hdr.is-slim .hdr__logo img{height:44px}
.hdr.mo-shrunk .hdr__logo img{transform:scale(.9);transform-origin:0 50%}
.hdr__logo img{transform-origin:0 50%}
@media(min-width:1000px){.hdr__nav{margin-left:auto}.hdr__logo{margin-right:0}.hdr__in{height:84px}.hdr__logo img{height:62px}}
@media(max-width:999px){.hdr__logo img{height:46px}.hdr__in{gap:4px}}
/* 4. Product titles in DM Sans (same size/weight) */
.pc h3,.pc h3 a,.buy h1,.sticky__t b,.bi b,.mega__card b{font-family:var(--ff)!important}
/* 3. Founder quote in DM Sans */
.hf blockquote,.ada blockquote{font-family:var(--ff)!important;font-style:normal!important}
/* 9 + PDP: no Save % labels */
.pc__save,.price__save{display:none!important}
/* 8. Payment logos */
.pay--v15{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pay--v15 svg{width:48px;height:30px;display:block;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
@media(max-width:599px){.pay--v15{gap:6px}.pay--v15 svg{width:42px;height:26px}}

/* ---------- HOMEPAGE ---------- */
/* 1. Bigger hero media + own Flare Fix spot */
@media(min-width:900px){.home .hh__in{grid-template-columns:1fr 1fr;gap:56px}}
.home .hh__media{width:min(100%,580px)}
.home .hh__media video{aspect-ratio:4/5;border-radius:24px}
.hh__badge--v15{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;width:112px;height:112px;border-radius:50%;background:#121212!important;color:#fff!important;border:3px solid #F26A21;box-shadow:0 10px 28px rgba(18,18,18,.3);text-align:center;line-height:1.05;font-family:var(--ff)}
.hh__badge--v15 svg{width:18px;height:18px;fill:#F26A21;margin-bottom:3px}
.hh__badge--v15 b{font-size:26px;font-weight:700;letter-spacing:.02em}
.hh__badge--v15 span{font-size:11px;font-weight:700;letter-spacing:.14em;margin-top:3px}
@media(max-width:599px){.hh__badge--v15{width:92px;height:92px}.hh__badge--v15 b{font-size:21px}.hh__badge--v15 span{font-size:9.5px}}
.hh__ffx{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#fff;color:#121212;text-decoration:none;font:700 14px var(--ff);letter-spacing:.08em;padding:12px 18px 12px 12px;border-radius:999px;box-shadow:0 12px 30px rgba(18,18,18,.22);transition:transform .3s ease,box-shadow .3s ease}
.hh__ffx:hover{transform:translateX(-50%) translateY(-3px);box-shadow:0 16px 36px rgba(18,18,18,.28)}
.hh__ffx-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FFF2E2;font-size:17px}
.hh__ffx svg{width:18px;height:18px;fill:none;stroke:#F26A21;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:420px){.hh__ffx{font-size:12.5px;padding:10px 14px 10px 10px}}
/* 2. Black ticker: alternate tick + shield only */
.vm--ic .vm__g span::before{background:#F26A21!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.5 14.5L6 12l1.6-1.6 2.9 2.9 6-6L18 8.9z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.5 14.5L6 12l1.6-1.6 2.9 2.9 6-6L18 8.9z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.vm--ic .vm__g span:nth-child(even)::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.5 9.5 8 11 4.5-1.5 8-6 8-11V5z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.5 9.5 8 11 4.5-1.5 8-6 8-11V5z'/%3E%3C/svg%3E") center/contain no-repeat!important}
/* 5. B&A 4 tabs */
.batabs{flex-wrap:wrap}
@media(max-width:599px){.batabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.batabs button{font-size:12.5px;padding:9px 8px}}
.ba-vp.is-held .bac.is-c{box-shadow:0 0 0 2px #F26A21}
.ba-vp{-webkit-touch-callout:none}
/* 6. Treat the Root: no full orange background */
.ht--v15{background:#FFF2E2!important;color:#121212!important;position:relative}
.ht--v15 .ht__in{position:relative;background:#fff;border-radius:28px;padding:30px 24px;border:1px solid rgba(242,106,33,.35);box-shadow:0 18px 50px rgba(242,106,33,.10)}
@media(min-width:900px){.ht--v15 .ht__in{padding:56px 60px}}
.ht--v15 .ht__in::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:4px;border-radius:0 4px 4px 0;background:#F26A21}
.ht--v15 h2 em,.ht--v15 h3{color:#F26A21!important}.ht--v15 p{color:#3a3a3a!important}.ht--v15 .eyebrow{color:#F26A21}
.ht--v15 .ht__img img{filter:drop-shadow(0 20px 34px rgba(18,18,18,.16))}
.ht--v15 .btn{background:#F26A21;color:#fff;border-color:#F26A21}
/* 7. Flare fix heading link */
.h2link{color:inherit;text-decoration:none}.h2link:hover em{text-decoration:underline;text-underline-offset:6px}
#flare-fix .sec__cta{text-align:center;margin-top:24px}

/* ---------- PRODUCT PAGE ---------- */
/* 11. Fine-line black icons on white, no tints */
.kb__icons svg{background:transparent!important;stroke:#121212!important;stroke-width:1.5!important;padding:2px!important}
.trust svg,.ship-est svg,.plan__body svg{color:#121212!important;stroke:#121212;stroke-width:1.5}
.ticks li:before{background:transparent!important;color:#121212!important;border:1.5px solid #121212;font-size:11px;line-height:15px;text-align:center}
.trust{grid-template-columns:repeat(2,1fr)!important}
/* 14. timeline illustrations */
.tl__img{margin:-12px -10px 16px;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#fff}
.tl__img img{width:100%;height:100%;object-fit:cover;display:block}
/* 15. What's inside accordion */
.ing__grid{display:grid;gap:28px;align-items:start}
@media(min-width:900px){.ing__grid{grid-template-columns:1fr 1fr;gap:56px}}
.ing__img{margin:0;border-radius:22px;overflow:hidden;background:#f4f2ef}.ing__img img{width:100%;display:block;aspect-ratio:1;object-fit:cover}
.ing__list{border-top:1px solid #e6e2dc}
.ing__row{border-bottom:1px solid #e6e2dc}
.ing__row summary{list-style:none;display:flex;align-items:center;gap:14px;padding:14px 4px;cursor:pointer}
.ing__row summary::-webkit-details-marker{display:none}
.ing__row summary img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:0 0 56px}
.ing__row summary b{font:700 17px var(--ff)}
.ing__tag{font-size:12px;font-weight:600;border:1px solid #121212;border-radius:999px;padding:3px 10px;white-space:nowrap}
.ing__pm{margin-left:auto;width:28px;height:28px;flex:0 0 28px;position:relative;border-radius:50%;border:1px solid #121212}
.ing__pm::before,.ing__pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:#121212;transform:translate(-50%,-50%);transition:transform .25s ease}
.ing__pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.ing__row[open] .ing__pm::after{transform:translate(-50%,-50%) rotate(0)}
.ing__body{padding:0 4px 18px 74px;color:#3a3a3a}.ing__body p{margin:0 0 6px}
.ing__row--all summary{padding:18px 4px}.ing__row--all .ing__body{padding-left:4px}
@media(max-width:599px){.ing__row summary{gap:10px}.ing__row summary img{width:46px;height:46px;flex-basis:46px}.ing__row summary b{font-size:15.5px}.ing__tag{font-size:11px;padding:2px 8px}.ing__body{padding-left:4px}}
/* Real People: no shop-the-look */
.ugc__tile span{display:none!important}
.hh__badge--v15{top:22px;bottom:auto!important;left:-22px}@media(max-width:899px){.hh__badge--v15{left:10px;top:10px}}