/* Toucan "pop" layer (2026-10-20): same sections, more energy.
   Tactile toy-like surfaces (hard offset shadows, chunky borders), toucan colors as accents,
   and small rewarding motion. Everything respects prefers-reduced-motion. */
:root{
  --pop-ink:#1f2620;
  --pop-sun:#ffc62b;
  --pop-sun-soft:#fff1c2;
  --pop-beak:#ff6a1a;
  --pop-card:#f8f4ea;
  --pop-a:#1f1f1f;      /* current colorway body (set by pop.js) */
  --pop-b:#ffc62b;      /* current colorway beak */
  --pop-shadow:4px 4px 0 var(--pop-ink);
  --pop-ease:cubic-bezier(.34,1.56,.64,1);
  --pop-r:6px;          /* one crisp corner radius for the whole site */
}

/* ---------- Announcement ticker ---------- */
.beta-announcement.pop-ticker{padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:clip;background:var(--pop-ink);color:var(--paper)}
.pop-ticker-track{display:inline-flex;gap:0;padding:9px 0;animation:pop-ticker 32s linear infinite;will-change:transform}
.pop-ticker:hover .pop-ticker-track{animation-play-state:paused}
.pop-ticker-track span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font:600 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pop-ticker-track span::after{content:"";width:9px;height:9px;background:var(--pop-sun);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
@keyframes pop-ticker{to{transform:translateX(-50%)}}

/* ---------- Trust bar: stars that light up ---------- */
.beta2-trust .beta2-trust-stars svg{fill:#d9d3c4;stroke:none;transform:scale(.6);opacity:.5;transition:none}
.beta2-trust.pop-stars-on .beta2-trust-stars svg{animation:pop-star .55s var(--pop-ease) forwards;animation-delay:calc(var(--i) * 110ms)}
@keyframes pop-star{0%{transform:scale(.4) rotate(-40deg);opacity:.4;fill:#d9d3c4}60%{transform:scale(1.35) rotate(8deg);opacity:1;fill:var(--pop-sun)}100%{transform:scale(1) rotate(0);opacity:1;fill:#f5a700}}
.beta2-trust-stars{position:relative;display:inline-flex;gap:1px;overflow:hidden;padding:2px;filter:none!important}
.beta2-trust .beta2-trust-stars svg{width:15px!important;height:15px!important}
.beta2-trust-stars::after{content:"";position:absolute;inset:-4px auto -4px -40%;width:35%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-18deg);opacity:0}
.pop-stars-on .beta2-trust-stars::after{animation:pop-shine 4.5s 1.2s ease-in-out infinite}
@keyframes pop-shine{0%{left:-40%;opacity:1}22%{left:120%;opacity:1}100%{left:120%;opacity:0}}
.beta2-trust .collectors span:last-child{font-weight:700}
.beta2-trust>div{transition:transform .25s var(--pop-ease)}
.beta2-trust>div:hover{transform:translateY(-2px)}
.beta2-trust>div:hover svg:not(.beta2-trust-stars svg){animation:pop-wiggle .5s ease}
@keyframes pop-wiggle{25%{transform:rotate(-12deg)}75%{transform:rotate(10deg)}}

/* ---------- Hero ---------- */
#MainContent [class^="ai-media-grid__hero-"]:not(a):not(img){position:relative;overflow:visible!important;min-width:0}
#MainContent [class^="ai-media-grid-aigen"]{min-width:0;max-width:100%}
.pop-hero-card{box-sizing:border-box}
#MainContent [class^="ai-media-grid__hero-"]:not(a):not(img),#MainContent [class^="ai-media-grid__small-item-"]{border-radius:var(--pop-r)!important;overflow:hidden}
#MainContent [class^="ai-media-grid__hero-link-"],#MainContent [class^="ai-media-grid__hero-link-"] img{border-radius:var(--pop-r)!important}
.pop-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px!important;margin-bottom:8px!important}
.pop-intro>.pop-intro-text{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}
.pop-intro h1{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:700!important;margin:0!important;color:var(--pop-ink)}
.pop-intro .pop-btn{flex:none}
@keyframes pop-rise{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
#MainContent [class^="ai-media-grid__small-item-"]{transition:transform .35s var(--pop-ease),box-shadow .35s var(--pop-ease)}
#MainContent [class^="ai-media-grid__small-item-"]:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:6px 6px 0 var(--pop-ink)}
#MainContent [class^="ai-media-grid__small-item-"] img{transition:transform .5s var(--pop-ease)!important}
#MainContent [class^="ai-media-grid__small-item-"]:hover img{transform:scale(1.06) rotate(-2deg)!important}

/* ---------- Buttons ---------- */
.pop-btn,.tl-notify .button,#add-to-cart:not([disabled]),.image-with-text .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--pop-sun)!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;box-shadow:var(--pop-shadow)!important;font:700 15px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.01em!important;padding:14px 20px!important;text-decoration:none!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s}
.pop-btn:hover,.tl-notify .button:hover,#add-to-cart:not([disabled]):hover,.image-with-text .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pop-ink)!important}
.pop-btn:active,.tl-notify .button:active,#add-to-cart:not([disabled]):active,.image-with-text .button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pop-ink)!important}
.pop-btn svg{width:18px;height:18px;transition:transform .2s var(--pop-ease)}
.pop-btn:hover svg{transform:translateX(4px)}
.pop-btn::after,.button::after{display:none!important}
#add-to-cart[hidden]{display:none!important}

/* ---------- Satin stickers (from Playtime's approved price sticker) ---------- */
.pop-satin,.beta2-eyebrow,.beta2-diagram-header .beta2-section-label,.beta-bundle-badge>span,.pop-badge-label{position:relative;display:inline-block;isolation:isolate;font:800 11px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;color:#111!important;padding:7px 11px 6px!important;border-radius:3px!important;border:.65px solid #a8ada5!important;background:linear-gradient(115deg,#fff0 15%,#ffffff29 48%,#fff0 78%),linear-gradient(160deg,#e5e6e2 0%,#c1c5c0 28%,#d8dad5 48%,#b5b9b2 72%,#969d96 100%)!important;filter:drop-shadow(0 1.2px .3px rgb(34 38 35/28%));transform:rotate(-2.5deg);box-shadow:none!important}
.pop-satin::after,.beta2-eyebrow::after,.beta2-diagram-header .beta2-section-label::after,.beta-bundle-badge>span::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.07;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='64'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.06 .8' numOctaves='2' seed='17' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.beta-bundle-badge>span{font-size:9.5px!important;padding:5px 7px 4px!important}
.beta-product .beta-bundle .beta-bundle-badge{position:static!important;display:inline-block;vertical-align:2px;margin-left:8px;transform:none!important;box-shadow:none!important;background:none!important;padding:0!important;border:0!important;top:auto!important;right:auto!important;color:inherit!important;font:inherit!important}
.pop-price-sticker{position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);place-items:center;isolation:isolate;transform:rotate(8deg);padding:0 24px;min-height:66px;margin:2px 0 4px 2px}
.pop-price-foil{position:absolute;left:0;top:50%;width:100%;height:66px;transform:translateY(-50%);overflow:visible;filter:drop-shadow(0 1.2px .3px rgb(34 38 35/28%));z-index:-1}
.pop-price-sticker #product-price{color:#111!important;font-size:clamp(22px,2.1vw,28px)!important;font-weight:700!important;line-height:1;letter-spacing:-.02em}
.pop-save-text{color:var(--pop-beak);font-weight:800;font-size:14px}

/* ---------- Product ---------- */
.beta-product .beta-product-photo{border-radius:var(--pop-r)!important;overflow:hidden;border:2px solid var(--pop-ink)!important;box-shadow:6px 6px 0 var(--pop-ink)}
.beta-product .beta-product-photo img{transition:transform .5s var(--pop-ease),opacity .25s}
.beta-product .beta-product-photo.pop-swap img{animation:pop-swap .55s var(--pop-ease)}
@keyframes pop-swap{0%{transform:scale(.94) rotate(-2deg);opacity:.4}100%{transform:none;opacity:1}}
.beta-product .beta-product-photo:hover img{transform:scale(1.03)}
.beta2-eyebrow{margin-bottom:16px!important}
.beta-product .hxl{font-weight:600!important;letter-spacing:-.055em!important}
.pop-rating{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 14px;font:600 13px/1 Arial,Helvetica,sans-serif;color:var(--pop-ink);text-decoration:none}
.pop-rating .pop-mini-stars{color:#f5a700;letter-spacing:1px;font-size:15px}
.pop-rating:hover{text-decoration:underline}
.beta-price{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

#product-price.pop-bump{animation:pop-bump .45s var(--pop-ease)}
@keyframes pop-bump{40%{transform:scale(1.14)}100%{transform:none}}
#product-compare:not([hidden]){font-size:16px}


.beta-colors legend{font-size:14px}
#color-name{font-weight:700}
.beta-product .beta-swatches{gap:12px}
.beta-product .beta-swatch,.beta-product .beta-swatch span{width:40px!important;height:40px!important}
.beta-product .beta-swatch{flex-basis:40px!important}
.beta-product .beta-swatch span{border:3px solid var(--paper)!important;box-shadow:0 0 0 1.5px #1f262040,0 2px 0 #1f262026!important;transition:transform .25s var(--pop-ease),box-shadow .2s}
.beta-product .beta-swatch:hover span{transform:translateY(-3px) scale(1.08)}
.beta-product .beta-swatch input:checked+span{outline:none!important;box-shadow:0 0 0 2.5px var(--pop-ink),0 4px 0 var(--pop-ink)!important;transform:translateY(-3px);animation:pop-pick .45s var(--pop-ease)}
@keyframes pop-pick{0%{transform:scale(.8)}60%{transform:translateY(-4px) scale(1.15)}100%{transform:translateY(-3px)}}

.beta-bundles legend span{font:800 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.beta-product .beta-bundle{background:var(--pop-card)!important;border:2px solid #1f262033!important;border-radius:var(--pop-r)!important;padding:16px 16px!important;margin-bottom:12px!important;transition:transform .2s var(--pop-ease),box-shadow .2s,border-color .2s,background .2s;cursor:pointer}
.beta-product .beta-bundle:hover{border-color:var(--pop-ink)!important;transform:translateY(-2px)}
.beta-product .beta-bundle:has(input:checked){background:var(--pop-sun-soft)!important;border-color:var(--pop-ink)!important;box-shadow:var(--pop-shadow);transform:translate(-2px,-2px)}
.beta-bundle input{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;border:2px solid var(--pop-ink);border-radius:50%;background:#fff;display:grid;place-items:center;transition:background .2s}
.beta-bundle input:checked{background:var(--pop-ink);box-shadow:inset 0 0 0 4px #fff}
.beta-product .beta-bundle{grid-template-columns:22px minmax(0,1fr) auto!important;min-height:0!important;padding:13px 16px!important}
.beta-bundle-name{font-weight:700!important;font-size:16px;line-height:1.25}
.beta-bundle-name small{display:block;font-weight:600;color:#2f7a3d;font-size:12px;margin-top:3px}
.beta-product .beta-bundle-price{display:flex!important;align-items:center;gap:12px;font-size:19px!important;font-weight:800!important;line-height:1!important;text-align:right}
.pop-deal{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;line-height:1.1;font-weight:700}
.pop-deal b{color:var(--pop-beak);font-weight:800}
.pop-deal span{color:#5c6457;font-weight:600}
.beta-bundle:hover .beta-bundle-badge{animation:pop-wiggle .5s ease}

.beta-benefits li{font-weight:600;color:var(--pop-ink)!important}
.beta-benefits svg{color:var(--pop-beak)}

/* Notify card: the conversion moment while orders are paused */
.tl-notify:not(.tl-notify-compact){background:var(--pop-ink)!important;color:var(--paper)!important;border:0!important;border-radius:var(--pop-r)!important;padding:22px 22px 18px!important;}
.tl-notify:not(.tl-notify-compact) .tl-notify-title{font:28px/1 Bayon,sans-serif!important;letter-spacing:.04em;text-transform:uppercase;color:var(--pop-sun)!important;margin:0 0 8px!important}
.tl-notify:not(.tl-notify-compact) .tl-notify-text,.tl-notify:not(.tl-notify-compact) .tl-notify-news,.tl-notify:not(.tl-notify-compact) .tl-notify-fine{color:#eee9dee6!important}
.tl-notify:not(.tl-notify-compact) .tl-notify-fine a{color:var(--paper)!important}
.tl-notify .beta-email{border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;background:#fff!important;color:var(--pop-ink)!important;min-height:50px;font-size:15px!important}
.tl-notify .tl-notify-row{gap:10px!important}
.tl-notify:not(.tl-notify-compact) .button{border-color:var(--pop-sun)!important;box-shadow:4px 4px 0 var(--pop-sun)!important;min-height:50px}
.tl-notify:not(.tl-notify-compact) .button:hover{box-shadow:6px 6px 0 var(--pop-ink)!important}
.tl-notify input[type=checkbox]{accent-color:var(--pop-sun)}
.pop-confetti{position:fixed;pointer-events:none;z-index:90;width:10px;height:14px;border-radius:2px;animation:pop-confetti 1.1s cubic-bezier(.2,.7,.4,1) forwards}
@keyframes pop-confetti{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}

/* ---------- Reviews ---------- */
#MainContent [class^="ai-review-carousel-title-"]{font-size:clamp(34px,4vw,56px)!important;letter-spacing:-.05em!important;font-weight:600!important}
.pop-reviews-sub{display:flex;align-items:center;gap:10px;margin:8px 0 0;font:600 14px/1 Arial,Helvetica,sans-serif;color:var(--pop-ink)}
.pop-reviews-sub b{color:#f5a700;font-size:18px;letter-spacing:2px}
#MainContent [class^="ai-review-card-a"]{background:var(--pop-card)!important;border:2px solid #1f262026!important;border-radius:var(--pop-r)!important;padding:10px 10px 16px!important;transition:transform .3s var(--pop-ease),box-shadow .3s,border-color .3s}
#MainContent [class^="ai-review-card-a"]:hover{transform:translateY(-6px) rotate(-.8deg);border-color:var(--pop-ink)!important;box-shadow:6px 6px 0 var(--pop-ink)!important}
#MainContent [class^="ai-review-card-media-"]{border-radius:var(--pop-r)!important;overflow:hidden}
#MainContent [class^="ai-review-card-media-"] img{transition:transform .6s var(--pop-ease)}
#MainContent [class^="ai-review-card-a"]:hover [class^="ai-review-card-media-"] img{transform:scale(1.06)}
#MainContent [class^="ai-review-card-header-"]{padding:12px 4px 0}
#MainContent [class^="ai-review-card-name-"]{font-weight:700!important;font-size:15px!important}
#MainContent [class^="ai-review-card-star-"]{width:17px!important;height:17px!important;fill:#d9d3c4!important}
#MainContent [class^="ai-review-card-star-"][fill="#ffd700"]{fill:#f5a700!important}
.pop-stars-in [class^="ai-review-card-star-"]{animation:pop-star-soft .5s var(--pop-ease) both;animation-delay:calc(var(--i,0) * 80ms)}
@keyframes pop-star-soft{0%{transform:scale(.3) rotate(-30deg);opacity:0}70%{transform:scale(1.25)}100%{transform:none;opacity:1}}
#MainContent [class^="ai-review-card-text-"]{font-size:15px!important;line-height:1.45!important;color:var(--pop-ink)!important;padding:0 4px}
#MainContent [class^="ai-review-card-text-"]::before{content:"\201C";font:700 30px/0 Georgia,serif;color:var(--pop-beak);vertical-align:-10px;margin-right:2px}

/* ---------- Colorway grid ---------- */
#MainContent .variant-grid__heading,.variant-grid__heading{font-size:clamp(34px,4vw,56px)!important;letter-spacing:-.05em!important;font-weight:600!important}
.pop-grid-sub{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 22px}
.pop-grid-sub span{font:600 13px/1 Arial,Helvetica,sans-serif;border:2px solid var(--pop-ink);border-radius:var(--pop-r);padding:8px 12px;background:var(--pop-card)}
.pop-grid-sub span b{color:var(--pop-beak)}
#MainContent a.variant-card,a.variant-card{border-radius:var(--pop-r)!important;overflow:hidden;border:2px solid #1f262026!important;background:var(--pop-card)!important;transition:transform .3s var(--pop-ease),box-shadow .3s,border-color .3s}
#MainContent a.variant-card:hover,a.variant-card:hover{transform:translate(-3px,-4px) rotate(-.7deg);border-color:var(--pop-ink)!important;box-shadow:6px 6px 0 var(--pop-ink)}
a.variant-card .variant-card__media img{transition:transform .55s var(--pop-ease)!important}
a.variant-card:hover .variant-card__media img{transform:scale(1.07) rotate(-3deg)!important}
.beta2-color-caption{display:flex!important;align-items:center;gap:8px;font-weight:700!important;font-size:13px!important}
.beta2-color-caption::before{content:"";width:14px;height:14px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--dot-a,#999) 50%,var(--dot-b,#999) 50%);box-shadow:0 0 0 1.5px var(--pop-ink)}
.beta2-color-caption::after{content:"Shop →";margin-left:auto;font-size:12px;opacity:0;transform:translateX(-6px);transition:.25s var(--pop-ease)}
a.variant-card:hover .beta2-color-caption::after{opacity:1;transform:none}

/* ---------- A closer look ---------- */
.beta2-diagram{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:start}
.beta2-diagram-grid{display:contents!important}
.beta2-diagram figure{grid-column:1;grid-row:1/span 2}
.beta2-diagram-header{grid-column:2;grid-row:1;display:flex!important;flex-direction:column-reverse;align-items:flex-start;margin:0 0 22px!important;align-self:end}
.beta2-diagram-header .beta2-section-label{margin-bottom:14px}
.beta2-diagram-header h2{display:block}
.beta2-diagram ol{grid-column:2;grid-row:2;align-self:start}
.beta2-diagram-art{border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;box-shadow:6px 6px 0 var(--pop-ink)}
.beta2-diagram li{grid-template-columns:44px 1fr!important;column-gap:16px!important;padding:16px 12px!important;margin:0 -12px;border-bottom:0!important;border-radius:var(--pop-r);cursor:default;transition:background .2s,transform .25s var(--pop-ease)}
.beta2-diagram li:first-child{padding-top:16px!important}
.beta2-diagram li::before{content:counter(feature)!important;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--pop-ink);font:800 16px/1 Arial,Helvetica,sans-serif!important;color:var(--pop-ink)!important;transition:background .2s,transform .3s var(--pop-ease)}
.beta2-diagram li:hover,.beta2-diagram li.pop-on{background:var(--pop-card);transform:translateX(4px)}
.beta2-diagram li:hover::before,.beta2-diagram li.pop-on::before{background:var(--pop-sun);transform:rotate(-8deg) scale(1.08)}
.beta2-diagram h3{font-size:19px!important;font-weight:700!important}
.beta2-diagram p{font-size:14px!important}
.beta2-marker{transition:transform .3s var(--pop-ease),background .2s,box-shadow .2s}
.beta2-marker.pop-on{background:var(--pop-sun)!important;color:var(--pop-ink)!important;transform:translate(-50%,-50%) scale(1.35)!important;box-shadow:0 0 0 6px #ffc62b55}
.beta2-marker{animation:pop-ping 2.6s ease-out infinite;animation-delay:calc(var(--i,0) * .4s)}
@keyframes pop-ping{0%,70%,100%{box-shadow:0 0 0 0 #ffc62b00}20%{box-shadow:0 0 0 7px #ffc62b88}}

/* ---------- Feature trio ---------- */
.beta2-features article{transition:transform .3s var(--pop-ease)}
.beta2-features article:hover{transform:translateY(-4px)}
.beta2-feature-symbol{border:2px solid var(--pop-ink)!important;box-shadow:3px 3px 0 var(--pop-ink);transition:transform .35s var(--pop-ease),background .2s}
.beta2-features article:nth-child(1) .beta2-feature-symbol{background:var(--pop-sun)!important}
.beta2-features article:nth-child(2) .beta2-feature-symbol{background:#9fe0b4!important}
.beta2-features article:nth-child(3) .beta2-feature-symbol{background:#ffb08a!important}
.beta2-features article:hover .beta2-feature-symbol{transform:rotate(-10deg) scale(1.08)}
.beta2-features h3{font-weight:700!important}

/* ---------- Our Story ---------- */
.image-with-text{background:var(--pop-ink);border-radius:var(--pop-r);margin:36px 48px!important;padding:44px!important;overflow:hidden}
.image-with-text .page-width{padding:0!important;max-width:none!important}
.image-with-text__media{border-radius:var(--pop-r)!important;overflow:hidden;transform:rotate(-2deg);border:6px solid var(--paper);box-shadow:10px 10px 0 var(--pop-sun);transition:transform .4s var(--pop-ease)}
.image-with-text:hover .image-with-text__media{transform:rotate(0)}
.image-with-text__content{background:transparent!important}
body .image-with-text__heading{color:var(--pop-sun)!important;font-size:clamp(40px,4.6vw,64px)!important;letter-spacing:-.05em!important;font-weight:700!important}
.image-with-text__text,.image-with-text__text *{color:var(--paper)!important;font-size:17px!important;line-height:1.55!important}

/* ---------- Footer signup ---------- */
.beta-footer h2{font-size:clamp(28px,3.4vw,44px)!important;letter-spacing:-.045em!important;font-weight:700!important}
.beta-footer #newsletter{display:inline-flex;gap:10px;margin:8px 0 18px}
.beta-footer #newsletter .beta-email{border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r);background:#fff;min-height:50px}
.beta-footer #newsletter button.beta-email{background:var(--pop-sun)!important;box-shadow:var(--pop-shadow);font-weight:700;min-width:54px;transition:transform .15s,box-shadow .15s}
.beta-footer #newsletter button.beta-email:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pop-ink)}

/* ---------- Sticky buy bar (phones) ---------- */
.pop-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:none;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:5px 5px 0 var(--pop-ink);padding:10px 10px 10px 12px;transform:translateY(140%);transition:transform .45s var(--pop-ease)}
.pop-sticky.pop-show{transform:none}
.pop-sticky img{width:44px;height:44px;border-radius:var(--pop-r);object-fit:cover;background:#d6d6d4;flex:none}
.pop-sticky-text{flex:1;min-width:0;line-height:1.2}
.pop-sticky-text b{display:block;font-size:14px;color:var(--pop-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-sticky-text span{font-size:12px;color:#4c5547}
.pop-sticky .pop-btn{padding:12px 14px!important;font-size:14px!important;white-space:nowrap}
@media(max-width:749px){.pop-sticky{display:flex}body:has(.pop-sticky.pop-show) .beta-footer{padding-bottom:100px}}

/* ---------- Scroll reveal ---------- */
.pop-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s var(--pop-ease)}
.pop-reveal.pop-in{opacity:1;transform:none}

/* ---------- Phones ---------- */
@media(max-width:749px){
  .pop-intro{flex-direction:column;align-items:flex-start;gap:14px;margin-top:18px!important}
  .pop-intro .pop-btn{width:100%}
  .pop-intro h1{font-size:22px!important}
  .beta-product .beta-product-photo{box-shadow:5px 5px 0 var(--pop-ink)}
  .beta-product .beta-swatches{gap:9px}
  .pop-grid-sub{gap:7px}.pop-grid-sub span{font-size:12px;padding:7px 10px}
  .beta-product .beta-swatch,.beta-product .beta-swatch span{width:34px!important;height:34px!important}
  .beta-product .beta-swatch{flex-basis:34px!important}
  .beta2-diagram{grid-template-columns:minmax(0,1fr);row-gap:0}
  .beta2-diagram figure,.beta2-diagram-header,.beta2-diagram ol{grid-column:1;grid-row:auto}
  .beta2-diagram-header{order:-1}
  .beta2-diagram ol{margin-top:22px}
  .beta2-diagram-art{box-shadow:5px 5px 0 var(--pop-ink)}
  .image-with-text{margin:28px 16px!important;padding:22px 18px 28px!important;border-radius:var(--pop-r)}
  
  .beta-footer #newsletter{display:flex;max-width:340px;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){
  .pop-ticker-track{animation:none}
  .pop-reveal{opacity:1;transform:none}
  .beta2-trust .beta2-trust-stars svg{transform:none;opacity:1;fill:#f5a700}
  .beta2-marker{animation:none}
}

/* =====================================================================
   Spacing system (one rhythm for the whole page)
   page edge 48 · photo/card gap 16 · column gap 64 · section rhythm 72
   ===================================================================== */
:root{--pop-side:48px;--pop-gap:16px;--pop-col:64px;--pop-half:36px}
@media(max-width:999px){:root{--pop-side:32px;--pop-col:40px}}
@media(max-width:749px){:root{--pop-side:20px;--pop-gap:12px;--pop-col:24px;--pop-half:24px}}

/* Same left/right edge everywhere */
#MainContent .page-width{padding-inline:var(--pop-side)!important}
.beta2-trust,.beta2-diagram,.beta2-features{margin-inline:var(--pop-side)!important}
#MainContent [class^="ai-media-grid-container"]{padding:0!important}
#MainContent [class^="ai-media-grid-aigen"]{margin-inline:var(--pop-side)!important;gap:var(--pop-gap)!important}
#MainContent [class^="ai-media-grid__small-grid"]{gap:var(--pop-gap)!important}
#MainContent [class^="ai-review-carousel-header-"]{padding-inline:var(--pop-side)!important;margin-bottom:24px!important}
#MainContent [class^="ai-review-carousel-container-"]{padding:0 var(--pop-side) 8px!important;scroll-padding-inline:var(--pop-side)!important}
#MainContent [class^="ai-review-carousel-track-"]{gap:var(--pop-gap)!important}
.variant-grid-variant_grid_by_product_6HqB8H{gap:var(--pop-gap)!important}
.section-variant_grid_by_product_6HqB8H-padding{padding-inline:0!important}
.image-with-text{margin-inline:0!important}

/* Same vertical rhythm: every section gets half the rhythm above and below, no stray rules */
.beta2-trust{padding-block:20px!important}
#MainContent [class^="ai-media-grid-container"]{padding-top:var(--pop-gap)!important}
.pop-intro{margin-block:var(--pop-gap) 0!important}
#MainContent .beta-product{padding-block:var(--pop-half)!important;padding-top:calc(var(--pop-half) + 12px)!important;column-gap:var(--pop-col)!important}
#MainContent [class^="ai-review-carousel-wrapper-"],.section-variant_grid_by_product_6HqB8H-padding,.beta2-diagram{padding-block:var(--pop-half)!important;border:0!important}
.section-image_with_text_Xwyddi-padding{padding-block:var(--pop-half)!important}
.beta2-diagram{column-gap:var(--pop-col)!important}
.image-with-text{margin-block:0!important;padding:48px!important}
.beta-footer{padding-top:calc(var(--pop-half) * 2)!important;border-top:0!important}
#MainContent [class^="ai-review-carousel-title-"],.variant-grid__heading,.beta2-diagram h2{margin:0!important}
.variant-grid__heading{margin-bottom:12px!important;text-align:left!important}
.pop-grid-sub{margin:0 0 24px!important}
.pop-reviews-sub{margin-top:12px}

/* Features: three equal cards on the same gap, instead of a wide, empty row */
.beta2-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--pop-gap)!important;padding:0 0 var(--pop-half)!important;border:0!important;text-align:left!important}
.beta2-features article{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;align-items:center;background:var(--pop-card);border:2px solid #1f262026;border-radius:var(--pop-r);padding:18px 20px;border-left:2px solid #1f262026!important}
.beta2-features .beta2-feature-symbol{grid-row:1/3;margin:0!important;width:52px!important;height:52px!important}
.beta2-features h3{margin:0 0 4px!important;font-size:16px!important}
.beta2-features p{font-size:13px!important}

/* Buy column: one calm vertical rhythm, fewer things */
.beta-product .product__info-wrapper>*{margin-top:0}
.beta-product .beta2-eyebrow{margin-bottom:14px!important}
.beta-product .hxl{margin:0 0 6px!important}
.beta-product .beta-price{margin:0 0 18px!important}
.beta-product .beta-colors{margin:0 0 24px!important}
.beta-product .beta-colors legend,.beta-bundles legend{margin-bottom:10px!important}
.beta-product .beta-bundles{margin:0 0 20px!important}
.beta-product .beta-bundle{margin-bottom:10px!important}
.beta-product .beta-benefits,.pop-rating{display:none!important}
.beta-gallery-caption{margin-top:10px;font-size:12px}

@media(max-width:749px){
  .beta2-features{grid-template-columns:1fr!important}
  .image-with-text{padding:20px 18px 28px!important}
  .pop-intro{margin-top:var(--pop-gap)!important}
}

/* ---------- Promise banner (replaces the flat image) ---------- */
.pop-promise{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--pop-col);margin:var(--pop-half) var(--pop-side) 0;padding:44px var(--pop-col);background:var(--pop-sun);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:6px 6px 0 var(--pop-ink)}
.pop-promise-badges{display:flex;gap:18px}
.pop-rosette{margin:0;display:grid;justify-items:center;gap:10px}
.pop-rosette svg{transform:rotate(var(--tilt));transition:transform .35s var(--pop-ease)}
.pop-rosette:hover svg{transform:rotate(0) scale(1.08)}
.pop-rosette svg{width:104px;height:104px;filter:drop-shadow(0 1.5px .4px rgb(34 38 35/30%))}
.pop-rosette figcaption{font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pop-ink)}
.pop-promise-line{margin:0;font:800 clamp(30px,3.9vw,58px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.05em;color:var(--pop-ink);text-align:right;text-wrap:balance}
@media(max-width:999px){.pop-promise{grid-template-columns:1fr;justify-items:center;text-align:center}.pop-promise-line{text-align:center}}
@media(max-width:749px){.pop-promise{padding:28px 18px;gap:22px}.pop-promise-badges{gap:10px}.pop-rosette svg{width:84px;height:84px}.pop-rosette figcaption{font-size:9.5px}.pop-promise-line{font-size:30px}}
.beta2-diagram h2{font-size:clamp(34px,4vw,56px)!important;font-weight:600!important;letter-spacing:-.05em!important}
.pop-intro ~ .beta-product .beta2-eyebrow{display:none!important}
#MainContent [class^="ai-media-grid-aigen"]{width:auto!important;max-width:none!important}
.beta-bundle-badge>span{white-space:nowrap}
.pop-rosette figcaption{text-align:center;line-height:1.25;white-space:nowrap}
@media(max-width:749px){
  .pop-deal span{display:none}
  .beta-product .beta-bundle .beta-bundle-badge{margin-left:6px}
  .pop-rosette figcaption{letter-spacing:.06em;max-width:80px;white-space:normal}
}
/* Product photo shadow falls to the left (toward the page edge, away from the buy column) */
.beta-product .beta-product-photo{box-shadow:-6px 6px 0 var(--pop-ink)!important}
@media(max-width:749px){.beta-product .beta-product-photo{box-shadow:-5px 5px 0 var(--pop-ink)!important}}
@media(max-width:400px){
  .beta-product .beta-swatches{gap:7px!important}
  .beta-product .beta-swatch,.beta-product .beta-swatch span{width:32px!important;height:32px!important}
  .beta-product .beta-swatch{flex-basis:32px!important}
  .beta-announcement{font-size:10px!important;letter-spacing:.04em!important;padding-inline:8px!important}
}

/* =====================================================================
   Round 3: price beside title · closer-look panel · Our Story panel ·
   plain bundle line · edge-to-edge reviews
   ===================================================================== */
/* Title and price sticker share one row */
.pop-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.pop-title-row .hxl{margin:0!important}
.pop-title-row .beta-price{margin:0!important;flex:none}
.pop-title-row #product-compare,.pop-save-text{display:none!important}

/* Section labels: a size up */
.beta2-diagram-header .beta2-section-label,.pop-intro .pop-satin{font-size:12.5px!important;padding:8px 13px 7px!important}

/* A closer look: diagram left, one full-height info panel right */
.pop-look{display:block!important;margin-inline:var(--pop-side)!important;padding-block:var(--pop-half)!important}
.pop-look .beta2-diagram-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--pop-gap);align-items:stretch}
.pop-look figure{grid-column:auto!important;grid-row:auto!important;margin:0;position:relative;display:flex}
.pop-look .beta2-diagram-art{flex:1;height:100%;margin:0}
.pop-look .beta2-diagram-art img{height:100%;object-fit:cover}
.pop-look figcaption{position:absolute;left:14px;bottom:12px;margin:0!important;background:var(--paper);border-radius:4px;padding:5px 9px;font-size:11px!important;color:#4c5547!important}
.pop-look-panel{display:flex;flex-direction:column;background:var(--pop-card);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:6px 6px 0 var(--pop-ink);padding:40px 44px}
.pop-look .beta2-diagram-header{display:block!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;margin:0 0 18px!important}
.pop-look .beta2-diagram-header .beta2-section-label{display:inline-block;margin-bottom:16px}
.pop-look .beta2-diagram-header h2{display:block}
.pop-look ol{grid-column:auto!important;grid-row:auto!important;margin:0!important;flex:1;display:flex;flex-direction:column;justify-content:center}
.pop-look li{padding:12px!important}
.pop-look li:first-child{padding-top:12px!important}
.pop-look h3{font-size:17px!important;font-weight:700!important;color:var(--pop-ink)}
.pop-look ol p{font-size:14px!important;color:#4c5547!important;margin-top:4px!important}
.pop-look-facts{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:2px solid #1f26201f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pop-gap)}
.pop-look-facts li{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:10px!important;align-items:start;padding:0!important;margin:0!important;background:none!important;transform:none!important}
.pop-look-facts li::before{display:none!important;content:none!important}
.pop-look-facts .beta2-feature-symbol{width:40px!important;height:40px!important;margin:0!important;border:2px solid var(--pop-ink)!important;border-radius:50%;display:grid;place-items:center;box-shadow:2px 2px 0 var(--pop-ink);transition:transform .3s var(--pop-ease)}
.pop-look-facts li:hover .beta2-feature-symbol{transform:rotate(-10deg) scale(1.08)}
.pop-look-facts li:nth-child(1) .beta2-feature-symbol{background:var(--pop-sun)}
.pop-look-facts li:nth-child(2) .beta2-feature-symbol{background:#9fe0b4}
.pop-look-facts li:nth-child(3) .beta2-feature-symbol{background:#ffb08a}
.pop-look-facts svg{width:22px;height:22px;fill:none;stroke:var(--pop-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pop-look-facts h3{font-size:13px!important;font-weight:800!important;margin:0 0 3px!important;line-height:1.25!important}
.pop-look-facts p{font-size:12px!important;line-height:1.4!important;color:#4c5547!important;margin:0!important}

/* Our Story: same panel language, photo flush, left-aligned like the rest of the page */
.image-with-text{background:var(--pop-card)!important;border:2px solid var(--pop-ink)!important;box-shadow:6px 6px 0 var(--pop-ink)!important;padding:0!important;overflow:hidden}
.image-with-text .grid{margin:0!important;column-gap:0!important}
.image-with-text__media-item{padding:0!important}
.image-with-text__media{border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;height:100%!important}
.image-with-text:hover .image-with-text__media{transform:none!important}
.image-with-text__media img{object-fit:cover;height:100%}
.image-with-text__content{padding:48px 56px!important;text-align:left!important;align-items:flex-start!important;justify-content:center!important}
body .image-with-text__heading{color:var(--pop-ink)!important;font-size:clamp(34px,4vw,56px)!important;font-weight:600!important;margin:0 0 14px!important}
.image-with-text__text,.image-with-text__text *{color:#3d453a!important;text-align:left!important}

/* Bundle & Save reminder: plain text, not chip buttons */
.pop-grid-sub{gap:0!important;margin:0 0 24px!important}
.pop-grid-sub span{border:0!important;background:none!important;padding:0!important;border-radius:0!important;font:600 15px/1.4 Arial,Helvetica,sans-serif!important;color:#3d453a}
.pop-grid-sub span+span::before{content:"·";margin:0 10px;color:#1f262066}

/* Reviews: edge-to-edge, gently drifting row (pauses on hover/touch) */
#MainContent [class^="ai-review-carousel-container-"].pop-bleed{overflow:hidden!important;padding:0 0 8px!important;scroll-snap-type:none!important}
.pop-marquee{display:flex;gap:var(--pop-gap);padding-right:var(--pop-gap);width:max-content;animation:pop-marquee var(--pop-dur,60s) linear infinite;animation-delay:-6s}
.pop-marquee:hover,.pop-marquee.pop-hold,.pop-marquee:focus-within{animation-play-state:paused}
@keyframes pop-marquee{to{transform:translateX(-50%)}}
.pop-review-add{display:flex!important}
.pop-review-add a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;color:var(--pop-ink);border:2px dashed #1f262055;border-radius:var(--pop-r);min-height:280px;padding:20px;transition:background .2s,border-color .2s}
.pop-review-add a:hover{background:var(--pop-sun-soft);border-color:var(--pop-ink)}
.pop-plus{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--pop-sun);border:2px solid var(--pop-ink);box-shadow:3px 3px 0 var(--pop-ink);font:700 30px/1 Arial,Helvetica,sans-serif;transition:transform .3s var(--pop-ease)}
.pop-review-add a:hover .pop-plus{transform:rotate(90deg) scale(1.08)}
.pop-review-add b{font-size:17px}
.pop-review-add small{font-size:13px;color:#4c5547;max-width:22ch;line-height:1.4}

@media(max-width:999px){
  .pop-look .beta2-diagram-grid{grid-template-columns:1fr}
  .pop-look-panel{padding:28px 24px}
}
@media(max-width:749px){
  .beta-product .hxl{font-size:30px!important}
  .pop-price-sticker{padding:0 18px;min-height:58px}
  .pop-price-foil{height:58px}
  .pop-price-sticker #product-price{font-size:20px!important}
  .pop-look-facts{grid-template-columns:1fr}
  .image-with-text__content{padding:24px 20px 28px!important}
  .pop-grid-sub span{font-size:13px!important}
  .pop-grid-sub span+span::before{margin:0 6px}
}
@media(prefers-reduced-motion:reduce){.pop-marquee{animation:none}}
body .image-with-text{padding:0!important}
body .image-with-text__content{padding:48px 56px!important}
body .image-with-text__heading{text-align:left!important;width:100%}
body .image-with-text .button{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important}
@media(max-width:749px){body .image-with-text__content{padding:24px 20px 28px!important}}

/* =====================================================================
   Round 4: near-square corners · shadows only on hover · fewer stickers
   ===================================================================== */
:root{--pop-r:2px}

/* Nothing sits on a baked shadow; things lift and cast one only when you hover */
.beta-product .beta-product-photo,.beta2-diagram-art,.pop-look-panel,.image-with-text,body .image-with-text,.pop-promise,
.beta2-feature-symbol,.pop-look-facts .beta2-feature-symbol,.pop-plus,.pop-intro{box-shadow:none!important}
.beta-product .beta-product-photo{transition:transform .25s var(--pop-ease),box-shadow .25s var(--pop-ease)}
.beta-product .beta-product-photo:hover{transform:translate(3px,-3px);box-shadow:-6px 6px 0 var(--pop-ink)!important}
.beta-product .beta-product-photo:hover img{transform:none}
.pop-promise{transition:transform .3s var(--pop-ease),box-shadow .3s var(--pop-ease)}
.pop-promise:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--pop-ink)!important}

/* Section label is plain text */
.beta2-diagram-header .beta2-section-label{background:none!important;border:0!important;filter:none!important;transform:none!important;padding:0!important;font:800 12px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.16em!important;color:#5c6a4a!important;margin-bottom:10px!important}
.beta2-diagram-header .beta2-section-label::after{display:none!important}

/* Pack labels: plain orange text, no rectangle sticker */
.beta-product .beta-bundle .beta-bundle-badge em{font-style:normal;font:800 10.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pop-beak)}

/* Title row: the pointy-oval sticker says something new instead of repeating the price */
.pop-sr-price{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important}
.pop-tag{position:relative;display:grid;place-items:center;isolation:isolate;flex:none;width:126px;height:70px;transform:rotate(8deg);animation:pop-tag-in .7s .3s var(--pop-ease) both}
.pop-tag svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(0 1.2px .3px rgb(34 38 35/28%))}
.pop-tag b{font:800 13px/1.05 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#111;text-align:center}
@keyframes pop-tag-in{from{opacity:0;transform:rotate(-20deg) scale(.6)}to{opacity:1;transform:rotate(8deg) scale(1)}}
.pop-tag:hover{animation:pop-wiggle .5s ease}

/* Intro line: no sticker, more air before the product */
.pop-intro h1{font-size:clamp(22px,2.1vw,30px)!important}
#MainContent .beta-product{padding-top:calc(var(--pop-half) * 2)!important}

/* Payment line under the buy area */
.pop-pay{display:flex;align-items:center;gap:8px;margin:14px 0 0;font:600 12.5px/1.4 Arial,Helvetica,sans-serif;color:#4c5547}
.pop-pay svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Our Story: photo on the right (the closer look above has its picture on the left) */
@media(min-width:750px){.image-with-text__media-item{order:2}}

@media(max-width:749px){
  .pop-tag{width:104px;height:58px}
  .pop-tag b{font-size:11px}
}
@media(max-width:749px){.beta-product .beta-bundle .beta-bundle-badge{display:block!important;margin:3px 0 1px!important}}
/* Sold-out colors (live stock from the console) */
.beta-swatch.is-sold span{position:relative;opacity:.45}
.beta-swatch.is-sold span::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--pop-ink);transform:translateX(-50%) rotate(45deg);border-radius:1px}
#add-to-cart[disabled]{background:#e4dfd3!important;color:#5c6457!important;border:2px solid #1f262033!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}
.beta2-eyebrow{display:none!important}
/* Breathing room under the buy button: a quiet centered caption, then the link */
.pop-pay{justify-content:center;margin:16px 0 0!important;font:500 12px/1.4 Arial,Helvetica,sans-serif!important;color:#6b7266!important;letter-spacing:.01em}
.pop-pay svg{width:13px;height:13px}
.beta-product .product__info-wrapper a.link,.beta-product .beta-details-link,.beta-product a[href*="#details"],.beta-product .product__info-wrapper>p:last-child>a{display:inline-block;margin-top:24px}
/* Owner-only checkout test box (?test-item) */
.tl-test-item{display:grid;gap:8px;margin:0 0 22px;padding:14px 16px;border:2px dashed var(--pop-beak);border-radius:var(--pop-r);background:#fff4ec}
.tl-test-item b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pop-beak)}
.tl-test-item span{font-size:14px;color:var(--pop-ink)}
.tl-test-item .button{justify-self:start}
.pop-ticker-track{animation-duration:80s!important}

/* Pack cards, take two: one centered row; the pack size is the headline */
.beta-product .beta-bundle{grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;min-height:62px!important;padding:12px 18px!important}
.beta-bundle-name{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.1!important}
.beta-bundle-name small{display:none!important}
.pop-pack{font:800 18px/1.1 Arial,Helvetica,sans-serif;color:var(--pop-ink);letter-spacing:-.02em}
.pop-pack-tag{font-style:normal;font:800 10.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pop-beak)}
.beta-product .beta-bundle-price{display:flex!important;align-items:baseline!important;gap:14px!important}
.pop-deal{display:block!important}
.pop-deal b{font:800 13px/1 Arial,Helvetica,sans-serif;color:var(--pop-beak)}
.pop-pack-price{font:800 19px/1 Arial,Helvetica,sans-serif;color:var(--pop-ink);letter-spacing:-.02em}
.beta-bundles legend{display:flex!important;align-items:baseline;gap:12px;width:100%}
.pop-ship-note{font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#2f7a3d}
@media(max-width:749px){
  .beta-product .bundle-badge,.beta-product .beta-bundle .beta-bundle-badge{display:none!important}
  .beta-product .beta-bundle-price{flex-direction:column!important;align-items:flex-end!important;gap:4px!important}
  .pop-deal{order:2}
  .pop-pack{font-size:17px}
  .beta-bundle-name{gap:8px}
}
/* The oval is always visible; the entrance only spins/scales it into place */
@keyframes pop-tag-in2{from{transform:rotate(-20deg) scale(.7)}to{transform:rotate(8deg) scale(1)}}
.pop-tag{animation:pop-tag-in2 .7s .3s var(--pop-ease) backwards!important;opacity:1!important}
/* Info pages (About, policies, 404): same yellow button as the rest of the site */
.tl-page .button{display:inline-flex;align-items:center;justify-content:center;background:var(--pop-sun)!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;box-shadow:var(--pop-shadow)!important;font:700 15px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.01em!important;padding:14px 20px!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}
.tl-page .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pop-ink)!important}
.tl-page .button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pop-ink)!important}
