:root{--bg:#03050b;--panel:#080d1a;--line:#1a2d5a;--blue:#2864ff;--text:#eef3ff;--muted:#8f9bb7;--orange:#ff7a22;--display:"Archivo Black",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px var(--body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topline{height:34px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#9eb7ff;background:#02040a;border-bottom:1px solid var(--line);font-size:.65rem;font-weight:700;letter-spacing:.14em}.nav{height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:30;background:rgba(3,5,11,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{font:1.9rem var(--display);letter-spacing:-.08em}.logo span{color:var(--blue)}.logo sup{font:.45rem var(--body);margin-left:5px}.nav nav{display:flex;gap:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.cart-link{justify-self:end;font-size:.72rem;font-weight:800;letter-spacing:.08em}.cart-link b{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:8px;background:var(--blue)}.flash{padding:12px 4vw;background:#0d6b49;text-align:center}.flash.error{background:#8b2033}.hero{min-height:calc(100vh - 116px);display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.bolt{position:absolute;width:72%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.2;animation:flash 6s steps(1) infinite}.hero-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;padding:7vw 5vw}.kicker{font-size:.7rem;font-weight:800;letter-spacing:.18em;color:#81a2ff}.hero h1,.products h2,.worlds h2,.page>h1,.detail-info h1,.success-page h1{font:clamp(3.2rem,7vw,7.6rem)/.84 var(--display);letter-spacing:-.075em;margin:1.3rem 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p:not(.kicker){max-width:430px;color:#aab5cd;line-height:1.6}.btn{display:inline-flex;width:max-content;align-items:center;justify-content:center;margin-top:1.3rem;min-height:56px;padding:0 22px;border:0;background:var(--blue);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;cursor:pointer}.btn:hover{background:#4276ff}.btn.wide{width:100%}.hero-img{position:relative;overflow:hidden}.hero-img>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.hero-img span{position:absolute;top:20px;left:20px;padding:8px 10px;background:#07142f;border:1px solid #315fdb;font-size:.65rem;font-weight:800}.ticker{padding:17px;background:#050814;border-block:1px solid var(--line);text-align:center;font:1rem var(--display);word-spacing:1.4rem;color:#8290ae}.products,.worlds,.page{padding:7rem 5vw}.products>header,.worlds>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.5rem}.products h2,.worlds h2{font-size:clamp(2.5rem,5vw,5rem);margin:.8rem 0 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.product-img{height:560px;position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.product-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.03)}.product-img span{position:absolute;top:13px;left:13px;background:#0a1737;border:1px solid #315fdb;color:#a9bdff;padding:7px 9px;font-size:.6rem;font-weight:800}.product-copy{display:grid;grid-template-columns:1fr auto;padding:1rem 2px;gap:7px}.product-copy h3{margin:0;text-transform:uppercase}.product-copy small{grid-column:1/-1;color:var(--muted);text-transform:uppercase}.worlds{background:#02040a}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.world-grid article{height:680px;position:relative;overflow:hidden;border:1px solid var(--line)}.world-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(1,3,9,.96))}.world-grid img{width:100%;height:100%;object-fit:cover;animation:float 8s ease-in-out infinite}.world-grid article>div{position:absolute;z-index:2;left:3rem;bottom:3rem}.world-grid small{color:#9db5ff;letter-spacing:.14em}.world-grid h3{font:clamp(3rem,5vw,5.5rem)/.85 var(--display);letter-spacing:-.06em;margin:1rem 0}.world-grid p{color:#b5bfd5}.world-grid .orb small{color:#ffb36f}.detail{display:grid;grid-template-columns:58% 42%;min-height:calc(100vh - 116px)}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:#111}.detail-gallery img{width:100%;height:100%;min-height:680px;object-fit:cover}.detail-info{padding:7vw 5vw;position:sticky;top:82px;height:max-content}.detail-info h1{font-size:clamp(2.8rem,5vw,5rem)}.detail-price{font-size:1.3rem;font-weight:800}.detail-info>p{color:#a9b4cc;line-height:1.6}.detail-info form{margin-top:2rem}.detail-info label,.form-card label{display:grid;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-info select,input{height:48px;background:#0a1020;border:1px solid var(--line);color:#fff;padding:0 12px}.detail-info ul{padding:0;list-style:none;margin-top:2rem}.detail-info li{padding:12px 0;border-top:1px solid var(--line);color:#929eba}.page>h1{font-size:clamp(3rem,6vw,6rem)}.page.narrow{max-width:900px;margin:auto}.empty{padding:4rem;background:var(--panel);border:1px solid var(--line)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:3rem}.cart-row{display:grid;grid-template-columns:130px 1fr auto;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid var(--line);position:relative}.cart-row img{width:130px;height:160px;object-fit:cover}.cart-row h2{font:1.2rem var(--display);margin:0}.cart-row p{color:var(--muted)}.cart-row input{width:65px}.cart-row button{height:38px;background:#132b69;color:#fff;border:1px solid #295acc}.cart-row>form{position:absolute;right:0;bottom:20px}.link-btn{background:transparent!important;border:0!important;text-decoration:underline}.summary,.form-card{padding:2rem;background:var(--panel);border:1px solid var(--line);height:max-content}.summary h2{font:1.3rem var(--display)}.summary p{display:flex;justify-content:space-between}.summary .total{border-top:1px solid var(--line);padding-top:1rem;font-size:1.2rem}.summary small,.form-card>small{display:block;text-align:center;color:var(--muted);margin-top:1rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.fields .full{grid-column:1/-1}.checkout-total{display:flex;justify-content:space-between;font-size:1.4rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}.success-page{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5vw}.success-page>span{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#174aa9;font-size:2rem}.success-page h1{font-size:clamp(2.5rem,6vw,6rem)}.success-page p{color:var(--muted)}footer{padding:4rem 5vw 2rem;display:flex;justify-content:space-between;align-items:start;border-top:1px solid var(--line);background:#02040a;color:var(--muted);font-size:.7rem}@keyframes flash{0%,12%,15%,42%,45%,100%{opacity:.12}13%,14%,43%,44%{opacity:.48}}@keyframes float{50%{transform:scale(1.04) translateY(-14px)}}
@media(max-width:800px){.topline span:nth-child(2){display:none}.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:500px}.hero-img{height:70vh}.product-grid,.world-grid{grid-template-columns:1fr 1fr}.product-img{height:65vw}.world-grid article{height:600px}.detail{grid-template-columns:1fr}.detail-info{position:static}.cart-layout{grid-template-columns:1fr}.summary{order:-1}}
@media(max-width:560px){.topline span:last-child{display:none}.nav{height:68px}.hero h1{font-size:3.5rem}.products,.worlds,.page{padding:5rem 4vw}.product-grid{gap:.7rem}.product-img{height:72vw}.product-copy{display:block}.product-copy h3,.product-copy b{display:block;font-size:.8rem;margin:.4rem 0}.product-copy small{font-size:.6rem}.world-grid{grid-template-columns:1fr}.world-grid article{height:580px}.world-grid article>div{left:1.5rem;bottom:2rem}.detail-gallery{grid-template-columns:1fr}.detail-gallery img{min-height:500px}.cart-row{grid-template-columns:90px 1fr}.cart-row img{width:90px;height:120px}.cart-row>strong{grid-column:2}.cart-row>form{position:static;grid-column:2}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}footer{display:grid;gap:1.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.garment-viewer {
    grid-column: 1 / -1;
    min-height: 760px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(31, 92, 255, .19), transparent 34%),
        linear-gradient(145deg, #050915 0%, #010207 58%, #071128 100%);
    border: 1px solid #173878;
    isolation: isolate;
}

.garment-viewer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(65, 112, 230, .065) 1px, transparent 1px), linear-gradient(90deg, rgba(65, 112, 230, .065) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
    pointer-events: none;
}

.garment-viewer__header {
    min-height: 88px;
    padding: 22px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 5;
    border-bottom: 1px solid rgba(74, 118, 224, .28);
}

.garment-viewer__header span {
    color: #79a1ff;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.garment-viewer__header h2 {
    margin: 5px 0 0;
    font: 1.15rem var(--display);
    letter-spacing: -.035em;
}

.garment-viewer__header .garment-viewer__live {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    color: #dce8ff;
    background: rgba(18, 55, 145, .38);
    border: 1px solid #316be8;
    box-shadow: 0 0 28px rgba(40, 100, 255, .34);
}

.garment-stage {
    height: 570px;
    position: relative;
    overflow: hidden;
    perspective: 1050px;
    cursor: grab;
    touch-action: pan-y;
    outline: 0;
}

.garment-stage:focus-visible {
    box-shadow: inset 0 0 0 2px #79a1ff;
}

.garment-stage.is-dragging {
    cursor: grabbing;
}

.garment-stage::after {
    content: "";
    width: 390px;
    height: 48px;
    position: absolute;
    left: 50%;
    bottom: 58px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(0, 0, 0, .78), transparent 70%);
    filter: blur(7px);
    animation: floating-shadow 5s ease-in-out infinite;
}

.garment-stage__halo {
    width: 430px;
    height: 430px;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(67, 120, 255, .26);
    border-radius: 50%;
    box-shadow: inset 0 0 70px rgba(38, 91, 222, .09), 0 0 80px rgba(24, 67, 178, .08);
}

.garment-stage__halo::before,
.garment-stage__halo::after {
    content: "";
    position: absolute;
    inset: 42px;
    border: 1px dashed rgba(91, 137, 255, .18);
    border-radius: 50%;
    animation: orbit-ring 16s linear infinite;
}

.garment-stage__halo::after {
    inset: 88px;
    animation-direction: reverse;
    animation-duration: 11s;
}

.garment-stage__bolt {
    width: 2px;
    height: 160px;
    position: absolute;
    top: 80px;
    left: 21%;
    transform: rotate(28deg);
    background: #70a1ff;
    box-shadow: 0 0 13px #2864ff, 0 0 26px #2864ff;
    clip-path: polygon(0 0, 100% 0, 40% 44%, 100% 44%, 5% 100%, 48% 53%, 0 53%);
    opacity: .56;
    animation: garment-flash 4.7s steps(1) infinite;
}

.garment-stage__bolt--two {
    top: 270px;
    left: auto;
    right: 19%;
    height: 120px;
    transform: rotate(-22deg);
    animation-delay: -2.1s;
}

.garment-model {
    --garment-rotation: -12deg;
    --garment-scale: 1;
    width: 400px;
    height: 500px;
    position: absolute;
    left: 50%;
    bottom: 12px;
    z-index: 2;
    transform: translateX(-50%) scale(var(--garment-scale)) rotateX(-2deg) rotateY(var(--garment-rotation));
    transform-style: preserve-3d;
    transform-origin: 50% 52%;
    will-change: transform;
}

.shirt-volume {
    width: 360px;
    height: 400px;
    position: absolute;
    left: 20px;
    top: 48px;
    transform-style: preserve-3d;
    animation: shirt-float 5s ease-in-out infinite;
    filter: drop-shadow(0 28px 28px rgba(0, 0, 0, .6)) drop-shadow(0 0 24px rgba(34, 91, 230, .11));
}

.shirt-panel {
    width: 360px;
    height: 400px;
    position: absolute;
    inset: 0;
    overflow: hidden;
    backface-visibility: hidden;
    clip-path: polygon(24% 4%, 36% 0, 41% 5%, 59% 5%, 64% 0, 76% 4%, 100% 18%, 89% 39%, 79% 31%, 80% 96%, 74% 100%, 26% 100%, 20% 96%, 21% 31%, 11% 39%, 0 18%);
    background:
        radial-gradient(ellipse at 50% 14%, rgba(46, 62, 88, .28), transparent 24%),
        linear-gradient(93deg, rgba(255, 255, 255, .045), transparent 29%, rgba(255, 255, 255, .02) 67%, transparent),
        linear-gradient(#10151e, #030406 88%);
    border-bottom: 3px solid #161d29;
    box-shadow: inset 0 0 48px rgba(0, 0, 0, .65);
}

.shirt-panel::before {
    content: "";
    width: 68px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: -2px;
    z-index: 5;
    transform: translateX(-50%);
    border-radius: 0 0 50% 50%;
    background: #02040a;
    border-bottom: 4px solid #181f2b;
    box-shadow: 0 7px 13px rgba(0, 0, 0, .7);
}

.shirt-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: repeating-linear-gradient(92deg, transparent 0 21px, rgba(255, 255, 255, .015) 22px, transparent 24px);
    mix-blend-mode: screen;
}

.shirt-panel--front {
    transform: translateZ(43px);
}

.shirt-panel--back {
    transform: rotateY(180deg) translateZ(43px);
}

.shirt-logo {
    width: 80px;
    height: 74px;
    position: absolute;
    top: 78px;
    right: 69px;
    z-index: 3;
    object-fit: contain;
    mix-blend-mode: screen;
    filter: contrast(1.1) brightness(1.16);
}

.shirt-back-print {
    width: 248px;
    height: 326px;
    position: absolute;
    left: 56px;
    top: 38px;
    z-index: 3;
    object-fit: contain;
    mix-blend-mode: screen;
    filter: contrast(.9) brightness(.88);
    opacity: .9;
}

.shirt-side {
    width: 86px;
    height: 278px;
    position: absolute;
    top: 119px;
    background: linear-gradient(90deg, #030407, #131a25 48%, #030407);
    border-bottom: 3px solid #151c27;
}

.shirt-side--left {
    left: -22px;
    transform: rotateY(-90deg) translateZ(-21px);
}

.shirt-side--right {
    right: -22px;
    transform: rotateY(90deg) translateZ(-21px);
}

.garment-controls {
    min-height: 64px;
    padding: 10px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 5;
    background: rgba(2, 5, 13, .86);
    border-top: 1px solid rgba(74, 118, 224, .28);
}

.garment-controls button {
    min-height: 42px;
    padding: 0 16px;
    color: #8f9bb7;
    background: transparent;
    border: 1px solid transparent;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    cursor: pointer;
}

.garment-controls button:hover,
.garment-controls button:focus-visible,
.garment-controls button[aria-pressed="true"] {
    color: #fff;
    border-color: #2d5dc8;
    outline: 0;
}

.garment-controls__views {
    display: flex;
    gap: 4px;
}

.garment-controls .garment-controls__rotation {
    color: #7f8ba6;
}

.garment-controls .garment-controls__rotation.is-active {
    color: #79a1ff;
}

.garment-controls__rotation span {
    display: inline-block;
    margin-right: 6px;
    font-size: 1rem;
}

.garment-viewer__hint {
    margin: 0;
    padding: 10px 22px 13px;
    position: relative;
    z-index: 5;
    color: #586681;
    background: rgba(2, 5, 13, .86);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-align: center;
}

@keyframes orbit-ring {
    to { transform: rotate(360deg); }
}

@keyframes garment-flash {
    0%, 8%, 11%, 60%, 63%, 100% { opacity: .12; }
    9%, 10%, 61%, 62% { opacity: .72; }
}

@keyframes shirt-float {
    0%, 100% { transform: translateY(5px) rotateZ(-.35deg); }
    50% { transform: translateY(-13px) rotateZ(.35deg); }
}

@keyframes floating-shadow {
    0%, 100% { opacity: .72; transform: translateX(-50%) scaleX(.9); }
    50% { opacity: .42; transform: translateX(-50%) scaleX(.72); }
}

@media(max-width:800px) {
    .garment-viewer { min-height: 720px; }
    .garment-stage { height: 535px; }
}

@media(max-width:560px) {
    .garment-viewer { min-height: 650px; }
    .garment-viewer__header { min-height: 78px; padding: 18px; }
    .garment-viewer__header h2 { font-size: .95rem; }
    .garment-stage { height: 470px; }
    .garment-model { transform: translateX(-50%) scale(calc(var(--garment-scale) * .82)) rotateX(-2deg) rotateY(var(--garment-rotation)); transform-origin: 50% 64%; }
    .garment-stage__halo { width: 340px; height: 340px; }
    .garment-controls { padding: 8px 10px; }
    .garment-controls button { padding: 0 9px; font-size: .58rem; }
    .garment-viewer__hint { font-size: .52rem; }
}

@media(prefers-reduced-motion:reduce) {
    .garment-stage__halo::before,
    .garment-stage__halo::after,
    .garment-stage__bolt,
    .shirt-volume,
    .garment-stage::after { animation: none; }
}

.detail-gallery--photos {
    display: block;
    background: #02040a;
}

.product-photo-viewer {
    min-height: calc(100vh - 116px);
    position: relative;
    overflow: hidden;
    background: #02040a;
    border-right: 1px solid var(--line);
}

.product-photo-viewer__header {
    min-height: 82px;
    padding: 19px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    inset: 0 0 auto;
    z-index: 8;
    color: #fff;
    background: linear-gradient(to bottom, rgba(1, 3, 8, .84), transparent);
}

.product-photo-viewer__header span {
    color: #84a8ff;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.product-photo-viewer__header h2 {
    margin: 5px 0 0;
    font: 1.1rem var(--display);
    letter-spacing: -.03em;
}

.product-photo-viewer__header .product-photo-viewer__count {
    padding: 10px 12px;
    color: #d8e4ff;
    background: rgba(5, 13, 31, .58);
    border: 1px solid rgba(100, 144, 255, .4);
    backdrop-filter: blur(12px);
}

.product-photo-stage {
    height: calc(100vh - 184px);
    min-height: 650px;
    position: relative;
    overflow: hidden;
    background: #03050a;
    outline: 0;
    touch-action: pan-y;
}

.product-photo-stage:focus-visible {
    box-shadow: inset 0 0 0 2px #7ca2ff;
}

.product-photo {
    margin: 0;
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    clip-path: polygon(100% 0, 100% 0, 84% 100%, 84% 100%);
    transform: scale(1.07);
    transition: opacity .72s ease, transform 1.15s cubic-bezier(.16, 1, .3, 1), clip-path .82s cubic-bezier(.22, 1, .36, 1);
    pointer-events: none;
}

.product-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(3, 6, 14, .06), transparent 45%, rgba(14, 43, 114, .16));
    pointer-events: none;
}

.product-photo.is-active {
    z-index: 3;
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(1);
    pointer-events: auto;
}

.product-photo.is-leaving {
    z-index: 2;
    opacity: 0;
    clip-path: polygon(0 0, 5% 0, 0 100%, 0 100%);
    transform: scale(.985);
}

.product-photo-stage[data-direction="previous"] .product-photo:not(.is-active):not(.is-leaving) {
    clip-path: polygon(0 0, 0 0, 16% 100%, 16% 100%);
}

.product-photo img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center 28%;
}

.product-photo[data-product-photo="back"] img {
    object-position: center 22%;
}

.product-photo figcaption {
    padding: 10px 13px;
    position: absolute;
    left: 24px;
    bottom: 23px;
    z-index: 3;
    color: #fff;
    background: rgba(2, 5, 13, .74);
    border: 1px solid rgba(82, 127, 237, .48);
    backdrop-filter: blur(12px);
    font: .72rem var(--display);
    letter-spacing: .05em;
}

.product-photo figcaption span {
    margin-left: 10px;
    color: #8faeff;
    font: .62rem var(--body);
    font-weight: 800;
    letter-spacing: .1em;
}

.product-photo-stage__flash {
    width: 16%;
    position: absolute;
    inset: -10% auto -10% -28%;
    z-index: 6;
    opacity: 0;
    transform: skewX(-10deg);
    background: linear-gradient(90deg, transparent, rgba(67, 122, 255, .86), #d9e6ff, rgba(30, 83, 219, .44), transparent);
    filter: blur(2px);
    pointer-events: none;
}

.product-photo-stage.is-switching .product-photo-stage__flash {
    animation: electric-photo-wipe .82s ease-out;
}

.product-photo-arrow {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    z-index: 7;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(2, 6, 16, .58);
    border: 1px solid rgba(102, 145, 255, .55);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: background .2s, border-color .2s;
}

.product-photo-arrow:hover,
.product-photo-arrow:focus-visible {
    background: #1f58e1;
    border-color: #91adff;
    outline: 0;
}

.product-photo-arrow--previous { left: 18px; }
.product-photo-arrow--next { right: 18px; }

.product-photo-tabs {
    min-height: 68px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    background: #030611;
}

.gallery-empty { padding: 4rem 2rem; color: var(--muted); }

.product-photo-tabs button {
    min-height: 68px;
    color: #66728e;
    background: transparent;
    border: 0;
    border-top: 1px solid #17264b;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .12em;
    cursor: pointer;
}

.product-photo-tabs button + button {
    border-left: 1px solid #17264b;
}

.product-photo-tabs button span {
    margin-right: 9px;
    color: #3c62ba;
}

.product-photo-tabs button[aria-pressed="true"],
.product-photo-tabs button:hover,
.product-photo-tabs button:focus-visible {
    color: #fff;
    background: linear-gradient(to top, rgba(35, 87, 216, .22), transparent);
    border-top-color: #3c72ef;
    outline: 0;
}

@keyframes electric-photo-wipe {
    0% { left: -28%; opacity: 0; }
    18% { opacity: 1; }
    55% { opacity: .86; }
    100% { left: 116%; opacity: 0; }
}

@media(max-width:800px) {
    .product-photo-viewer { min-height: 780px; border-right: 0; }
    .product-photo-stage { height: 710px; min-height: 0; }
}

@media(max-width:560px) {
    .product-photo-viewer { min-height: 640px; }
    .product-photo-stage { height: 570px; }
    .product-photo-viewer__header { padding: 16px; }
    .product-photo-viewer__header h2 { font-size: .92rem; }
    .product-photo-arrow { width: 42px; height: 42px; }
    .product-photo-arrow--previous { left: 10px; }
    .product-photo-arrow--next { right: 10px; }
    .product-photo figcaption { left: 14px; bottom: 15px; }
}

@media(prefers-reduced-motion:reduce) {
    .product-photo { transition: opacity .2s linear; }
    .product-photo-stage.is-switching .product-photo-stage__flash { animation: none; }
}

.shipping-calculator {
    margin: 28px 0;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(7, 17, 42, .96), rgba(2, 5, 13, .98));
    border: 1px solid rgba(66, 112, 226, .42);
    box-shadow: inset 0 1px 0 rgba(126, 160, 255, .08), 0 18px 44px rgba(0, 0, 0, .24);
}

.shipping-calculator__header {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 18px 20px 15px;
    border-bottom: 1px solid rgba(70, 112, 214, .28);
}

.shipping-calculator__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #e9efff;
    background: linear-gradient(135deg, #123b9d, #2e6aff);
    border: 1px solid #6b95ff;
    box-shadow: 0 0 24px rgba(44, 103, 255, .34);
    font-size: 1.1rem;
}

.shipping-calculator__header span:not(.shipping-calculator__icon) {
    display: block;
    margin-bottom: 3px;
    color: #6f92e6;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.shipping-calculator__header h2 {
    margin: 0;
    color: #f5f7ff;
    font: .94rem var(--display);
    letter-spacing: .035em;
}

.shipping-calculator__form {
    padding: 18px 20px 8px;
}

.shipping-calculator__form label {
    display: block;
    margin-bottom: 8px;
    color: #8b9abe;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.shipping-calculator__form > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.shipping-calculator__form input {
    min-width: 0;
    padding: 13px 14px;
    color: #fff;
    background: rgba(0, 3, 10, .72);
    border: 1px solid #263b6f;
    border-right: 0;
    border-radius: 0;
    font: 700 .88rem var(--body);
    letter-spacing: .08em;
}

.shipping-calculator__form input:focus {
    outline: 1px solid #477eff;
    outline-offset: -1px;
}

.shipping-calculator__form button {
    padding: 0 18px;
    color: #fff;
    background: #2459dc;
    border: 1px solid #477eff;
    font: .64rem var(--display);
    letter-spacing: .07em;
    cursor: pointer;
}

.shipping-calculator__form button:hover,
.shipping-calculator__form button:focus-visible { background: #326cff; }
.shipping-calculator__form button:disabled { opacity: .58; cursor: wait; }

.shipping-calculator__status {
    min-height: 18px;
    margin: 7px 20px 10px;
    color: #7f8cac;
    font-size: .72rem;
}

.shipping-calculator__status[data-type="error"] { color: #ff8585; }
.shipping-calculator__status[data-type="success"] { color: #8faeff; }

.shipping-results { padding: 0 20px 20px; }

.shipping-results__meta {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.shipping-results__meta p {
    margin: 0;
    color: #727f9f;
    font-size: .65rem;
    line-height: 1.45;
}

.shipping-results__badge {
    flex: 0 0 auto;
    padding: 4px 7px;
    color: #dce7ff;
    background: rgba(38, 91, 224, .2);
    border: 1px solid rgba(71, 126, 255, .5);
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.shipping-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: center;
    padding: 13px 0;
    border-top: 1px solid rgba(67, 87, 134, .28);
}

.shipping-option > div { display: grid; gap: 2px; }
.shipping-option > div strong { color: #eef2ff; font-size: .78rem; }
.shipping-option > div span { color: #6987ce; font-size: .64rem; font-weight: 700; }
.shipping-option__delivery { color: #8996b5; font-size: .68rem; white-space: nowrap; }
.shipping-option__price { color: #fff; font-size: .79rem; white-space: nowrap; }

footer .footer-affiliate{display:grid;gap:8px;max-width:340px;min-width:220px;padding:0 0 0 24px;border-left:1px solid #314568}
footer .footer-affiliate>p{margin:0;color:#a8c1ff;font-size:11px;font-weight:800;letter-spacing:.15em}
footer .footer-affiliate h2{margin:0;color:#eef3ff;font:700 clamp(19px,2vw,26px)/1.1 var(--display);text-transform:uppercase}
footer .footer-affiliate>span{font-size:13px;line-height:1.5;color:#b9c5de}
footer .footer-affiliate>a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;max-width:100%;min-height:44px;padding:8px 0;color:#eef3ff;font-size:11px;font-weight:800;letter-spacing:.09em;border-bottom:1px solid #91adff}
footer .footer-affiliate>a:hover{color:#b9d1ff}

@media(max-width:560px) {
    .shipping-calculator__form > div { grid-template-columns: 1fr; gap: 8px; }
    .shipping-calculator__form input { border-right: 1px solid #263b6f; }
    .shipping-calculator__form button { min-height: 43px; }
    .shipping-option { grid-template-columns: 1fr auto; gap: 8px 12px; }
    .shipping-option__delivery { grid-row: 2; }
    .shipping-option__price { grid-column: 2; grid-row: 1 / span 2; }
    .shipping-results__meta { display: grid; }
}

@media(max-width:700px){footer .footer-affiliate{border-left:0;border-top:1px solid #314568;padding:20px 0 0;max-width:100%}}