/* Cold White / Cinematic Noir */
.intro-main{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center;min-height:calc(100svh - 178px);padding:46px 0 62px}.intro-heading{position:relative;z-index:2}.intro-heading .eyebrow{margin-bottom:22px}.intro-heading h1{font-size:clamp(48px,5.3vw,78px);font-weight:500;line-height:1.28;letter-spacing:-.035em}.intro-heading h1 span{color:#8C93A8}.intro-heading>p{max-width:380px;margin-top:24px;color:var(--muted);font-size:15px;line-height:1.9}.game-bottom{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start}.game-progress{display:flex;gap:8px;margin-bottom:12px}.game-progress>span{width:30px;height:4px;border-radius:4px;background:#252A38;transition:background .4s}.game-progress>span.is-drawn{background:var(--text)}.kinetic-status{font-size:12px;color:var(--muted);line-height:1.8;max-width:370px;min-height:44px}.kinetic-help{font-size:11px;line-height:1.8;color:var(--subtle);max-width:350px}.unlock-zone{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:24px;min-height:105px}.unlock-button{min-width:285px}.replay-button{font-size:12px}.kinetic-layout{position:relative;min-width:0;padding-top:12px}.field-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:410px;margin:4px auto 0;color:var(--subtle);font-size:11px}.field-meta>span:first-child{display:flex;align-items:center;gap:8px}.field-meta i{width:5px;height:5px;border-radius:50%;background:var(--text);display:inline-block}.field-meta b{font-family:Manrope,sans-serif;font-weight:400;font-size:12px;color:var(--muted)}
.shop-main,.checkout-main{padding:46px 0 72px}.shop-heading{margin-bottom:38px}.shop-heading h1{font-size:clamp(36px,3.8vw,54px);line-height:1.3;margin-top:16px}.shop-heading h1 span{color:#8C93A8}.shop-heading>p{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.8}.shop-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:start}.product-aside{min-width:0;position:sticky;top:30px}.product-aside .cube-stage:before{content:'';position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff05;transform:rotateX(65deg);z-index:-1}.product-spec{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);padding:20px 4px 14px}.product-spec>span:first-child{font-family:Manrope,'Noto Sans Georgian',sans-serif;color:var(--text);white-space:nowrap}.product-note{padding:0 4px;color:var(--subtle);font-size:11px}.shop-selector{min-width:0;padding-top:2px}.purchase-demo-note{font-size:11px;color:var(--subtle);margin-top:28px;text-align:right;line-height:1.8}.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}.checkout-form-section h2{font-size:23px;letter-spacing:-.025em}.form-intro{font-size:13px;color:var(--muted);margin:12px 0 27px;line-height:1.8}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.checkout-fields label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted)}.checkout-fields input,.checkout-fields select{width:100%;background:var(--panel);color:var(--text);border:1px solid #ffffff12;border-radius:12px;padding:14px 16px;font-size:14px;min-height:54px}.checkout-fields input::placeholder{color:#878C9E}.checkout-fields input:focus,.checkout-fields select:focus{border-color:#E1E5F2}.full-field{grid-column:1/-1}.demo-payment{display:flex;align-items:flex-start;gap:15px;background:var(--panel);border-radius:16px;margin-top:28px;padding:21px}.demo-badge{border:1px solid #ffffff2a;border-radius:6px;padding:5px 7px;font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:2px}.demo-payment strong{font-size:13px;font-weight:500}.demo-payment p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:6px}.checkout-submit{margin-top:24px}.checkout-summary{background:var(--panel);border-radius:24px;padding:28px}.checkout-summary h2{font-size:22px;margin:25px 0 16px}.summary-mini-box{position:relative;width:125px;height:110px;background:linear-gradient(145deg,#323746,#101117);border:1px solid #555D70;transform:rotate(-6deg);box-shadow:6px 7px 0 #05060A;margin:20px auto 30px;padding:23px 17px}.summary-box-logo{font-family:Manrope,sans-serif;font-size:23px;line-height:1;font-weight:800}.summary-mini-box .sticker{width:31px;height:31px;top:8px;right:7px;font-size:7px}.checkout-summary dl{margin:0}.checkout-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line);line-height:1.7}.checkout-summary dt{color:var(--muted)}.checkout-summary dd{margin:0;text-align:right;color:var(--text)}.summary-price{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;font-size:13px}.summary-price strong{font-family:Manrope,'Noto Sans Georgian',sans-serif;font-size:32px;font-weight:600}.checkout-summary>p{font-size:11px;color:var(--subtle);line-height:1.9}.edit-selection-link{font-size:12px;margin-top:15px}.demo-success{text-align:center;padding:45px 10px;max-width:650px;margin:auto}.demo-success .eyebrow{margin:20px 0}.demo-success h2{font-size:34px}.success-symbol{width:76px;height:76px;border-radius:50%;background:var(--panel);font-size:36px;color:var(--text);display:grid;place-items:center;margin:auto}.demo-success p{font-size:13px;color:var(--muted);line-height:1.9;margin:22px auto;max-width:550px}.demo-success .primary-link{margin-top:8px}
@media(min-width:1440px){.intro-main{min-height:720px}.shop-layout{gap:80px}}
@media(max-width:1100px){.intro-main{gap:20px}.intro-heading h1{font-size:54px}.intro-heading>p{font-size:14px}.shop-layout{gap:32px;grid-template-columns:.8fr 1.2fr}.product-aside .cube-stage{min-height:410px}.product-spec{flex-direction:column;gap:5px}.checkout-layout{gap:32px}.size-card strong{font-size:22px}.size-dimension{font-size:9px}}
@media(max-width:760px){.intro-main{grid-template-columns:1fr;gap:0;min-height:auto;padding:28px 0 36px}.intro-heading{text-align:center;display:contents}.intro-heading>.eyebrow{justify-content:center;margin-bottom:16px}.intro-heading h1{font-size:42px;text-align:center;letter-spacing:-.03em}.intro-heading>p{font-size:13px;max-width:350px;margin:18px auto 0;text-align:center}.kinetic-layout{grid-row:4;padding-top:0;margin-top:10px}.game-bottom{grid-row:5;margin-top:24px;align-items:center;text-align:center}.kinetic-status{min-height:0;font-size:11px}.kinetic-help{margin-top:7px;font-size:10px}.unlock-zone{align-items:center;min-height:0;margin-top:22px}.unlock-zone:has(.unlock-button[hidden]){margin-top:0}.field-meta{font-size:10px;padding:0 15px}.field-meta b{font-size:11px}.shop-main,.checkout-main{padding:26px 0 48px}.shop-heading{margin-bottom:28px}.shop-heading h1{font-size:36px}.shop-heading>p{font-size:13px}.shop-layout{grid-template-columns:1fr;gap:32px}.product-aside{position:relative;top:auto}.product-aside .cube-stage{min-height:340px}.product-spec{flex-direction:row;font-size:11px;padding:18px 0 12px}.product-note{font-size:10px;padding:0}.purchase-demo-note{text-align:left;margin-top:24px}.checkout-layout{grid-template-columns:1fr;gap:34px}.checkout-summary{order:-1;padding:24px}.summary-mini-box{float:left;width:105px;height:95px;margin:14px 25px 26px 5px;padding:20px 14px}.summary-box-logo{font-size:20px}.checkout-summary h2{font-size:21px;margin:26px 0}.checkout-summary dl{clear:both}.checkout-fields input,.checkout-fields select{font-size:16px}.demo-success h2{font-size:28px}.demo-success p{font-size:12px}}
@media(max-width:380px){.intro-heading h1{font-size:34px}.intro-heading>p{font-size:12px}.intro-heading>.eyebrow{font-size:10px}.shop-heading h1{font-size:30px}.product-spec{flex-direction:column;gap:5px}.checkout-fields{grid-template-columns:1fr}.full-field{grid-column:auto}.demo-payment{padding:17px}.checkout-summary{padding:20px}.checkout-summary h2{font-size:18px}.summary-mini-box{float:none;margin:10px auto 28px}.unlock-button{min-width:0;width:100%;font-size:13px}.unlock-zone{width:100%}.kinetic-status{font-size:10px}}
.summary-mini-box .sticker{top:auto;bottom:10px;right:8px}
/* Monochrome contrast: dark object, light selection surface. */
.shop-selector{--text:#08090D;--muted:#626775;--subtle:#626775;--line:#08090D1a;--panel:#E8EAF0;--panel-raised:#DFE2EB;--accent-ink:#F5F6FA;color:var(--text);background:#F5F6FA;border-radius:28px;padding:30px}
.shop-selector .step-number{background:#08090D0a;color:#626775}
.shop-selector .size-card[aria-pressed=true],.shop-selector .age-options .choice-button[aria-pressed=true]{background:#08090D;border-color:#08090D;color:#F5F6FA}
.shop-selector .size-card[aria-pressed=true] .size-name,.shop-selector .size-card[aria-pressed=true] .size-dimension{color:#B6BDCC}
.shop-selector .size-card[aria-pressed=true]:after{color:#F5F6FA}
.shop-selector .gender-options .choice-button[data-gender=girl][aria-pressed=true]{background:#FF86BE18;color:#08090D;border-color:#BD447C}
.shop-selector .gender-options .choice-button[data-gender=boy][aria-pressed=true]{background:#69B8FF18;color:#08090D;border-color:#2869A2}
.shop-selector .confirm-button:hover:not(:disabled){background:#282D3A}
.shop-selector .confirm-button:disabled{background:#D8DBE4;color:#626775}
.shop-selector button:focus-visible{outline-color:#08090D}
.shop-selector .size-options{gap:6px}
.shop-selector .small-box-scene{max-width:100%}
@media(max-width:1100px) and (min-width:761px){.shop-layout{grid-template-columns:.9fr 1.1fr;gap:26px}.shop-selector{padding:24px}.shop-selector .size-options{grid-template-columns:repeat(3,1fr)}.shop-selector .size-card{padding:15px 5px}.shop-selector .size-name{font-size:8px}.shop-selector .size-dimension{font-size:10px}}
@media(max-width:760px){.shop-selector{padding:24px;border-radius:24px}}
@media(max-width:380px){.shop-selector{padding:16px}.shop-selector .size-card{padding:14px 4px}.shop-selector .size-card strong{font-size:21px}.shop-selector .size-name{font-size:8px}.shop-selector .size-dimension{font-size:8px}.shop-selector .small-box-scene{height:60px}.shop-selector .gender-options .choice-button{font-size:11px}.shop-selector .age-options .choice-button{font-size:11px}.shop-selector .live-selection{font-size:11px}}
.shop-selector .gender-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-selector .gender-options .choice-button{min-width:0;gap:7px;padding:12px 7px}
.shop-selector .confirm-button{gap:12px;padding:16px}
.shop-selector .buy-price{white-space:nowrap;flex-shrink:0}
@media(max-width:380px){.shop-selector .size-options,.shop-selector .age-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.shop-selector .size-card,.shop-selector .age-options>.choice-button{grid-column:span 2}.shop-selector .size-card:nth-child(n+4),.shop-selector .age-options>.choice-button:nth-child(n+4){grid-column:span 3}.shop-selector .size-card strong{font-size:20px}.shop-selector .age-options .choice-button{font-size:12px}.shop-selector .gender-options .choice-button{font-size:11px}}
/* White presentation surface for every product box. */
.product-aside .cube-stage{background:#F5F6FA;--muted:#626775}
.product-aside .cube-stage:before{border-color:#08090D0a}
.product-aside .stage-glow{background:radial-gradient(ellipse at 50% 62%,#929DB426,transparent 62%)}
.product-aside .cube-shadow{background:#08090D24;filter:blur(20px)}
.product-aside .stage-hint{color:#626775}
.product-aside .cube-button:focus-visible{outline-color:#08090D}
.checkout-summary{--text:#08090D;--muted:#626775;--subtle:#626775;--line:#08090D1a;background:#F5F6FA;color:#08090D}
.checkout-summary .summary-mini-box{color:#F5F6FA}
/* One white card, inspired by the approved mobile composition. */
.mystery-shop .shop-main{max-width:1320px;margin:auto;padding:28px 0 58px}
.mystery-shop .shop-layout{display:grid;grid-template-columns:.4fr .6fr;align-items:stretch;gap:0;background:#F5F6FA;border-radius:32px;overflow:hidden;color:#08090D}
.mystery-shop .product-aside{position:relative;top:auto;padding:34px 30px 30px;display:flex;flex-direction:column;align-items:center;min-width:0;--text:#F5F6FA}
.mystery-shop .product-aside .cube-stage{width:100%;min-height:330px;flex:1;border-radius:0;background:transparent;overflow:visible}
.mystery-shop .product-aside .stage-hint{display:none}
.mystery-shop .cube-stage{--cube-edge:200px;--cube-yaw:-32deg;--cube-pitch:-18deg}
.mystery-shop .cube-button,.mystery-shop .cube-size,.mystery-shop .cube-float,.mystery-shop .cube{width:var(--cube-edge);height:var(--cube-edge)}
.mystery-shop .cube-button{perspective:1200px;transform:translateY(-16px);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;transform-style:preserve-3d}
.mystery-shop .cube-size{transform-style:preserve-3d;transform:scale3d(var(--cube-scale),var(--cube-scale),var(--cube-scale));transition:transform .65s var(--ease);pointer-events:none}
.mystery-shop .cube{--half:calc(var(--cube-edge) / 2);transform:rotateX(var(--cube-pitch)) rotateY(var(--cube-yaw));transition:none}
.mystery-shop .cube-front{padding:calc(var(--cube-edge) * .165) calc(var(--cube-edge) * .125)}
.mystery-shop .cube-brand{font-size:calc(var(--cube-edge) * .165)}
.mystery-shop .cube-bottom-label{font-size:calc(var(--cube-edge) * .035);letter-spacing:calc(var(--cube-edge) * .0075)}
.mystery-shop .cube-front>.sticker{width:calc(var(--cube-edge) * .215);height:calc(var(--cube-edge) * .215);bottom:calc(var(--cube-edge) * .12);right:calc(var(--cube-edge) * .08);font-size:calc(var(--cube-edge) * .045)}
.mystery-shop .cube-top:after{left:calc(var(--cube-edge) * .22);top:calc(var(--cube-edge) * .47);font-size:calc(var(--cube-edge) * .05)}
.mystery-shop .cube-top{transition:none}
.mystery-shop .cube-bottom{transform:rotateX(-90deg) translateZ(var(--half));background:linear-gradient(145deg,#0A0B10,#191C25)}
.mystery-shop .cube-shadow{transform:scale(var(--cube-scale));transition:transform .65s var(--ease);bottom:40px}
.cube-dragging .cube-button{cursor:grabbing}.mystery-shop .cube-dragging .cube{transition:none}.cube-dragging .cube-float,.cube-turning .cube-float{animation-play-state:paused}
.cube-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:3}
.cube-controls button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:0 7px;border:1px solid #08090D10;border-radius:50%;background:#08090D04;color:#626775;font-family:Manrope,sans-serif;font-size:17px;line-height:1}
.cube-controls button:hover{background:#08090D0d;color:#08090D}.cube-controls button:focus-visible{outline-color:#08090D}.cube-controls .cube-reset{font-size:10px;min-width:48px;border:0;background:transparent}
.mystery-shop .cube-instructions{font-size:10px;line-height:1.8;color:#777D8B;text-align:center;margin-top:12px}
.mystery-shop .product-note{margin-top:12px}
@media(prefers-reduced-motion:reduce){.mystery-shop .cube-float{animation:none}.mystery-shop .cube-size,.mystery-shop .cube{transition:none}}
.motion-paused .cube-size{transition:none}
.mystery-shop .product-note{font-size:12px;line-height:1.95;color:#626775;text-align:center;padding:0;margin-top:18px}
.mystery-shop .product-spec{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#777D8B;padding:16px 0 0;text-align:center}
.mystery-shop .product-spec>span:first-child{color:#626775}
.mystery-shop .shop-selector{border-radius:0;padding:48px 38px 38px;border-left:1px solid #08090D0a;background:transparent}
.selector-heading{margin-bottom:30px}
.selector-heading>span{font-size:12px;line-height:1.8;color:#777D8B}
.selector-heading h1{font-size:clamp(28px,2.7vw,40px);line-height:1.35;font-weight:500;margin-top:12px;letter-spacing:-.035em;outline:none}
.mystery-shop .shop-selector .choice-group{margin:0 0 22px}
.mystery-shop .shop-selector legend.sr-only{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mystery-shop .shop-selector .size-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mystery-shop .shop-selector .size-card{padding:23px 6px;min-height:134px;gap:25px;justify-content:center;border-radius:17px;background:#E3E6EE;grid-column:auto}
.mystery-shop .shop-selector .size-card:hover{background:#DADFEA}
.mystery-shop .shop-selector .size-name{font-size:8px;letter-spacing:.7px;color:#777D8B}
.mystery-shop .shop-selector .size-card strong{font-size:28px;line-height:1.15;font-weight:500}
.mystery-shop .shop-selector .size-card[aria-pressed=true]{background:#08090D;border-color:#08090D;color:#F5F6FA}
.mystery-shop .shop-selector .size-card[aria-pressed=true] .size-name{color:#A4A8B6}
.mystery-shop .shop-selector .size-card[aria-pressed=true]:after{content:none}
.recipient-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px}
.quantity-control{display:flex;align-items:center;gap:10px;color:#626775;font-size:11px;margin-left:auto}
.quantity-stepper{display:flex;align-items:center;min-height:44px;border-radius:10px;background:#E3E6EE;overflow:hidden}
.quantity-stepper button{width:34px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#08090D;font-size:20px;padding:0}
.quantity-stepper button:hover:not(:disabled){background:#08090D0c}.quantity-stepper button:disabled{opacity:.3;cursor:default}
.quantity-stepper input{appearance:textfield;-moz-appearance:textfield;width:42px;min-width:0;padding:8px 0;text-align:center;background:transparent;border:0;color:#08090D;font:500 14px Manrope,sans-serif}
.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity-stepper:focus-within{outline:2px solid #08090D;outline-offset:3px}.quantity-stepper input:focus-visible{outline:none}
.quantity-note{font-size:11px;line-height:1.8;color:#626775}.quantity-note:empty{display:none}
@media(max-width:760px){.quantity-control{margin-left:0;flex-basis:100%;margin-top:4px}.quantity-stepper input{font-size:16px}}
.recipient-chip{position:relative;display:inline-flex;align-items:center;background:#E3E6EE;border-radius:10px;min-height:44px;color:#08090D;padding:0 12px;gap:8px;max-width:100%}
.recipient-chip select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;font-family:var(--font);font-size:12px;line-height:1.6;color:#282D3A;min-height:44px;padding:9px 18px 9px 0;max-width:100%;cursor:pointer;outline-offset:4px}
.chip-chevron{position:absolute;right:12px;top:18px;width:5px;height:5px;border-right:1px solid #626775;border-bottom:1px solid #626775;transform:rotate(45deg);pointer-events:none}
.chip-color{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#969BAB}
.recipient-chip:focus-within{outline:2px solid #08090D;outline-offset:3px}
.recipient-chip select:focus-visible{outline:none}
.mystery-shop .selector-bottom{margin:0;padding-top:25px;border:0;gap:12px}
.mystery-shop .live-selection{font-size:11px;line-height:20px;min-height:24px;height:24px;overflow:hidden;opacity:1}
.mystery-shop .selection-ready .live-selection{opacity:0;pointer-events:none}
.mystery-shop .shop-selector .confirm-button{min-height:62px;border-radius:15px;padding:18px 22px;font-size:14px}
.mystery-shop .shop-selector .buy-price{font-size:24px;font-weight:500}
.mystery-shop .purchase-demo-note{text-align:left;font-size:10px;line-height:1.8;margin:0;color:#777D8B}
@media(max-width:1100px) and (min-width:761px){.mystery-shop .shop-layout{grid-template-columns:.36fr .64fr}.mystery-shop .product-aside{padding:28px 23px}.mystery-shop .shop-selector{padding:36px 25px 30px}.mystery-shop .shop-selector .size-options{gap:7px}.mystery-shop .shop-selector .size-card{min-height:124px;padding:22px 5px}.mystery-shop .shop-selector .size-card strong{font-size:23px}}
@media(max-width:760px){.mystery-shop .shop-main{padding:12px 0 36px}.mystery-shop .shop-layout{grid-template-columns:1fr;border-radius:28px}.mystery-shop .product-aside{padding:28px 24px 25px}.product-brand{font-size:19px;margin-bottom:14px}.mystery-shop .product-aside .cube-stage{min-height:275px;flex:initial}.mystery-shop .product-note{font-size:12px;margin-top:20px}.mystery-shop .product-spec{font-size:9px;padding-top:12px}.mystery-shop .shop-selector{border-left:0;border-top:1px solid #08090D0a;padding:28px 24px 30px}.selector-heading{margin-bottom:25px}.selector-heading>span{font-size:11px}.selector-heading h1{font-size:30px;margin-top:11px}.mystery-shop .shop-selector .size-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.mystery-shop .shop-selector .size-card{grid-column:span 2;min-height:112px;padding:20px 5px;gap:21px;border-radius:15px}.mystery-shop .shop-selector .size-card:nth-child(n+4){grid-column:span 3}.mystery-shop .shop-selector .size-card strong{font-size:25px}.mystery-shop .shop-selector .size-name{font-size:8px}.recipient-controls{margin-top:22px;gap:8px}.recipient-chip{padding:0 10px;border-radius:9px;gap:7px}.recipient-chip select{font-size:11px;padding-right:15px}.chip-chevron{right:10px}.mystery-shop .shop-selector .confirm-button{min-height:59px;font-size:13px;padding:16px 18px}.mystery-shop .shop-selector .buy-price{font-size:23px}}
@media(max-width:380px){.mystery-shop .product-aside{padding:25px 18px 23px}.mystery-shop .shop-selector{padding:26px 18px 26px}.selector-heading h1{font-size:26px}.mystery-shop .shop-selector .size-options{gap:6px}.mystery-shop .shop-selector .size-card{min-height:100px;gap:18px;padding:18px 4px}.mystery-shop .shop-selector .size-card strong{font-size:23px}.mystery-shop .shop-selector .size-name{font-size:7px}.mystery-shop .product-aside .cube-stage{min-height:245px}.mystery-shop .shop-selector .confirm-button{font-size:12px;padding:16px}.mystery-shop .shop-selector .buy-price{font-size:22px}.recipient-chip select{font-size:10px}.recipient-chip{padding:0 9px}.mystery-shop .product-note{font-size:11px}}

.checkout-submit{width:100%}.payment-feedback{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px;min-height:22px}.payment-feedback[data-error="true"]{color:#F5C5C5}.payment-retry{border:0;background:transparent;color:var(--text);padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px}

/* The live preview stays with mobile choices; the page remains the only scroll area. */
@media (max-width:760px), (pointer:coarse) and (orientation:landscape) and (max-height:500px){
 .mystery-shop{--mobile-preview-height:252px;--mobile-preview-top:max(8px,env(safe-area-inset-top))}
 html:has(body.mystery-shop){scroll-padding-top:272px}
 .mystery-shop .shop-layout{display:block;overflow:visible;border-radius:28px}
 .mystery-shop .product-aside{position:sticky;top:var(--mobile-preview-top);z-index:6;height:var(--mobile-preview-height);padding:8px 20px;display:grid;grid-template-rows:210px 26px;gap:0;align-items:center;justify-items:center;align-self:start;background:#F5F6FA;border-radius:28px 28px 0 0;box-shadow:0 12px 18px -18px #08090D66;touch-action:pan-y}
 .mystery-shop .product-aside .cube-stage{height:210px;min-height:210px;max-width:380px;flex:initial;--cube-scale-min:.78;--cube-scale-max:1;--cube-fit-height-reserve:52;--cube-fit-axis:1.85;--cube-fit-min-edge:48;--cube-control-space:52px}
 .mystery-shop .cube-button{position:absolute;top:calc((100% - var(--cube-control-space)) / 2);left:50%;transform:translate(-50%,-50%);touch-action:none}
 .mystery-shop .cube-float{animation:none}
 .mystery-shop .cube-shadow{bottom:58px}
 .mystery-shop .cube-controls{bottom:0;gap:8px}
 .mystery-shop .cube-controls button{min-width:44px;min-height:44px}
 .mystery-shop .cube-controls .cube-reset{min-width:48px}
 .mystery-shop .cube-instructions{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .mystery-shop .product-note{display:none}
 .mystery-shop .product-spec{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:380px;height:26px;min-height:26px;padding:0;font-size:10px;line-height:13px;text-align:left}
 .mystery-shop .product-spec>span:last-child{text-align:right;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .mystery-shop .shop-selector{padding:18px 24px 26px;border-left:0;border-top:1px solid #08090D0a;border-radius:0 0 28px 28px;background:#F5F6FA}
 .mystery-shop .selector-heading{margin-bottom:18px}
 .mystery-shop .selector-heading>span{display:none}
 .mystery-shop .selector-heading h1{font-size:28px;margin-top:0}
 .mystery-shop .shop-selector .size-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
 .mystery-shop .shop-selector .size-card{grid-column:span 2;min-height:112px;padding:20px 5px;gap:21px;border-radius:15px}
 .mystery-shop .shop-selector .size-card:nth-child(n+4){grid-column:span 3}
 .mystery-shop .shop-selector .size-card strong{font-size:25px}
 .mystery-shop .shop-selector .size-name{font-size:8px}
 .mystery-shop .recipient-controls{margin-top:18px;gap:8px}
 .mystery-shop .recipient-chip{flex:1 1 calc(50% - 4px);min-width:0;padding:0 10px;gap:7px}
 .mystery-shop .recipient-chip select{flex:1;min-width:0;width:0;font-size:16px;padding-right:16px}
 .mystery-shop .quantity-control{margin-left:0;flex-basis:100%;margin-top:4px}
 .mystery-shop .quantity-stepper input{font-size:16px}
 .mystery-shop .selector-bottom{padding-top:18px}
}
@media (max-width:380px){
 .mystery-shop .shop-selector{padding:18px 18px 24px}
 .mystery-shop .selector-heading h1{font-size:26px}
 .mystery-shop .shop-selector .size-options{gap:6px}
 .mystery-shop .shop-selector .size-card{min-height:100px;padding:18px 4px;gap:18px}
 .mystery-shop .shop-selector .size-card strong{font-size:23px}
 .mystery-shop .shop-selector .size-name{font-size:7px}
 .mystery-shop .product-aside{padding-left:16px;padding-right:16px}
 .mystery-shop .recipient-chip{padding:0 7px;gap:5px}
 .mystery-shop .chip-chevron{right:7px}
}
/* A wide horizontal strip leaves room for controls on short/landscape screens. */
@media (max-width:760px) and (max-height:500px), (pointer:coarse) and (orientation:landscape) and (max-height:500px){
 .mystery-shop{--mobile-preview-height:150px}
 html:has(body.mystery-shop){scroll-padding-top:170px}
 .mystery-shop .product-aside{padding-top:6px;padding-bottom:6px;grid-template-rows:112px 26px}
 .mystery-shop .product-aside .cube-stage{height:112px;min-height:112px;--cube-scale-min:.9;--cube-fit-height-reserve:0;--cube-fit-axis:1.85;--cube-control-space:0px}
 .mystery-shop .cube-button{left:calc((100% - 156px) / 2);top:50%}
 .mystery-shop .cube-controls{left:auto;right:0;top:50%;bottom:auto;transform:translateY(-50%);gap:4px}
 .mystery-shop .cube-shadow{left:calc((100% - 156px) / 2);bottom:4px}
}