/* Charcoal, warm gold and restrained glass surfaces from the approved reference. */
:root{color-scheme:dark;--bg:#101618;--ink:#f4f5f3;--muted:#b0b8ba;--surface:#192125;--line:#354044;--yellow:#f5c64e;--soft:#3e351f;--price-accent:#f5c64e;background:var(--bg)}
body{background:var(--bg)}
.preview-picture{display:block;width:100%;height:100%}.store-content-banner{margin-block:14px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.store-content-banner img{width:100%;max-height:280px;object-fit:cover}.store-content-banner p{padding:12px 16px;color:var(--ink);overflow-wrap:anywhere}.storefront-custom-primary .primary-button{background:linear-gradient(125deg,color-mix(in srgb,var(--yellow),white 15%),var(--yellow));border-color:var(--yellow)}.managed-storefront .header-title span,.managed-storefront .summary-edit{color:var(--yellow)}.managed-storefront .package-card,.managed-storefront .method-card{background:var(--surface)}
.store-header{background:linear-gradient(125deg,#151c20,#101618);box-shadow:inset 0 -1px 0 #77808355;border-radius:0 0 20px 20px}
.header-actions .icon-button,#help-button{background:linear-gradient(145deg,#ffffff0d,#ffffff02);border-color:#7f8c8f66;box-shadow:inset 0 1px 0 #ffffff18}
.header-actions .game-search-toggle[aria-expanded=true]{background:#f3c653;color:#171d20;border-color:#f3c653}
.preview-notice{background:#28251c;color:#e3ca83}
.search-box input,.phone-fields input,.phone-fields select{background:#11191d;color:var(--ink);border-color:#566266}
input::placeholder{color:#9ca8ab;opacity:1}.search-empty{color:var(--muted)}
.game-preview{box-shadow:0 0 0 1px #c2983e}
.game-rail-shell{background:linear-gradient(145deg,#20292d,#171e22);border-radius:14px;box-shadow:inset 0 0 0 1px #c2983e77;padding-block:3px}
.game-rail{border-inline-end:0;padding-inline:3px}
.game-tab{color:#f4f5f3}.game-tab[aria-pressed=true]{background:#4a3d23}
.game-tab[aria-pressed=true]::before{right:0;background:#f5c64e}
.game-thumbnail{background:#263035;box-shadow:inset 0 0 0 1px #ffffff33}
.game-rail-next{background:linear-gradient(140deg,#ffffff09,#ffffff02);color:#f5c64e;border-color:#d3ab46;border-radius:14px}
.game-preview .game-action{box-shadow:inset 0 1px 0 #fff8,0 -3px 14px #19100645}
.game-preview .game-action:focus-visible{outline-color:#fff;box-shadow:inset 0 0 0 3px #111}
.game-tab:focus-visible,.game-rail-next:focus-visible{outline-color:#ffdd7c;box-shadow:inset 0 0 0 4px #101618}
.whatsapp-card{margin-top:16px;padding:15px 12px 12px;border:1px solid #bf9338;border-radius:17px;background:radial-gradient(ellipse at 80% 0%,#07543b55,transparent 65%),linear-gradient(145deg,#1a2227b3,#101618f2);box-shadow:inset 0 1px 0 #ffe19c22,0 8px 26px #0002;isolation:isolate}
.whatsapp-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 14px}
.whatsapp-card-copy{min-width:0}.whatsapp-card h2{font-size:clamp(21px,5.5vw,30px);font-weight:700;line-height:1.5;letter-spacing:0}.whatsapp-card h2 span{color:#f5c64e}
.whatsapp-card-copy p{color:#bcc4c6;font-size:clamp(12px,3.25vw,17px);line-height:1.7;margin-top:3px}
.whatsapp-badge{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border:1px solid #e9be52;border-radius:20px;background:radial-gradient(circle at 30% 15%,#11a753,#06452f 75%);box-shadow:inset 0 1px 0 #ffffff66,0 3px 13px #0005}
.whatsapp-badge svg{width:47px;height:47px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid #7b87894d}
.whatsapp-card-action{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:99px;padding:11px 10px 8px;text-align:right;border:1px solid #8d999b9c;border-radius:13px;color:#f7f8f5;background:linear-gradient(130deg,#ffffff0d,#ffffff02);box-shadow:inset 0 1px 0 #ffffff26,0 3px 10px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.whatsapp-card-action[data-kind=channel]{border-color:#e2b744;background:linear-gradient(130deg,#08744344,#02402a66)}
.whatsapp-action-label{display:flex;align-items:center;gap:7px;min-width:0}.whatsapp-action-label strong{font-size:clamp(17px,4.4vw,22px);font-weight:600;line-height:1.5}.whatsapp-action-label svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:#f5c64e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-action-detail{font-size:clamp(12px,3.25vw,16px);color:#b5c0c2;line-height:1.6;margin-top:3px}
.whatsapp-action-arrow{align-self:flex-end;margin-top:auto;font:27px/1 Arial,sans-serif;color:#edf4ef;direction:ltr}
.whatsapp-card-action:active{transform:scale(.975)}
.whatsapp-card-action:focus-visible{outline:3px solid #ffdc7d;outline-offset:3px}
.consent-banner{margin-top:18px;padding:12px 4px 0;border:0;border-top:1px solid #77808355;border-radius:0;background:transparent;flex-wrap:nowrap;gap:12px}
.consent-banner p{flex:1 1 auto;font-size:12px;text-align:center}.consent-banner button{flex:1 1 auto;min-height:44px;font-size:12px;color:#e8eeee;border-inline-start:1px solid #566266;padding-inline:10px}
.store-footer{color:#9ea9ac;border-color:#354044;margin-top:12px}.store-footer button{color:#c8d0d2}
.game-hero,.package-card,.bottom-sheet{background:var(--surface)}
.package-card[aria-pressed=true]{background:#353020;border-color:#e1b44c;box-shadow:inset 0 0 0 1px #e1b44c}
.selection-dot{border-color:#778487}.package-card[aria-pressed=true] .selection-dot{color:#171d20}
.method-selected,.order-summary{background:#242d31;border-color:#556062}.method-selected button{color:#f5cc68}
.selection-bar{background:#141c20f5;border-color:#465155}
.package-card .price,.selection-info .price{color:var(--price-accent)}
.package-card .price .currency,.selection-info .price .currency{color:var(--price-accent)}
.step-kicker{color:#e8c06b}.method-sheet[data-sheet]{background:#182024}
.method-sheet .sheet-heading p,.method-sheet .help-note{color:var(--muted)}
.method-sheet .sheet-close,.sheet-close{background:#2e383d;color:#f4f5f3}
.bottom-sheet[data-sheet] .sheet-handle{background:#758285}
.secondary-button,.consent-choice{background:#2b353a;color:#f4f5f3}
.order-summary,.saved-contact{border-color:#61724d}.saved-contact{background:#173e2d;color:#dcf3e7}
.form-error{background:#49262b;color:#ffcbcf}.phone-fields input[aria-invalid=true]{background:#382127;border-color:#ee8d99}
.method-mini{background:#f3c94f}.method-mini svg{stroke:#171d20}
.button:focus-visible,.icon-button:focus-visible,.package-card:focus-visible,.method-card:focus-visible{outline-color:#ffdb74;box-shadow:0 0 0 5px #101618}
.skeleton{background:linear-gradient(90deg,#1b2529 25%,#2b383d 50%,#1b2529 75%);background-size:200% 100%}
@media(hover:hover) and (pointer:fine){
 .header-actions .icon-button:hover,#help-button:hover{background:#303b40}
 .game-tab:hover{background:#303a3d}.game-tab[aria-pressed=true]:hover{background:#4a3d23}
 .game-rail-next:not(:disabled):hover{background:#3b3424}
 .game-preview:hover{box-shadow:0 0 0 1px #edc468,0 7px 18px #0003}
 .whatsapp-card-action:hover{transform:translateY(-2px);border-color:#f8d274;background-color:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff33,0 6px 16px #0003}
 .package-card:hover{background:#252e32}.package-card[aria-pressed=true]:hover{background:#353020}
 .whatsapp-card-action:active{transform:scale(.975)}
}
@media(hover:none),(pointer:coarse){.game-tab[aria-pressed=true]:hover{background:#4a3d23}}
@media(min-width:520px){.whatsapp-card{padding:20px}.whatsapp-card-heading{padding-bottom:18px}.whatsapp-badge{width:80px;height:80px;border-radius:24px}.whatsapp-badge svg{width:58px;height:58px}.whatsapp-card-actions{gap:12px;padding-top:14px}.whatsapp-card-action{min-height:128px;padding:15px}.whatsapp-action-label svg{width:29px;height:29px}.consent-banner p,.consent-banner button{font-size:14px}}
@media(max-width:370px){.whatsapp-card{padding-inline:10px}.whatsapp-card-heading{gap:8px;padding-inline:0}.whatsapp-badge{width:54px;height:54px;border-radius:17px}.whatsapp-badge svg{width:41px;height:41px}.whatsapp-card h2{font-size:20px}.whatsapp-card-action{padding-inline:8px}.whatsapp-action-label{gap:5px}.whatsapp-action-label svg{width:21px;height:21px}.whatsapp-action-label strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.whatsapp-card-action{transition:none!important;transform:none!important}}

/* Phone dialog follows the supplied charcoal/emerald reference. */
#phone-dialog[data-sheet]{inset:calc(var(--phone-viewport-top,0px) + 12px) 12px calc(var(--phone-viewport-bottom,0px) + 12px);margin:auto;width:min(460px,calc(100% - 24px));max-width:none;height:fit-content;max-height:calc(var(--phone-viewport-height,100dvh) - 24px);overflow-y:auto;overflow-x:hidden;padding:20px 24px 16px;background:#191d21;border:1px solid #495054;border-radius:22px;color:#f7f7f5;box-shadow:0 22px 70px #0007;scrollbar-width:thin;scrollbar-color:#566064 #191d21;scroll-padding-block:18px}
#phone-dialog::backdrop{background:#080d105e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#phone-dialog[data-sheet] .sheet-handle{position:absolute;left:50%;top:0;transform:translateX(-50%);width:116px;height:2px;margin:0;background:#d6b567;border-radius:2px}
.phone-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #ffffff12}
.phone-dialog-logo{width:144px;height:46px;object-fit:contain}
#phone-dialog .sheet-close{position:static;width:40px;height:40px;min-height:40px;flex-shrink:0;padding:10px;border-radius:50%;background:linear-gradient(140deg,#2c343a,#232a30);border:1px solid #4d565c75;color:#f8f9fa;box-shadow:inset 0 1px 0 #ffffff08}
#phone-dialog .sheet-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.phone-intro{display:flex;align-items:center;gap:12px;margin-top:20px}
.phone-intro-copy{min-width:0;flex:1}.phone-intro .step-kicker{display:block;color:#e6c36d;font-size:14px;line-height:1.5;margin-bottom:5px}
#phone-dialog #phone-title{padding:0;font-size:24px;font-weight:700;line-height:1.5;margin:0;color:#f7f7f5}
#phone-dialog #phone-description{font-size:14px;line-height:1.7;color:#aeb4bf;margin:5px 0 0}
.phone-whatsapp-mark{display:grid;place-items:center;flex:0 0 48px;height:50px;background:linear-gradient(145deg,#0c5740,#11362c);border:1px solid #258466;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0b}
.phone-whatsapp-mark svg{width:34px;height:34px;fill:none;stroke:#f4faf5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.phone-team-card{display:flex;align-items:center;gap:12px;margin-top:20px;min-height:74px;padding:12px;background:#24292d;border:1px solid #363d42;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff03}
.phone-team-icon{display:grid;place-items:center;flex:0 0 44px;height:46px;background:#b58c2620;border:1px solid #d9b14e0e;border-radius:12px;color:#edc362}
.phone-team-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.phone-team-card strong{font-size:17px;font-weight:600;line-height:1.5}.phone-team-card p{font-size:13px;color:#adb2bd;line-height:1.6;margin-top:3px}
#phone-dialog .phone-order-summary{display:grid;grid-template-columns:48px minmax(0,1fr) max-content;align-items:center;margin:12px 0 0;padding:12px;background:linear-gradient(115deg,#1c292f,#19252c);border:1px solid #3c4b53;border-radius:14px;gap:10px;box-shadow:inset 0 1px 0 #ffffff03}
.summary-game-icon{position:relative;display:grid;place-items:center;width:48px;height:52px;overflow:hidden;border:1px solid #ffffff16;border-radius:10px;background:#28373f;color:#e5bd60}
.summary-game-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.summary-game-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5}
.summary-game-details{min-width:0}#phone-dialog .summary-game-name{display:block;font-size:18px;font-weight:700;line-height:1.5;color:#f3f5f6;overflow-wrap:anywhere}
#phone-dialog .summary-package-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;margin:3px 0 0;font-size:13px;line-height:1.55;color:#bac3cd}
.summary-package-label{color:#f4f5f3;font-weight:600;overflow-wrap:anywhere}.summary-method-label{overflow-wrap:anywhere}.summary-separator{color:#929fa9}.summary-unavailable{grid-column:1/-1}
.summary-actions{display:flex;flex-direction:column;align-items:flex-end;min-width:0}#phone-dialog .summary-price{font-size:22px;line-height:1.4;gap:4px;color:var(--price-accent);white-space:nowrap}#phone-dialog .summary-price .currency{font-size:12px;font-weight:500;color:var(--price-accent)}
#phone-dialog .summary-edit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:0;padding:5px 0;border:0;border-radius:6px;background:transparent;color:#e9bd52;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:4px;transition:color 160ms ease,transform 160ms ease}
#phone-dialog .summary-edit:not(:disabled):active{transform:scale(.97)}#phone-dialog .summary-edit:disabled{opacity:.45;cursor:wait}
@media(hover:hover) and (pointer:fine){#phone-dialog .summary-edit:not(:disabled):hover{color:#ffe298}}
@media(max-width:400px){#phone-dialog .phone-order-summary{grid-template-columns:44px minmax(0,1fr) max-content;gap:8px;padding:10px}.summary-game-icon{width:44px;height:48px;border-radius:9px}#phone-dialog .summary-game-name{font-size:16px}#phone-dialog .summary-price{font-size:20px}#phone-dialog .summary-price .currency{font-size:11px}#phone-dialog .summary-package-line{font-size:12px;gap:2px 4px}}
@media(prefers-reduced-motion:reduce){#phone-dialog .summary-edit{transition:none!important;transform:none!important}}
#phone-form{margin-top:20px}#phone-dialog .field-label{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:9px}
#phone-dialog .bot-trap{left:0;top:0;clip-path:inset(50%);white-space:nowrap}
#phone-dialog .phone-fields{display:flex;align-items:center;gap:0;height:56px;border:1px solid #687079;border-radius:12px;background:#14191d;transition:border-color 160ms ease}
#phone-dialog .phone-fields:focus-within{border-color:#dfc477;box-shadow:0 0 0 .5px #dfc477}
#phone-dialog .phone-fields:has(input[aria-invalid=true]){border-color:#d59099;box-shadow:none}
.phone-country-picker{position:relative;width:112px;height:40px;flex:0 0 112px;border-right:1px solid #5b636c;padding-inline:11px}
.phone-country-display{height:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;pointer-events:none;font-size:16px;font-weight:600;white-space:nowrap;direction:ltr}
.phone-country-flag{width:24px;height:18px;flex-shrink:0;border-radius:4px}.phone-country-globe{width:22px;height:22px;fill:none;stroke:#d5dbe0;stroke-width:1.5;flex-shrink:0}.phone-country-chevron{width:14px;height:14px;fill:none;stroke:#f4f6f5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#phone-dialog #phone-country{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer;font-size:16px;border:0;color:#f4f5f3;background:#24292d;direction:ltr}
#phone-dialog .phone-country-picker:focus-within{outline:1px solid #dfc477;outline-offset:-3px;border-radius:8px}
#phone-dialog #phone-input{width:0;min-width:0;flex:1;height:100%;border:0;border-radius:0;background:transparent;color:#f4f6f5;direction:ltr;padding:10px 14px;font-size:17px;line-height:1.4;outline:none;box-shadow:none}
#phone-dialog #phone-input::placeholder{color:#7f8793;letter-spacing:.5px;opacity:1}
#phone-dialog #phone-hint{font-size:12px;line-height:1.7;color:#9fa6b1;margin-top:8px;text-align:right}
#phone-dialog .form-error{padding:9px 11px;margin-top:10px;font-size:13px;line-height:1.6}
#phone-dialog #submit-phone{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;width:100%;height:56px;min-height:56px;margin-top:20px;padding:8px 11px;border:1px solid #299d77;border-radius:13px;background:linear-gradient(110deg,#116b4b,#137651);color:#fff;font-size:18px;font-weight:600;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff10;transition:transform 160ms ease,background-color 160ms ease,filter 160ms ease;direction:rtl}
#phone-submit-label{text-align:center;min-width:0}.phone-submit-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d;position:relative}
#phone-dialog #submit-phone svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#phone-dialog .phone-submit-icon svg{width:27px;height:27px}#phone-dialog .phone-submit-arrow{width:24px;height:24px;justify-self:center}
#phone-dialog #submit-phone:disabled{cursor:not-allowed;opacity:.68;box-shadow:none}
#phone-dialog #submit-phone.is-loading{opacity:1;cursor:wait}
#phone-dialog #submit-phone::after{content:none}
#phone-dialog #submit-phone.is-loading .phone-submit-icon svg{opacity:0}
#phone-dialog #submit-phone.is-loading .phone-submit-icon::after{content:"";position:absolute;width:19px;height:19px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:busy-spin .7s linear infinite}
#phone-dialog #submit-phone:not(:disabled):active{transform:scale(.98)}
#phone-dialog #submit-phone:focus-visible{outline:2px solid #dfc477;outline-offset:3px;box-shadow:none}
#phone-dialog .privacy-note{text-align:center;font-size:12px;line-height:1.8;color:#a2a9b4;margin-top:13px}
#phone-dialog button:focus-visible{outline:2px solid #dfc477;outline-offset:3px;box-shadow:none}
@media(hover:hover) and (pointer:fine){#phone-dialog #submit-phone:not(:disabled):hover{filter:brightness(1.1)}#phone-dialog .sheet-close:not(:disabled):hover{background:#364047}}
@media(max-width:400px){#phone-dialog[data-sheet]{padding-inline:20px}.phone-intro{gap:10px}.phone-whatsapp-mark{flex-basis:44px;height:46px}#phone-dialog #phone-title{font-size:23px}.phone-team-card{gap:10px}.phone-country-picker{width:108px;flex-basis:108px;padding-inline:10px}#phone-dialog #phone-input{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){#phone-dialog #submit-phone{transition:none!important;transform:none!important}#phone-dialog #submit-phone.is-loading .phone-submit-icon::after{animation:none}}

.managed-storefront .header-title{white-space:normal;overflow-wrap:anywhere}.managed-storefront .whatsapp-card-copy h2,.managed-storefront .whatsapp-card-action strong{overflow-wrap:anywhere}