/* Reserve the root gutter so a modal never changes the storefront width. */
html{scrollbar-gutter:stable}
.member-dialog{scrollbar-gutter:stable;overscroll-behavior:contain}
.member-visual{background:radial-gradient(ellipse at 50% 25%,#81909c22,transparent 65%),linear-gradient(150deg,#2c353e,#111a23 82%)}
.member-visual:before{border-color:#e1e8ec0b}.member-visual:after{display:none}.member-visual .wheel-wrap{filter:drop-shadow(0 16px 20px #0007)}.member-wheel svg{filter:none}.wheel-pointer{height:24px;width:10px;left:calc(50% - 5px);top:4px;background:#e5e8e6;clip-path:polygon(15% 0,85% 0,100% 40%,50% 100%,0 40%)}
@media(max-width:760px){
 .member-dialog{max-height:calc(100dvh - 20px);width:calc(100% - 24px);margin:auto;border-radius:13px}
 .member-dialog .member-visual,.member-dialog:has(.member-won) .member-visual{display:grid;grid-template-columns:minmax(0,1fr) 146px;gap:6px 8px;padding:23px 18px 12px;align-items:center;min-height:184px}
 .member-dialog .member-visual .member-kicker,.member-dialog:has(.member-won) .member-visual .member-kicker{grid-column:1;grid-row:1;font-size:6px;letter-spacing:1px;margin:0;align-self:end}
 .member-dialog .member-visual h2,.member-dialog:has(.member-won) .member-visual h2{grid-column:1;grid-row:2;align-self:center;font-size:25px!important;line-height:1.12!important;margin:0;letter-spacing:-.7px}
 .member-dialog .member-visual h2 em,.member-dialog:has(.member-won) .member-visual h2 em{font-size:15px;line-height:1.6;letter-spacing:-.6px;margin-top:2px}
 .member-dialog .member-visual .wheel-intro,.member-dialog:has(.member-won) .wheel-intro{grid-column:1;grid-row:3;font-size:8px;line-height:1.5;margin:0;align-self:start}
 .member-dialog .wheel-wrap,.member-dialog:has(.member-won) .wheel-wrap{grid-column:2;grid-row:1/4;width:146px;max-width:100%;margin:8px 0}
 .member-dialog .wheel-caption,.member-dialog:has(.member-won) .wheel-caption{grid-column:1/-1;grid-row:4;padding-top:8px;font-size:6px;letter-spacing:.8px}
 .member-dialog .member-visual>p:last-child,.member-dialog:has(.member-won) .member-visual>p:last-child{grid-column:1/-1;grid-row:5;margin:0;font-size:7px;line-height:1.5}
 .member-dialog .member-side{padding:16px 20px 17px}.member-won{margin-bottom:12px;padding-bottom:10px}.member-won>strong{font-size:27px;line-height:1.25}.member-won>span{font-size:7px;letter-spacing:1px}.member-won p{font-size:9px;line-height:1.5;margin:5px 0 0}
 .member-dialog .member-tabs{margin-bottom:12px;gap:21px}.member-dialog .member-tabs button{font-size:12px;padding-bottom:8px}.member-dialog .member-form{gap:10px 12px}.member-dialog .member-field{font-size:10px;gap:4px}.member-dialog .member-field input{min-height:40px;padding:8px 10px;font-size:16px}.member-dialog .member-form .member-field:nth-child(4){grid-column:1/-1}.member-dialog .member-submit{min-height:43px;padding:10px 12px}.member-dialog .member-opt{font-size:9px;line-height:1.5}.member-dialog .member-fine{font-size:9px;line-height:1.6;margin-top:11px;padding-top:10px}.member-dialog .member-message{font-size:10px!important;line-height:1.5!important;margin:6px 0!important}
 .member-dialog .close{z-index:5;width:24px;height:24px;font-size:18px;top:8px;right:8px}
}
@media(max-width:760px) and (max-height:700px){.member-dialog .member-visual,.member-dialog:has(.member-won) .member-visual{grid-template-columns:minmax(0,1fr) 115px;min-height:150px;padding:19px 17px 10px}.member-dialog .wheel-wrap,.member-dialog:has(.member-won) .wheel-wrap{width:115px;margin:3px 0}.member-dialog .member-side{padding-top:12px;padding-bottom:12px}.member-won{padding-bottom:8px;margin-bottom:9px}.member-won>strong{font-size:24px}.member-dialog .member-field input{min-height:37px}.member-dialog .member-form{gap:8px 11px}.member-dialog .member-fine{font-size:8px}}
.products>.product{display:flex;flex-direction:column;min-width:0}.products>.product .product-image-link{width:100%;flex-shrink:0}.products>.product .product-meta{min-height:2.8em}.products>.product .product-meta h3{font-size:18px;line-height:1.4!important;min-height:2.8em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products>.product>.catalog-price{min-height:17px;margin-top:9px!important}.products>.product>.member-pricing-note{min-height:34px;margin-top:3px!important;margin-bottom:10px!important;flex-wrap:nowrap!important}.products>.product>.member-pricing-note+p{font-size:11px;line-height:1.5;min-height:3em;margin-top:0;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products>.product>.product-actions{margin-top:auto;min-height:50px}.products{align-items:stretch}@media(max-width:760px){.products>.product .product-meta h3{font-size:14px;line-height:1.4!important;min-height:2.8em}.products>.product>.member-pricing-note{gap:6px!important}.products>.product>.member-pricing-note strong{font-size:24px}.products>.product>.member-pricing-note span{font-size:8px!important;padding:3px 4px}.products>.product>.member-pricing-note+p{font-size:10px;min-height:3em}.products>.product>.product-actions{min-height:46px}}
.member-replay{border:0;border-bottom:1px solid #9ca9b750;background:none;color:#aab5bf;font:10px/1.5 Arial,sans-serif;padding:6px 0;cursor:pointer;margin-top:5px}.member-replay:disabled{opacity:.45}@media(max-width:760px){.member-replay{grid-column:1/-1;grid-row:6;justify-self:center;font-size:8px;padding:2px 0;margin:0}}
.member-visual{background:radial-gradient(ellipse at 50% 15%,#55606b55,transparent 75%),#1d252e}.member-visual:before{border:0}.member-visual .wheel-wrap{filter:drop-shadow(0 8px 10px #0003);cursor:pointer}.member-visual .wheel-wrap:focus-visible{outline:2px solid #ec633e;outline-offset:5px;border-radius:50%}.member-visual .wheel-pointer{background:#faf8f3;height:22px;width:12px;left:calc(50% - 6px);clip-path:polygon(0 0,100% 0,50% 100%);top:4px}
.member-account-link{display:inline-block;color:#4c6271;font:12px/1.6 Arial,sans-serif;margin:12px 16px 8px 0;text-decoration:underline}
