/* Canonical Parakinz product page shell — v1.45 */
.character-page{background:var(--cream)}
.product-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:46px;align-items:center;padding-top:68px;padding-bottom:34px}
.product-shell-art{border-radius:30px;overflow:hidden;background:#f4dfc7;min-height:520px}
.product-shell-art img{width:100%;height:520px;object-fit:cover;display:block}
.product-shell-copy h1{font-size:clamp(68px,7vw,104px);line-height:.86;letter-spacing:-.075em;margin:0 0 18px;font-weight:950}
.product-personality{font-size:22px;line-height:1.25;font-weight:760;margin:0 0 14px;color:#2d2925;max-width:460px}
.product-story{font-size:15px;line-height:1.62;color:var(--sub);max-width:470px;margin:0 0 22px}
.product-story-simple{font-size:17px;max-width:390px}
.product-status{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5c554c}
.product-status span{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.product-actions{display:flex;gap:10px;flex-wrap:wrap}
.product-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:64px}
.product-meta>div{padding:20px 22px;border-right:1px solid var(--rule)}
.product-meta>div:last-child{border-right:0}.product-meta span{display:block;font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#817769;margin-bottom:6px}.product-meta strong{font-size:14px}
@media(max-width:780px){.product-shell{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:30px}.product-shell-art{min-height:0}.product-shell-art img{height:390px}.product-shell-copy h1{font-size:66px}.product-personality{font-size:19px}.product-story{font-size:13px}.product-meta{grid-template-columns:1fr;margin-bottom:44px}.product-meta>div{border-right:0;border-bottom:1px solid var(--rule);padding:15px 4px}.product-meta>div:last-child{border-bottom:0}}
@media(max-width:450px){.product-shell-art img{height:310px}.product-shell-copy h1{font-size:60px}.product-actions .button{width:100%;justify-content:space-between}.product-personality{font-size:18px}}

/* Dino product gallery + color variants — v1.86 */
.product-shell-gallery{align-items:start}
.product-gallery{min-width:0}
.product-gallery-stage{position:relative;border-radius:30px;overflow:hidden;background:#f3eee5;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.product-gallery-stage>img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.gallery-arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;border:1px solid rgba(20,18,15,.14);border-radius:50%;background:rgba(255,252,245,.9);display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px)}
.gallery-arrow-prev{left:16px}.gallery-arrow-next{right:16px}
.gallery-count{position:absolute;right:16px;bottom:16px;z-index:2;background:rgba(255,252,245,.9);border:1px solid rgba(20,18,15,.12);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}
.product-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}
.product-gallery-thumb{padding:0;border:1px solid transparent;border-radius:13px;overflow:hidden;background:#f3eee5;aspect-ratio:1/1;cursor:pointer}
.product-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.product-gallery-thumb.is-active{border-color:#151310;box-shadow:0 0 0 1px #151310 inset}
.product-option-block{margin:4px 0 22px;padding-top:20px;border-top:1px solid var(--rule)}
.product-option-heading{display:flex;gap:8px;align-items:baseline;margin-bottom:11px;font-size:12px}.product-option-heading span{font-weight:800;text-transform:uppercase;letter-spacing:.12em}.product-option-heading strong{font-size:13px}
.product-color-options{display:flex;gap:9px;flex-wrap:wrap}.color-option{border:1px solid #d9cfc1;background:#fffaf2;border-radius:999px;padding:9px 13px 9px 10px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;cursor:pointer}.color-option.is-selected{border-color:#151310;box-shadow:0 0 0 1px #151310 inset}.color-swatch{width:22px;height:22px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.12)}.color-swatch-original{background:#f2ead9}.color-swatch-green{background:#2bcf89}
@media(max-width:780px){.product-gallery-stage{border-radius:22px;aspect-ratio:4/5}.product-gallery-thumbs{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;padding-bottom:4px}.product-gallery-thumb{flex:0 0 78px;scroll-snap-align:start}.gallery-arrow{width:40px;height:40px}.product-shell-gallery{gap:20px}}
@media(max-width:450px){.product-gallery-thumb{flex-basis:68px}.gallery-arrow{width:36px;height:36px}.gallery-arrow-prev{left:10px}.gallery-arrow-next{right:10px}.gallery-count{right:10px;bottom:10px}}


/* v1.92 — keep dimensions in the same fixed 4:5 gallery frame as slides 1–4 */
.product-gallery.showing-dimensions .product-gallery-stage{
  aspect-ratio:4/5;
  background:#f3eee5;
}
.product-gallery.showing-dimensions .product-gallery-stage>img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  background:#f3eee5;
}
.product-gallery.showing-dimensions .gallery-arrow{
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
}
.product-gallery.showing-dimensions .gallery-count{
  left:auto;
  right:16px;
  bottom:16px;
  transform:none;
}
.product-gallery-thumb.is-dimensions img{
  object-fit:cover;
  padding:0;
  background:#f3eee5;
}
@media(max-width:450px){
  .product-gallery.showing-dimensions .product-gallery-stage{
    aspect-ratio:4/5;
  }
  .product-gallery.showing-dimensions .gallery-count{
    right:10px;
    bottom:10px;
  }
}

/* v1.92 — portrait measurement art also stays inside the same fixed 4:5 gallery frame */
.product-gallery.showing-portrait-dimensions .product-gallery-stage{
  aspect-ratio:4/5;
  background:#f3eee5;
}
.product-gallery.showing-portrait-dimensions .product-gallery-stage>img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  background:#f3eee5;
}
@media(max-width:450px){
  .product-gallery.showing-portrait-dimensions .product-gallery-stage{aspect-ratio:4/5;}
}

/* v1.98 — slightly zoomed out measurement slides so all measurement labels remain visible; fixed 4:5 gallery frame preserved */
.product-gallery.showing-portrait-dimensions .product-gallery-stage>img{
  transform:scale(1.08);
  transform-origin:center center;
}

/* v1.99 — EarBudz gallery uses all six supplied photos while preserving Dino gallery behavior */
.product-gallery-thumbs-six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:780px){.product-gallery-thumbs-six{display:flex}}

/* v2.00 — bundle page supports a larger mixed gallery while keeping the existing product shell */
.product-gallery-many .product-gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:780px){.product-gallery-many .product-gallery-thumbs{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;padding-bottom:4px}.product-gallery-many .product-gallery-thumb{flex:0 0 78px;scroll-snap-align:start}}
@media(max-width:450px){.product-gallery-many .product-gallery-thumb{flex-basis:68px}}

/* v2.01 — bundle page measurement slides zoom slightly more so portrait dimension art fills the frame like the individual purchase pages */
.collection-product-page .product-gallery.showing-portrait-dimensions .product-gallery-stage>img{transform:scale(1.14);transform-origin:center center;}

/* v1.124 launch commerce */
.product-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.product-actions .button{min-width:142px}
@media(max-width:520px){.product-actions .button{width:100%}}

/* v1.127 — Add to cart first, Buy now second */
.product-actions .product-back-button{border-color:#e2d7c8;color:#6d6257;background:transparent}
@media(min-width:521px){.product-actions .product-back-button{min-width:auto;padding-inline:18px}}