/* Scoped store/account refresh. Existing forms, IDs and navigation stay intact. */
.billing-switch .rank-gift-toggle{min-width:48px;padding:10px 14px;border-left:1px solid #ffffff18;display:inline-flex;align-items:center;justify-content:center}
.rank-gift-toggle svg{width:22px;height:22px;fill:#aaa0b4;transition:fill .15s,transform .15s}
.billing-switch .rank-gift-toggle.is-active svg{fill:#fff;transform:translateY(-1px)}
.billing-switch .rank-gift-toggle.is-active{background:#ffffff16;border-color:#e9d3ff60}
body[data-page=rangos] .billing-switch .rank-gift-toggle{min-width:48px;padding:8px 12px}
body[data-page=rangos] .billing-switch .rank-gift-toggle.is-active{background:#ffffff16!important}
body[data-page=soporte],body[data-page=cuenta]{background:radial-gradient(ellipse at 90% 10%,#8b5ba115,transparent 40%),radial-gradient(ellipse at 0 60%,#55baa40a,transparent 35%),#100e16}
.account-page,.support-page{max-width:1200px;margin:auto;padding-top:64px!important}
.account-hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:28px 8px 54px}
.account-hero .eyebrow{font-size:11px;letter-spacing:2.3px;color:#d8b890;margin-bottom:20px}
.account-hero h1{font-size:clamp(34px,4.5vw,58px);font-weight:750;line-height:1.13;letter-spacing:-2px;margin:0 0 22px}
.account-hero h1 span{color:#c6a6e3}.account-hero p{color:#aaa4b6;font-size:14px;line-height:1.8}
.account-hero-art{width:220px;flex-shrink:0;text-align:center;color:#b794d6}
.account-hero-art svg{width:180px;height:180px;filter:drop-shadow(0 0 24px #b483d61f)}
.account-hero-art span{display:block;font-size:8px;letter-spacing:1.8px;color:#84748f}
.help-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.help-topics a{border:1px solid #ffffff10;border-radius:20px;font-size:11px;color:#cec3da;padding:8px 13px;background:#ffffff03;transition:background .2s}
.help-topics a:hover{background:#9b72b21a;border-color:#b594d147}
.account-page .account-tabs{display:flex;gap:6px;padding:6px;border:1px solid #ffffff0c;border-radius:14px;background:#ffffff03;width:fit-content;margin-bottom:32px}
.account-page .account-tabs button{padding:13px 24px;border:0;border-radius:9px;color:#a7a0b1;background:transparent;font-size:13px;transition:background .2s,color .2s}
.account-page .account-tabs button.is-active{color:#eadcf6;background:#a580ce20;box-shadow:inset 0 0 0 1px #bb9adc25}
.account-page .account-overview{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.account-page .account-overview>section,.support-page .support-compose,.support-page .my-ticket-list,.account-page .data-table,.support-page .ticket-detail{border:1px solid #ffffff0e;border-radius:18px;background:linear-gradient(140deg,#211b2b80,#18151e);padding:30px;box-shadow:0 14px 40px #00000010}
.account-page .account-overview h2{margin:17px 0 12px;letter-spacing:-.5px;font-size:26px}
.account-page .card-label,.support-page .card-label{font-size:10px;letter-spacing:1.6px;color:#9f8db1}
.account-page .account-overview p,.support-sidebar-copy{font-size:13px;color:#9e97ac;line-height:1.8}
.account-page .account-overview .ghost-button,.account-page .account-overview .primary-button{margin-top:18px;border-radius:10px}
.support-page .support-compose-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px;align-items:start}
.support-page .admin-view-heading{padding-bottom:20px;border-bottom:1px solid #ffffff0c;margin-bottom:22px}
.support-page .admin-view-heading h2,.support-page .my-ticket-list h2{font-size:22px;letter-spacing:-.5px;margin:0 0 10px}
.support-page .admin-view-heading p{font-size:12px;color:#a296ad}.support-page .ticket-form label,.support-page .editor-field>span{font-size:12px;color:#c5bccf}
.support-page input,.support-page select,.support-page .rich-editor{background:#100d1680;border:1px solid #ffffff12;border-radius:10px;color:#eee6f8}
.support-page input:focus,.support-page select:focus,.support-page .rich-editor:focus{outline:2px solid #b28bca55;outline-offset:2px}
.support-page .ticket-form input,.support-page .ticket-form select{padding:12px 14px;margin-top:8px}
.support-page .rich-editor{min-height:220px;line-height:1.7;padding:16px}.support-page .editor-toolbar{background:transparent;border:0;padding:10px 0;gap:5px}
.support-page .editor-toolbar button{border-radius:7px;background:#ffffff06;border:1px solid #ffffff0c;font-size:11px;padding:7px 10px;color:#b5a5c4}
.support-page .editor-meta{font-size:10px;color:#857b90;padding-top:8px}.support-page .ticket-form>.primary-button{margin-top:8px;background:linear-gradient(110deg,#9571b4,#b28fc9);border-radius:10px;color:#fff;border:0;padding:13px 24px}
.support-tip{margin-top:30px;padding:22px;border-radius:12px;background:#b895dc08;border:1px solid #b895dc15}
.support-tip>span{display:block;font-size:20px;color:#d7b787;margin-bottom:12px}.support-tip strong{font-size:12px;color:#cec2dd}.support-tip p{font-size:12px;line-height:1.7;color:#988ba4;margin:10px 0 0}
.companion-card.catalog-product{height:100%;min-height:390px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#282035,#17131e);border:1px solid #b18dce26;border-radius:16px;--season-accent:#b997d5;transition:border-color .2s,transform .2s}
.companion-card:hover{border-color:#b997d56a;transform:translateY(-3px)}
.companion-art{position:relative;height:195px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 80%,#aa85c619,transparent 65%)}
.companion-art canvas{width:100%;max-width:290px;height:auto;image-rendering:pixelated}
.companion-details{padding:0 18px 20px;display:flex;flex-direction:column;flex:1;position:relative;z-index:1}
.companion-edition{color:var(--season-accent);text-transform:uppercase;font-size:8px;letter-spacing:1px;line-height:1.5}
.companion-details h3{margin:12px 0 10px;font-size:20px;letter-spacing:-.6px;color:#f3eaf9}.companion-details p{color:#a99cb5;font-size:11px;line-height:1.65;margin:0 0 18px}
.companion-purchase{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;border-top:1px solid #ffffff0c;padding-top:15px}
.companion-purchase strong{color:#d7b5f6;font-size:17px}.companion-purchase small{display:block;font-weight:400;color:#9d8aa9;font-size:9px;margin-top:4px}
.companion-purchase button{padding:9px 12px;font-size:10px;min-width:0}.companion-purchase button:disabled{opacity:.6;cursor:default}
.season-halloween{--season-accent:#d599ff!important;background:linear-gradient(160deg,#392044,#1a1125)!important;border-color:#a868cf44!important}
.season-halloween .companion-art:before,.season-halloween .companion-art:after{content:"";position:absolute;width:65px;height:65px;top:0;opacity:.25;background:repeating-radial-gradient(circle at top left,transparent 0 12px,#be9dd7 13px 14px,transparent 15px 20px);pointer-events:none}
.season-halloween .companion-art:before{left:0;clip-path:polygon(0 0,100% 0,0 100%)}.season-halloween .companion-art:after{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,0 100%)}
.season-christmas,.season-holidays{--season-accent:#93d0ad!important;background:linear-gradient(160deg,#1c382d,#151d1c)!important;border-color:#6cb89540!important}
.season-summer{--season-accent:#f7c174!important;background:linear-gradient(160deg,#393121,#1e1915)!important}.season-easter{--season-accent:#e9a9d1!important}
#cat-companions .store-cat-grid{grid-auto-rows:minmax(390px,auto);max-height:none;overflow:visible}
#cat-companions .companion-card.catalog-product{display:flex;height:100%;min-height:390px;background:linear-gradient(160deg,#282035,#17131e)!important;border:1px solid #b18dce26!important}
#cat-companions .companion-card.season-halloween{background:linear-gradient(160deg,#392044,#1a1125)!important;border-color:#a868cf44!important}
#cat-companions .companion-card.season-christmas,#cat-companions .companion-card.season-holidays{background:linear-gradient(160deg,#1c382d,#151d1c)!important;border-color:#6cb89540!important}
#cat-companions .companion-card.season-summer{background:linear-gradient(160deg,#393121,#1e1915)!important}
#cat-companions .companion-art{flex-shrink:0}
#cat-companions .companion-details h3{font-size:20px;margin:12px 0 10px}
#cat-companions .companion-details p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;height:49.5px;flex-shrink:0;margin:0 0 18px}
@media(max-width:850px){.account-hero{padding:16px 0 36px;gap:15px}.account-hero-art{width:150px}.account-hero-art svg{width:135px;height:135px}.account-hero-art span{font-size:7px}.support-page .support-compose-layout{grid-template-columns:1fr}.account-page .account-overview{grid-template-columns:1fr}.companion-card.catalog-product{min-height:370px}}
@media(max-width:520px){.account-hero-art{display:none}.account-page,.support-page{padding-top:34px!important}.account-hero h1{letter-spacing:-1px}.account-page .account-tabs{width:100%;justify-content:space-between}.account-page .account-tabs button{padding:12px 15px;font-size:11px}.support-page .support-compose,.support-page .my-ticket-list,.account-page .account-overview>section{padding:22px}.companion-details{padding:0 14px 16px}.companion-art{height:170px}.companion-purchase{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.companion-card:hover{transform:none}.rank-gift-toggle svg{transition:none}}
