/* Stable product theatre: only the information page changes, never the layout. */
.deal-theatre{overflow:hidden}
#deal-content{height:calc(100% - 72px);min-height:0;overflow:hidden}
.deal-workspace{height:100%;min-height:0;padding:30px 32px;align-items:stretch;overflow:hidden}
.case-stage{min-height:0;height:100%}
.theatre-details{align-self:stretch;display:flex;flex-direction:column;min-height:0;height:100%;padding:0;border:0;margin:0}
.theatre-summary{flex-shrink:0}
.theatre-details h2{font-size:clamp(29px,3.2vw,46px);line-height:1.05}
.theatre-details .deal-tag{margin:10px 0 20px;font-size:14px;line-height:1.4}
.theatre-price{padding-bottom:21px;border-bottom:0}
.theatre-price .deal-value{font-size:44px;margin:8px 0}
.theatre-info-console{display:flex;flex-direction:column;min-height:0;flex:1;border-top:1px solid #333;border-bottom:1px solid #333}
.theatre-info-tabs{display:grid;grid-template-columns:1.18fr 1.05fr .75fr;gap:12px;min-height:51px;flex-shrink:0;border-bottom:1px solid #303030}
.theatre-info-tabs button{padding:15px 0 13px;background:none;border:0;border-bottom:2px solid transparent;font-size:13px;font-weight:500;text-align:left;color:#888;white-space:nowrap}
.theatre-info-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#fff}
.theatre-info-tabs button:hover{color:#eee}
.theatre-info-panel{min-height:0;flex:1;overflow:hidden;outline-offset:-3px;padding:24px 0 12px}
.detail-page-content{display:flex;flex-direction:column;gap:22px;animation:detail-page-enter .18s ease-out both}
.detail-info-item{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.detail-info-item>span{font-size:10px;border:1px solid #454545;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#999;line-height:1.3}
.detail-info-item>p{font-size:14px;line-height:1.65;color:#ddd;margin:0;overflow-wrap:anywhere}
.theatre-info-panel[aria-labelledby=deal-tab-offers] .detail-info-item,.theatre-info-panel[aria-labelledby=deal-tab-rewards] .detail-info-item{grid-template-columns:1fr;gap:10px}
.theatre-info-panel[aria-labelledby=deal-tab-offers] .detail-info-item>span,.theatre-info-panel[aria-labelledby=deal-tab-rewards] .detail-info-item>span{display:block;width:auto;height:auto;border:0;border-radius:0;font-size:12px;color:#888}
.theatre-info-pager{flex-shrink:0;height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#888}
.theatre-info-pager button{width:40px;height:40px;background:none;border:0;color:#ddd;font-size:19px;padding:0;text-align:center}
.theatre-info-pager button:disabled{opacity:.2;cursor:default}
#deal-info-page-count{font-size:12px;font-variant-numeric:tabular-nums}
.theatre-cta{flex-shrink:0;width:100%;min-height:48px;margin-top:20px;justify-content:space-between;font-size:14px;padding:13px 16px}
@keyframes detail-page-enter{from{opacity:.25}to{opacity:1}}
@media(min-width:1600px){.deal-workspace{padding:32px 40px}}
@media(min-width:701px) and (max-width:1100px){
 .deal-workspace{grid-template-columns:170px minmax(0,1fr) minmax(270px,1.1fr);gap:20px;padding:28px 22px}
 .product-passport{width:min(100%,170px)}.case-stage{height:100%;min-height:0}.product-anchor{align-items:flex-start}
 .deal-case{width:130px;padding:12px}.deal-case:nth-of-type(1){--shift:-36px}.deal-case:nth-of-type(3){--shift:36px}
 .theatre-details{grid-column:auto;display:flex;gap:0;padding:0;border:0}
 .theatre-details h2{font-size:31px}.theatre-details .deal-tag{font-size:13px;margin-bottom:17px}
 .theatre-info-tabs{gap:9px}.theatre-info-tabs button{font-size:12px}
 .detail-info-item>p{font-size:13px}.theatre-price .deal-value{font-size:38px}
}
@media(min-width:701px) and (max-width:850px){
 .deal-workspace{grid-template-columns:140px minmax(0,1fr);grid-template-rows:190px minmax(0,1fr);gap:18px 24px;padding:24px}
 .product-passport{width:104px}.product-anchor{height:190px;justify-content:center;align-items:center}
 .case-stage{height:190px}.deal-case{width:115px;top:50%;padding:10px}.deal-case:nth-of-type(1){--shift:-60px}.deal-case:nth-of-type(3){--shift:60px}
 .theatre-details{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr) auto;gap:0 28px}
 .theatre-summary{grid-column:1;grid-row:1}.theatre-info-console{grid-column:2;grid-row:1/3}.theatre-cta{grid-column:1;grid-row:2;margin-top:12px}
 .theatre-details h2{font-size:34px}.theatre-info-tabs button{font-size:12px}.theatre-info-panel{padding-top:20px}
}
@media(max-width:700px){
 #deal-content{height:calc(100% - 58px)}
 .deal-workspace{grid-template-columns:110px minmax(0,1fr);grid-template-rows:170px minmax(0,1fr);gap:14px;padding:16px 20px 18px;min-height:0;height:100%}
 .product-anchor{height:170px;align-self:stretch;justify-content:center}.product-passport{width:88px}
 .case-stage{height:170px;min-height:0;align-self:stretch}.deal-case{width:94px;padding:9px;top:48%}.deal-case:nth-of-type(1){--shift:-25px;--lift:9px}.deal-case:nth-of-type(2){--lift:-5px}.deal-case:nth-of-type(3){--shift:25px;--lift:9px}
 .case-skeleton{margin:7px 0}.case-skeleton>span{font-size:38px}
 .theatre-details{grid-column:1/-1;grid-row:2;display:flex;align-self:stretch;margin:0;padding:0;border:0;height:100%;min-height:0}
 .theatre-summary{position:relative;min-height:100px;padding-right:137px}
 .theatre-details h2{font-size:26px;max-width:100%;line-height:1.1}.theatre-details .deal-tag{font-size:12px;margin:7px 0 12px;line-height:1.4}
 .theatre-price{position:absolute;top:0;right:0;max-width:132px;width:132px;padding:0;text-align:right}
 .theatre-price .original-price{font-size:10px;min-height:15px}.theatre-price .deal-value{font-size:29px;margin:6px 0;line-height:1.15}.theatre-price .deal-value.pending{font-size:22px}
 .theatre-price .price-caption{font-size:10px;line-height:1.4}
 .theatre-info-console{min-height:0}.theatre-info-tabs{min-height:43px;gap:12px}.theatre-info-tabs button{font-size:12px;padding:11px 0 10px}
 .theatre-info-panel{padding:16px 0 5px}.detail-page-content{gap:15px}.detail-info-item{grid-template-columns:22px 1fr;gap:10px}.detail-info-item>span{width:21px;height:21px;font-size:9px}.detail-info-item>p{font-size:13px;line-height:1.5}
 .theatre-info-pager{height:35px}.theatre-info-pager button{height:32px;width:36px;font-size:18px}#deal-info-page-count{font-size:11px}
 .theatre-cta{min-height:44px;margin-top:12px;font-size:13px;padding:11px 14px}
}
@media(max-height:760px) and (min-width:851px){
 .deal-workspace{padding-top:22px;padding-bottom:22px}.theatre-details .deal-tag{margin-bottom:14px}.theatre-price{padding-bottom:14px}.theatre-info-panel{padding-top:16px}.theatre-cta{margin-top:14px}.theatre-info-tabs{min-height:44px}.theatre-info-tabs button{padding:12px 0}
}
@media(max-width:850px) and (min-width:701px) and (max-height:760px){.deal-workspace{grid-template-rows:140px minmax(0,1fr);padding:18px 24px;row-gap:12px}.product-anchor,.case-stage{height:140px}.product-passport{width:78px}.deal-case{width:88px}.theatre-details h2{font-size:29px}.theatre-info-panel{padding-top:12px}}
@media(max-width:700px) and (max-height:760px){
 .deal-workspace{grid-template-rows:125px minmax(0,1fr);padding:10px 18px 12px;gap:10px}
 .product-anchor,.case-stage{height:125px}.product-passport{width:64px}.deal-case{width:75px;padding:7px}.deal-case:nth-of-type(1){--shift:-21px}.deal-case:nth-of-type(3){--shift:21px}
 .case-skeleton>span{font-size:28px}.case-topline,.case-footer{font-size:6px}
 .theatre-summary{min-height:87px}.theatre-details h2{font-size:23px}.theatre-details .deal-tag{font-size:11px;margin-top:6px}.theatre-price .deal-value{font-size:27px}
 .theatre-info-tabs{min-height:40px}.theatre-info-tabs button{padding:10px 0;font-size:11px}.theatre-info-panel{padding-top:12px}.detail-info-item>p{font-size:12px}.theatre-info-pager{height:33px}.theatre-cta{min-height:41px;margin-top:9px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.detail-page-content{animation:none}}
/* v18: small hanging note flags and a single, complete unrolling note. */
.theatre-note-zone{position:relative;flex:1;min-height:0;padding-top:7px}
.theatre-note-triggers{display:grid;grid-template-columns:1.18fr 1.08fr .86fr;gap:12px;position:relative;isolation:isolate;padding-top:10px}
.theatre-note-triggers:before{content:'';position:absolute;left:-2px;right:-2px;top:9px;height:2px;background:linear-gradient(90deg,#444,#999,#444);box-shadow:0 1px 0 #000;z-index:2}
.deal-note-flag{position:relative;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#555;color:#ddd;padding:10px 5px 16px;border:0;border-radius:2px;font-size:12px;line-height:1.3;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);isolation:isolate;transition:transform .18s,color .18s}
.deal-note-flag:before{content:'';position:absolute;inset:1px;background:linear-gradient(135deg,#282828,#141414);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);z-index:-1}
.deal-note-flag>span{font-weight:500;white-space:nowrap}.deal-note-flag>b{font-size:13px;font-weight:400;line-height:1;color:#888}
.deal-note-flag:hover{transform:translateY(3px);color:#fff}.deal-note-flag[aria-expanded=true]{background:#eee;color:#fff}.deal-note-flag[aria-expanded=true]>b{color:#fff}
.deal-note-flag:focus-visible{outline:none;background:#fff;color:#fff}
.deal-note-popup{position:fixed;inset:auto;margin:0;padding:0;border:0;background:transparent;color:#111;overflow:visible;max-width:calc(100vw - 32px);max-height:none;filter:drop-shadow(0 15px 30px #000b);z-index:1000}
.deal-note-popup:not([data-open]){display:none!important}
.deal-note-popup::backdrop{background:transparent;backdrop-filter:none;pointer-events:none}
.note-rollbar{position:relative;height:10px;border:1px solid #777;border-radius:5px;background:linear-gradient(#777,#bbb 25%,#444 63%,#222);box-shadow:0 1px 3px #0008;z-index:2}
.note-rollbar:before,.note-rollbar:after{content:'';position:absolute;top:-2px;bottom:-2px;width:5px;background:linear-gradient(#777,#222);border:1px solid #777;border-radius:2px}.note-rollbar:before{left:5px}.note-rollbar:after{right:5px}
.note-paper{margin:-3px 9px;padding:18px 20px 22px;background:#eee;background-image:linear-gradient(90deg,#00000009,transparent 8%,transparent 92%,#0000000b);color:#171717;border:1px solid #bbb;min-height:110px;position:relative}
.note-paper:after{content:'';position:absolute;bottom:8px;left:20px;right:20px;border-bottom:1px dashed #bbb}
.note-paper>header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #bbb;padding-bottom:10px;margin-bottom:13px}
.note-paper h3{font:600 19px/1.2 var(--body);letter-spacing:-.035em;color:#111;margin:0}
.deal-note-close{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;background:transparent;border:1px solid #bbb;border-radius:50%;color:#555;font:24px/1 var(--body)}
.deal-note-close:hover{background:#d4d4d4;color:#111}
.deal-note-copy ul{margin:0;padding-left:17px;display:flex;flex-direction:column;gap:10px}
.deal-note-copy li{font-size:13px;line-height:1.5;color:#222;padding-left:2px}
.note-rule+.note-rule{margin-top:13px}.note-rule>strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#777;font-weight:500;margin-bottom:4px}.note-rule p{font-size:13px;line-height:1.5;color:#222;margin:0}
.note-bottom-roll{height:8px;box-shadow:0 4px 8px #0006}
@media(min-width:701px) and (max-width:850px){.theatre-note-zone{grid-column:2;grid-row:1/3;padding-top:0}.theatre-note-triggers{gap:10px}.deal-note-flag{font-size:12px}}
@media(max-width:700px){.theatre-note-zone{padding-top:0}.theatre-note-triggers{gap:12px;padding-top:8px}.theatre-note-triggers:before{top:7px}.deal-note-flag{min-height:60px;font-size:12px;gap:6px}.note-paper{padding:15px 17px 20px}.note-paper h3{font-size:18px}.note-paper>header{margin-bottom:11px;padding-bottom:9px}.deal-note-copy li,.note-rule p{font-size:13px;line-height:1.45}.deal-note-copy ul{gap:8px}.note-rule+.note-rule{margin-top:10px}}
@media(max-height:700px){.note-paper{padding-top:12px;padding-bottom:19px}.note-paper>header{padding-bottom:7px;margin-bottom:9px}.deal-note-copy ul{gap:7px}.deal-note-copy li,.note-rule p{font-size:12px;line-height:1.4}.note-rule+.note-rule{margin-top:8px}.note-paper h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.deal-note-flag{transition:none}}
/* v19: foreground display slot, independent of price and purchase controls. */
.deal-note-popup{inset:0 auto auto 0;width:100vw;max-width:none;height:calc(100dvh - var(--tools-clearance));overflow:hidden;filter:none;pointer-events:none}
.note-sheet{position:absolute;transform-origin:50% 0;pointer-events:auto;filter:drop-shadow(0 18px 35px #000c);isolation:isolate}
.note-paper>header{position:relative;min-height:41px;padding-right:43px;gap:0}
.deal-note-close{position:absolute;top:-5px;right:-4px;width:42px;height:42px;border:0;border-radius:4px;background:transparent;font-size:27px;color:#444}
.deal-note-close:hover,.deal-note-close:focus-visible{background:#d3d3d3;color:#111;outline:1px solid #777;outline-offset:-3px}
@media(max-width:1100px){.note-paper{padding:20px 22px 25px}.note-paper h3{font-size:21px}.deal-note-copy li,.note-rule p{font-size:14px;line-height:1.55}.deal-note-copy ul{gap:11px}.note-rule+.note-rule{margin-top:15px}}
@media(max-width:700px){.note-paper{padding:18px 19px 23px}.note-paper h3{font-size:20px}.deal-note-copy li,.note-rule p{font-size:13px;line-height:1.5}.deal-note-copy ul{gap:10px}.note-rule+.note-rule{margin-top:13px}}
@media(max-height:700px){.note-paper{padding:15px 18px 21px}.note-paper h3{font-size:19px}.note-paper>header{min-height:38px}.deal-note-copy li,.note-rule p{font-size:13px;line-height:1.45}.deal-note-copy ul{gap:8px}}

/* v20: only the flag moves; no backdrop, background effect or input blocking. */
.deal-note-popup,.deal-note-popup[data-mode=front]{pointer-events:none;background:transparent;backdrop-filter:none}
.note-sheet{pointer-events:auto}

/* Catalog expansion keeps the existing card layout and optional case-photo count. */
.stock-status{display:block;width:fit-content;border:1px solid #555;color:#aaa;font-size:11px;padding:3px 7px;margin:-7px 0 15px;border-radius:3px;line-height:1.4}
.case-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.guide-image-pending{display:block;color:#666;font-size:9px;text-align:center;line-height:1.3;padding:3px}

/* Supplied scene photos stay complete, with their original colors and proportions. */
.deal-case:has(.case-photo){padding:5px;background:#111}
.deal-case .case-photo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:none;border-radius:4px}
.cases-count-1 .deal-case{--shift:0px;--lift:0px;--tilt:0deg}
.cases-count-2 .deal-case:nth-of-type(1){--shift:-48px;--lift:10px;--tilt:-8deg}
.cases-count-2 .deal-case:nth-of-type(2){--shift:48px;--lift:-10px;--tilt:8deg}
@media(max-width:700px){
 .cases-count-2 .deal-case:nth-of-type(1){--shift:-28px;--lift:5px}
 .cases-count-2 .deal-case:nth-of-type(2){--shift:28px;--lift:-5px}
}