/* SILVER STORE - FREE FIRE | CSS LIMPIO */

/* ===== CATÁLOGO DE DIAMANTES ===== */
.ff-shell,
.extras-section{
  width:min(1380px,calc(100% - 44px));
  margin-left:auto;
  margin-right:auto;
}
.ff-shell{margin-top:46px;margin-bottom:72px}
.extras-section{margin-top:74px;margin-bottom:92px}
.ff-heading span,.extras-heading span{color:var(--gold2);font-size:12px;font-weight:950}
.ff-heading h1,.extras-heading h2{margin:8px 0 0;font-size:30px;line-height:1.1}
.ff-heading>div,.extras-heading>div{height:1px;margin:16px 0 22px;background:linear-gradient(90deg,var(--gold),transparent)}

.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.product-card{min-width:0;min-height:570px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #292d35;border-radius:13px;background:linear-gradient(#171a21,#101217);box-shadow:0 10px 32px rgba(0,0,0,.30);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.product-image{height:365px;flex:0 0 365px;position:relative;overflow:hidden;background:#0d1217}
.product-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;transition:transform .42s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.product-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.32)),radial-gradient(circle at 50% 85%,rgba(242,180,0,.10),transparent 45%);opacity:.45;transition:opacity .3s ease;pointer-events:none}
.product-info{flex:1;display:flex;flex-direction:column;padding:17px 18px 18px;text-align:center}
.product-info h2{margin:0;font-size:25px;line-height:1.05}.product-info h2 em{color:var(--gold2);font-style:normal}
.label{margin:7px 0 11px;color:#dcdcdc;font-size:12px;font-weight:900;letter-spacing:1.4px}
.stock{display:inline-block;align-self:center;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:950;margin-bottom:9px}
.stock-ok{color:#45f795;background:rgba(20,190,90,.14)}.stock-warn{color:#ffb53c;background:rgba(255,153,0,.14)}.stock-last{color:#fff;background:#a91820}.stock-none{color:#bbb;background:#272a30}
.product-info del{display:block;margin-top:auto;color:#858a94;font-size:13px;text-decoration-thickness:2px}
.product-info>strong{display:block;margin:5px 0 14px;color:#ff5967;font-size:27px}
.product-info button,.extra-info button{width:100%;min-height:48px;margin-top:auto;border:0;border-radius:8px;color:#0a0a0a;background:linear-gradient(90deg,#e17b00,#ffb32f);font-size:14px;font-weight:950;cursor:pointer}

.product-card:not(.sold-out):hover,.extra-card:not(.sold-out):hover{transform:translateY(-7px);border-color:#f2b400;box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 0 1px rgba(255,207,48,.22),0 0 25px rgba(242,180,0,.26)}
.product-card:not(.sold-out):hover .product-image img{transform:scale(1.045);filter:saturate(1.12) contrast(1.07) brightness(1.06)}
.product-card:not(.sold-out):hover .product-image::after{opacity:.78}
.product-card:not(.sold-out):hover button,.extra-card:not(.sold-out):hover button{filter:brightness(1.08);box-shadow:0 8px 20px rgba(225,123,0,.30),0 0 16px rgba(255,179,47,.20)}

.sold-out{opacity:.62;filter:saturate(.72);cursor:default;box-shadow:none}
.sold-out:hover{transform:none!important;border-color:#292d35!important;box-shadow:none!important}
.sold-out .product-image img,.sold-out .extra-image img{filter:grayscale(.35) brightness(.52)!important;transform:none!important;transition:none!important}
.sold-out button{color:#777;background:#22252a;cursor:not-allowed}

/* ===== EXTRAS ===== */
.extras-grid{width:100%;max-width:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px;align-items:stretch}
.extra-card{grid-column:span 2;min-width:0;min-height:570px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #292d35;border-radius:13px;background:linear-gradient(#171a21,#101217);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.extra-card:nth-child(5){grid-column:4 / span 2}
.extra-image{height:365px;flex:0 0 365px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0c0f}
.extra-image img{width:100%;height:100%;max-width:100%;max-height:100%;display:block;margin:auto;object-fit:contain;object-position:center center;transform-origin:center center;transition:transform .35s ease,filter .35s ease}
.extra-card:not(.sold-out):hover .extra-image img{transform:scale(1.035);filter:brightness(1.06)}
.extra-info{flex:1;display:flex;flex-direction:column;padding:17px 18px 18px;text-align:center}
.extra-info h3{min-height:44px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1.15}
.extra-info del{display:block;margin-top:auto;color:#818690;font-size:13px}
.extra-info>strong{display:block;margin:5px 0 14px;color:#ff5967;font-size:26px}
.team-code-group input{width:100%;height:48px;padding:0 14px;color:#fff;background:#07090c;border:1px solid #343943;border-radius:9px}

/* ===== MODAL DE OPCIONES ===== */
.catalog-modal{position:fixed;inset:0;z-index:290;display:none;place-items:center;padding:20px;background:rgba(10,4,0,.82);backdrop-filter:blur(7px)}
.catalog-modal.open{display:grid}.catalog-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #9d6b27;border-radius:14px;background:#f7f4ef;color:#17130f;box-shadow:0 28px 85px rgba(0,0,0,.7)}
.catalog-dialog header{padding:18px 20px;color:#fff;background:linear-gradient(135deg,#4a240c,#261105)}.catalog-dialog header h2{margin:0;font-size:20px}.catalog-dialog header p{margin:5px 0 0;color:#ffc850;font-size:12px;font-weight:800}
.catalog-close{position:absolute;right:13px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:9px;color:#f3a829;background:#5e3514;font-size:24px;cursor:pointer}.catalog-note{padding:12px 18px;border-bottom:1px solid #ddd3c7;color:#8e6d4b;font-size:12px}.catalog-options{display:flex;flex-direction:column}
.catalog-option{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid #dfd8cf;background:#fff}.catalog-option:last-child{border-bottom:0}.catalog-option.disabled{opacity:.48}.catalog-option img{width:56px;height:56px;object-fit:cover;border-radius:9px;border:1px solid #dfc99e}
.catalog-option-info{display:flex;flex-direction:column;gap:5px}.catalog-option-info b{text-transform:uppercase;font-size:14px}.catalog-prices{display:flex;align-items:center;gap:9px}.catalog-prices del{color:#979797;font-size:11px}.catalog-prices strong{color:#ef3e49;font-size:16px}.catalog-option-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.catalog-state{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.catalog-state.available{color:#16a756;background:#dff7e9}.catalog-state.out{color:#9b9b9b;background:#eee}.catalog-buy{padding:9px 17px;border:0;border-radius:9px;color:#fff;background:linear-gradient(#f3a425,#dc7808);font-weight:900;cursor:pointer}.catalog-buy:disabled{color:#aaa;background:#eee;cursor:not-allowed}

/* ===== CHECKOUT ===== */
.modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:16px;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.modal.open{display:grid}
.checkout-shell{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid rgba(242,180,0,.55);border-radius:13px;background:radial-gradient(circle at 90% 0%,rgba(242,180,0,.10),transparent 30%),linear-gradient(#13171d,#090b0f);box-shadow:0 30px 90px rgba(0,0,0,.74);animation:checkoutOpen .2s ease both}@keyframes checkoutOpen{from{opacity:0;transform:scale(.965) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.checkout-header{display:flex;align-items:center;gap:11px;padding-right:38px}.checkout-header img{width:48px;height:48px;object-fit:contain}.checkout-header span{color:var(--gold2);font-size:10px;font-weight:950}.checkout-header h2{margin:3px 0 0;font-size:21px;line-height:1}
.checkout-steps{display:flex;align-items:center;justify-content:center;margin:10px 0 13px}.step-pill{min-width:56px;text-align:center;color:#747983;font-size:10px;font-weight:900}.step-pill b{width:28px;height:28px;margin:auto auto 4px;display:grid;place-items:center;border:1px solid #353a43;border-radius:50%}.step-pill.active{color:var(--gold2)}.step-pill.active b{color:#111;background:linear-gradient(#ffd84e,#e5a100);border-color:var(--gold2)}.step-line{width:54px;height:1px;margin-bottom:18px;background:#343841}
.checkout-step{display:none}.checkout-step.active{display:block;animation:checkoutStep .18s ease both}@keyframes checkoutStep{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.selected{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid #2a2e35;border-radius:8px;background:#090b0e}.selected strong{color:var(--gold2)}.selected-large{margin-bottom:12px}.selected-large div{display:flex;flex-direction:column;gap:4px}.selected-large small,.summary-card span,.recipient span,.payment-total span{color:#8f949d;font-size:10px;font-weight:900;text-transform:uppercase}.selected-large strong{font-size:21px}
.checkout-shell label:not(.remember):not(.upload-box){display:block;margin:10px 0 5px;font-size:12px;font-weight:900}#playerId,#teamCode{width:100%;height:41px;padding:0 12px;color:#fff;background:#07090c;border:1px solid #343943;border-radius:8px}.remember{display:flex!important;gap:9px;align-items:center;margin:10px 0 13px!important;font-size:12px;color:#b5bac3}.continue,.send-receipt{width:100%;min-height:43px;border:0;border-radius:8px;color:#111;background:linear-gradient(#ffd750,#e7a200);font-size:14px;font-weight:950;cursor:pointer}.checkout-message{min-height:14px;margin:7px 0 0;color:#ff6975;font-size:11px;text-align:center}
.summary-card{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#080a0d}.summary-card>div{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-bottom:1px solid #242831}.summary-total strong{color:var(--gold2);font-size:21px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.payment-option{min-height:64px;display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #343943;border-radius:11px;color:#fff;background:#0a0d11;text-align:left}.payment-option>span{font-size:22px}.payment-option div{display:flex;flex-direction:column}.yape-option{border-color:#7c248d}.disabled-option{opacity:.45}.back-button{margin-top:11px;padding:8px 13px;border:1px solid #3a3f48;border-radius:8px;color:#b9bdc5;background:#0a0c10;font-size:11px}
.yape-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.qr-panel{padding:11px;border:1px solid rgba(127,31,143,.55);border-radius:13px;background:#080a0d;text-align:center}.qr-panel>span{color:#c65bda;font-size:11px;font-weight:950}.qr-panel img{width:100%;max-height:185px;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fff}.qr-panel p{font-size:12px;color:#c8cbd1}.recipient,.payment-total{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #292d35}.payment-total{margin-top:4px;border:1px solid rgba(242,180,0,.30);border-radius:9px}.payment-total strong{color:var(--gold2);font-size:20px}.upload-box{position:relative;margin-top:7px;min-height:82px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #505660;border-radius:10px;background:#080a0d}.upload-box input{position:absolute;opacity:0}.upload-box>span{font-size:21px}.upload-box small{font-size:10px;color:#858a94}.send-receipt{margin-top:14px}.security-note{margin-top:12px;padding:9px 11px;border-left:3px solid var(--gold);background:#080a0d;font-size:11px}.success-state{text-align:center;padding:12px 6px}.success-icon{width:62px;height:62px;margin:auto auto 12px;display:grid;place-items:center;border:2px solid #25d878;border-radius:50%;color:#25d878;font-size:31px}.success-state>span{color:#25d878;font-size:11px;font-weight:950}.order-code{margin:13px 0;padding:9px;background:#080a0d;border:1px solid #30353d;border-radius:8px}

/* ===== RESPONSIVE ===== */
@media(max-width:1220px){.ff-shell,.extras-section{width:min(1040px,calc(100% - 36px))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.extras-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-card,.extra-card:nth-child(5){grid-column:auto}}
@media(max-width:850px){.product-grid,.extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.extra-card{min-height:530px}.product-image,.extra-image{height:330px;flex-basis:330px}.extra-card,.extra-card:nth-child(5){grid-column:auto}.yape-layout{grid-template-columns:1fr}.payment-options{grid-template-columns:1fr}.qr-panel{max-width:260px;margin:auto}}
@media(max-width:540px){.ff-shell,.extras-section{width:min(440px,calc(100% - 24px))}.product-grid,.extras-grid{grid-template-columns:1fr}.product-card,.extra-card{min-height:0}.product-image,.extra-image{height:auto;min-height:320px;flex-basis:auto}.catalog-option{grid-template-columns:48px 1fr}.catalog-option img{width:48px;height:48px}.catalog-option-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.product-card,.extra-card,.product-image img,.extra-image img{transition:none!important}}