/* Supreme Shop workspace redesign. */
.shop-workspace { display:grid; gap:16px; }
.shop-topbar { padding:22px 24px; display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.75fr); align-items:center; gap:28px; border:1px solid rgba(255,255,255,.075); border-radius:22px; background:radial-gradient(circle at 90% 0,rgba(240,56,75,.12),transparent 34%),linear-gradient(145deg,rgba(25,25,30,.88),rgba(13,13,16,.94)); box-shadow:0 22px 65px rgba(0,0,0,.2); }
.shop-title-block>span { display:inline-flex; align-items:center; gap:8px; margin-bottom:8px; color:#ff6173; font-size:10px; font-weight:850; letter-spacing:1.3px; text-transform:uppercase; }
.shop-title-block>span::before { content:""; width:7px; height:7px; border-radius:50%; background:#f0384b; box-shadow:0 0 11px rgba(240,56,75,.8); }
.shop-title-block h1 { margin:0 0 7px; color:#fff; font-size:clamp(28px,3vw,39px); line-height:1.08; letter-spacing:-1.4px; }
.shop-title-block p { max-width:620px; margin:0; color:rgba(255,255,255,.52); font-size:13px; line-height:1.6; }
.shop-redeem { padding:15px; border:1px solid rgba(255,255,255,.075); border-radius:16px; background:rgba(0,0,0,.2); }
.shop-redeem-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.shop-redeem-head strong { color:#fff; font-size:13px; }
.shop-redeem-head span { color:rgba(255,255,255,.35); font-size:10px; }
.shop-redeem .kr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.shop-redeem .ki { min-width:0; min-height:43px; margin:0!important; border-radius:11px; font-size:12px; }
.shop-redeem .btn { min-height:43px; padding-inline:15px; border-radius:10px; font-size:12px; }
.shop-redeem .ae { min-height:0; margin-top:7px!important; }

.shop-toolbar { min-height:62px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid rgba(255,255,255,.065); border-radius:17px; background:rgba(255,255,255,.018); }
.shop-toolbar-left { min-width:0; display:flex; align-items:center; gap:9px; flex:1; }
.shop-search { width:min(280px,100%); min-height:41px; padding:0 13px; display:flex; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:rgba(0,0,0,.2); color:rgba(255,255,255,.33); }
.shop-search:focus-within { border-color:rgba(240,56,75,.32); box-shadow:0 0 0 3px rgba(240,56,75,.065); }
.shop-search input { width:100%; border:0; outline:0; background:transparent; color:#fff; font-size:12px; }
.shop-game-filters { display:flex; gap:6px; flex-wrap:wrap; }
.shop-game-filter { min-height:36px; padding:0 11px; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.02); color:rgba(255,255,255,.45); font-size:10px; font-weight:750; cursor:pointer; }
.shop-game-filter.active,.shop-game-filter:hover { border-color:rgba(240,56,75,.24); background:rgba(240,56,75,.075); color:#fff; }
.shop-product-count { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(255,255,255,.06); border-radius:999px; color:rgba(255,255,255,.45); font-size:10px; font-weight:700; }

#shop-grid.shop-redesign-grid,.shop-redesign-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; }
.shop-product-card { overflow:hidden!important; position:relative; min-height:500px; display:flex!important; flex-direction:column; border:1px solid rgba(255,255,255,.075)!important; border-radius:20px!important; background:linear-gradient(155deg,rgba(28,28,33,.86),rgba(12,12,15,.94))!important; box-shadow:0 18px 55px rgba(0,0,0,.18)!important; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important; }
.shop-product-card:hover { transform:translateY(-4px); border-color:rgba(240,56,75,.3)!important; box-shadow:0 28px 70px rgba(0,0,0,.3)!important; }
.shop-product-image { height:220px!important; position:relative; border-bottom:1px solid rgba(255,255,255,.065)!important; }
.shop-product-image::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(13,13,16,.72),transparent 58%); }
.shop-product-image img { filter:saturate(.88) contrast(1.05); }
.shop-public-badge { top:14px!important; right:14px!important; padding:7px 10px!important; border-radius:999px!important; font-size:9px!important; backdrop-filter:blur(12px); }
.shop-product-card>.scg,.shop-product-card>h3,.shop-product-card>.shop-product-summary,.shop-product-card>.scp,.shop-product-card>.scd,.shop-product-card>.btn { margin-left:22px!important; margin-right:22px!important; }
.shop-product-card>.scg { margin-top:20px!important; color:#ff6677!important; font-size:10px!important; letter-spacing:1.1px; }
.shop-product-card>h3 { margin-top:9px!important; margin-bottom:0!important; color:#fff; font-size:23px!important; line-height:1.22!important; letter-spacing:-.6px; }
.shop-product-summary { min-height:0!important; margin-top:9px!important; margin-bottom:18px!important; color:rgba(255,255,255,.57)!important; font-size:13px!important; line-height:1.65!important; }
.shop-product-card>.scp { margin-top:auto!important; color:#fff!important; font-size:29px!important; letter-spacing:-1px; }
.shop-product-card>.scp small { font-size:16px!important; }
.shop-product-card>.scd { margin-top:3px!important; margin-bottom:15px!important; color:rgba(255,255,255,.34)!important; font-size:10px!important; }
.shop-product-card>.btn { width:calc(100% - 44px)!important; min-height:47px!important; margin-bottom:22px!important; border-radius:11px!important; font-size:12px!important; }
.shop-product-card[hidden] { display:none!important; }
.shop-no-results { grid-column:1/-1; min-height:220px; display:grid; place-items:center; text-align:center; color:rgba(255,255,255,.43); border:1px dashed rgba(255,255,255,.09); border-radius:18px; }

.mb:has(.shop-modal-head) { width:min(650px,calc(100vw - 28px)); max-width:650px; }
.shop-modal-head { padding-bottom:16px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.07); }
.shop-modal-head>span { font-size:10px!important; letter-spacing:1.4px!important; }
.shop-modal-head h3 { margin:7px 0!important; font-size:26px!important; letter-spacing:-.8px; }
.shop-modal-head p { margin:0!important; color:rgba(255,255,255,.55)!important; font-size:13px!important; line-height:1.65!important; }
.shop-wallet-choice { padding:15px!important; border-radius:13px!important; }
.shop-wallet-choice strong { font-size:12px!important; }
.shop-wallet-choice span { margin-top:3px; font-size:11px!important; line-height:1.5; }
.shop-option-row { min-height:80px!important; padding:15px 16px!important; border-radius:13px!important; background:rgba(255,255,255,.025)!important; }
.shop-option-row:hover { border-color:rgba(240,56,75,.22); background:rgba(240,56,75,.035)!important; }
.shop-plan-duration { font-size:10px!important; }
.shop-option-row h4 { margin-top:5px!important; font-size:14px!important; }
.shop-option-row .loader-card-side>strong { font-size:16px!important; }
.shop-option-row .btn { min-height:38px!important; border-radius:9px!important; font-size:11px!important; }

@media(max-width:1100px) { #shop-grid.shop-redesign-grid,.shop-redesign-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-topbar{grid-template-columns:1fr}.shop-redeem{max-width:650px} }
@media(max-width:760px) { .shop-topbar{padding:20px 17px;border-radius:18px}.shop-toolbar{align-items:stretch;flex-direction:column}.shop-toolbar-left{align-items:stretch;flex-direction:column}.shop-search{width:100%}.shop-product-count{align-self:flex-start}.shop-redeem .kr{grid-template-columns:1fr}.shop-redeem .btn{width:100%}#shop-grid.shop-redesign-grid,.shop-redesign-grid{grid-template-columns:1fr!important}.shop-product-card{min-height:0}.shop-product-image{height:210px!important} }