/* ZegarZ Atelier / VIP Market — distinct light retail layout, CSS only. */
:root{--bg:#f5f6f8;--panel:#fff;--panel2:#f8f9fb;--line:#e8ebf0;--blue:#345bc6;--purple:#527bbc;--gold:#9e752b;--text:#192337;--muted:#747e8d;color-scheme:light}
html,body,.market-app{background:#f5f6f8!important;color:#192337!important}
body{font-family:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif!important}
.topbar{height:auto!important;min-height:90px!important;padding:16px clamp(16px,3vw,54px)!important;gap:clamp(12px,2vw,30px)!important;background:#fff!important;border-bottom:1px solid #e9ecf0!important;box-shadow:none!important}
.brand-block{min-width:190px!important;gap:13px!important}.brand-logo{width:47px!important;height:47px!important;border-radius:50%!important;background:#202d46!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;letter-spacing:-1px}.brand-text h1{font-size:18px!important;font-weight:850!important;color:#202b40!important;letter-spacing:-.6px}.brand-text:after{content:'ÖZEL KOLEKSİYON';display:block;color:#8a92a1;font-size:9px;font-weight:800;letter-spacing:2.3px;margin-top:5px}
.search-box{max-width:420px!important}.search-box input{border-radius:999px!important;padding:13px 20px!important;background:#f6f7f9!important;border:1px solid #ebeef2!important;color:#202b40!important;box-shadow:none!important}.search-box input:focus{border-color:#8ca1dc!important;outline:2px solid #e8effb!important}.topbar-actions{gap:8px!important}.balance-box{border-radius:12px!important;background:#f5f7fb!important;border:1px solid #e8edf4!important;padding:9px 14px!important}.balance-box strong{color:#263e83!important}.user-chip{border-radius:12px!important;background:#fff!important;border:1px solid #e8ebf0!important}.btn-top{border-radius:999px!important;padding:11px 16px!important;box-shadow:none!important;background:#fff!important;color:#344158!important;border:1px solid #dce2eb!important}.btn-top.primary{background:#253654!important;border-color:#253654!important;color:white!important}.btn-top:hover{filter:brightness(.97)}
.market-body{max-width:1620px!important;margin:0 auto!important;padding:30px clamp(12px,2.4vw,38px)!important;gap:26px!important;grid-template-columns:202px minmax(0,1fr)!important;align-items:start!important}
.sidebar-left{top:116px!important;position:sticky!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:11px 0!important}
.side-title{color:#929aa7!important;letter-spacing:2px!important;font-size:10px!important;padding:12px 12px 16px!important}.side-title.second{margin-top:24px!important;border-top:1px solid #e4e8ed!important;padding-top:25px!important}.nav-item{border:0!important;border-left:3px solid transparent!important;border-radius:0 11px 11px 0!important;margin-bottom:4px!important;padding:12px 11px!important;min-height:44px!important;background:transparent!important;color:#566176!important;font-weight:650!important}.nav-item:hover{background:#eaedf3!important;color:#273f73!important}.nav-item.active{background:#e9f0fa!important;border-left:3px solid #3d5fc2!important;color:#234b8c!important;box-shadow:none!important}.nav-item b{background:#fff!important;color:#8994a8!important;font-weight:650!important;border:1px solid #e9edf3!important}
.hero-banner{background:#fff!important;border:1px solid #e9ecf0!important;border-radius:22px!important;min-height:155px!important;padding:32px clamp(22px,4vw,44px)!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;margin-bottom:20px!important}
.hero-banner:after{content:'Z';position:absolute;right:24px;top:-54px;font-size:215px;line-height:1;font-weight:900;letter-spacing:-30px;color:#f1f4fa;pointer-events:none}.hero-banner>div{z-index:1;position:relative}.hero-banner h2{font-size:clamp(23px,2.6vw,34px)!important;letter-spacing:-1.2px!important;color:#1d2a42!important;line-height:1.15!important;margin-bottom:13px!important}.hero-banner p{color:#7e8797!important;line-height:1.6!important;max-width:560px}
.stats-row{gap:12px!important;margin-bottom:31px!important}.stat-card{min-height:85px!important;background:#fff!important;border:1px solid #e9ecf0!important;border-radius:14px!important;padding:16px!important;box-shadow:none!important}.stat-card small{font-size:10px!important;letter-spacing:.3px!important;color:#8a93a2!important}.stat-card strong{display:block;margin-top:9px!important;color:#25324a!important;font-size:17px!important}
.section-head{margin:0 1px 17px!important;padding:0 0 13px!important;border-bottom:1px solid #e4e7ee!important}.section-head h3{color:#19263b!important;font-size:22px!important;letter-spacing:-.6px!important}.section-head:after{content:'ZEGARZ COLLECTION';margin-left:auto;color:#a4acba;font-size:10px;font-weight:750;letter-spacing:1.8px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:18px!important}
.vip-card{padding:0 0 16px!important;border:1px solid #e6e9ef!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;min-width:0!important;display:flex!important;flex-direction:column!important}.vip-card:hover{border-color:#b6c3e3!important;transform:none!important;box-shadow:0 4px 18px #24334d0b!important}.card-img{height:170px!important;border:0!important;border-bottom:1px solid #eceef2!important;border-radius:0!important;margin:0 0 16px!important;background:#f3f5f9!important}.card-title{font-size:16px!important;font-weight:800!important;letter-spacing:-.3px!important;color:#212d44!important;margin:0 17px 7px!important}.card-desc{color:#8b94a3!important;font-size:12px!important;line-height:1.6!important;margin:0 17px 15px!important;min-height:38px!important}.purchase-options{padding:0 16px!important;margin-top:auto!important;gap:7px!important}.buy-btn,.equip-btn{padding:11px 12px!important;border-radius:10px!important;background:#f7f8fa!important;border:1px solid #e4e7ed!important;color:#34445e!important;text-align:left!important;font-size:11px!important}.buy-btn:hover,.equip-btn:hover{background:#eaf0ff!important;border-color:#bdcbed!important;color:#243e86!important}.buy-btn.lifetime{background:#fbf7ee!important;color:#87662d!important;border-color:#f0e4c9!important}.price{color:#304e9c!important;font-weight:850!important}.owned-badge{margin:0 16px 12px!important;align-self:flex-start!important}.market-preview-btn,.entry-preview-btn{margin:0 16px 11px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cbd7ed!important;color:#29498c!important}
.profile-right{position:sticky!important;top:116px!important;border:1px solid #e9ecf0!important;background:#fff!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important}.profile-right h3{font-size:17px!important;color:#253149!important;margin-top:2px!important;margin-bottom:18px!important}.profile-box{background:#f8f9fb!important;border:1px solid #f0f2f4!important;border-radius:12px!important;color:#25314c!important;margin-bottom:9px!important}.profile-box small{color:#8993a2!important}
.modal{backdrop-filter:none!important}.modal-box{background:#fff!important;border-radius:18px!important;color:#253149!important}.notice{box-shadow:0 6px 20px #1b26321a!important}
@media(max-width:1250px){.market-body{grid-template-columns:185px minmax(0,1fr)!important}.profile-right{display:none!important}.brand-block{min-width:170px!important}.topbar{flex-wrap:wrap!important}.search-box{max-width:none!important;flex:1 1 250px!important}}
@media(max-width:760px){.topbar{padding:12px!important;gap:11px!important}.market-body{display:block!important;padding:13px!important}.sidebar-left{position:static!important;display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;margin-bottom:13px!important;padding:4px 0 10px!important}.sidebar-left .side-title{display:none!important}.nav-item{width:auto!important;min-width:max-content!important;border-radius:9px!important;border:1px solid #e4e8f0!important;margin:0!important;padding:10px!important}.nav-item.active{border:1px solid #aebee9!important}.hero-banner{min-height:120px!important;padding:25px!important}.hero-banner:after{font-size:150px!important;top:-25px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:22px!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.card-img{height:118px!important}.card-title{font-size:13px!important;margin:0 11px 5px!important}.card-desc{font-size:11px!important;margin:0 11px 10px!important}.purchase-options{padding:0 10px!important}.buy-btn,.equip-btn{font-size:10px!important;padding:9px 7px!important}.market-preview-btn,.entry-preview-btn{margin-left:10px!important;margin-right:10px!important}.section-head:after{display:none!important}}
@media(max-width:400px){.product-grid{grid-template-columns:1fr!important}.card-img{height:150px!important}}
@media(prefers-reduced-motion:reduce){.vip-card,.nav-item,.btn-top{transition:none!important}}

/* Warm, restrained blue/lilac accents without animation or blur */
:root{--blue:#5183d4;--purple:#7197d4;--gold:#b68a4c}
html,body,.market-app{background:#f7f9fc!important}
.brand-logo{background:linear-gradient(135deg,#5384d4,#7797cb)!important}
.brand-text:after{color:#728bb4!important}
.btn-top.primary{background:#5988d3!important;border-color:#5988d3!important}
.balance-box{background:#f2f6fd!important;border-color:#e1ebfa!important}
.balance-box strong{color:#4c77bb!important}
.nav-item.active{background:#f0f4fc!important;border-left-color:#7194cc!important;color:#456394!important}
.nav-item:hover{background:#f4f7fd!important}
.hero-banner{background:linear-gradient(108deg,#fff 12%,#f4f7fd 75%,#eef5ff 100%)!important;border-color:#e0e8f6!important}
.hero-banner:after{color:#dee8f9!important;opacity:.6}
.stat-card:nth-child(1){border-top:3px solid #7ba1de!important}
.stat-card:nth-child(2){border-top:3px solid #8aa9db!important}
.stat-card:nth-child(3){border-top:3px solid #83b9d4!important}
.stat-card:nth-child(4){border-top:3px solid #d8b98a!important}
.card-img{background:linear-gradient(145deg,#eff4ff,#f0f5fc)!important}
.vip-card:hover{border-color:#b9cded!important}
.buy-btn:hover,.equip-btn:hover{background:#f0f4fc!important;border-color:#c4d4ee!important;color:#45618e!important}
.market-preview-btn,.entry-preview-btn{border-color:#c4d3eb!important;color:#5774a2!important}
.price{color:#567ab4!important}
@media(max-width:1250px){.market-body{grid-template-columns:185px minmax(0,1fr)!important}}

/* ZegarZ VIP Market — Collection 2026 redesign; retains original pastel palette */
.market-body{max-width:1540px!important;grid-template-columns:232px minmax(0,1fr)!important;gap:34px!important;padding-top:34px!important}
.topbar{min-height:82px!important;padding:13px clamp(22px,4vw,70px)!important;border-bottom:1px solid #eaf0fa!important;box-shadow:0 5px 25px #607eae08!important}
.brand-block{min-width:226px!important}.brand-logo{width:48px!important;height:48px!important;border-radius:15px!important;font-size:16px!important;box-shadow:0 7px 18px #6d8ec33b!important}.brand-text:after{content:'VIP COLLECTION  •  2026';letter-spacing:1.8px!important;color:#8d9eb8!important}
.search-box input{border-radius:13px!important;min-height:47px!important;background:#f9fbfe!important;border-color:#e7ecf5!important}.search-box input:focus{background:white!important;border-color:#9bb4dc!important;outline:3px solid #8eacdc20!important}
.btn-top{border-radius:12px!important;min-height:44px!important}.btn-top.primary{box-shadow:0 5px 15px #7298d52c!important}
.sidebar-left{padding:16px 12px!important;background:#fff!important;border:1px solid #e8edf4!important;border-radius:22px!important;box-shadow:0 12px 35px #536c940a!important;top:105px!important}
.side-title{padding:12px 12px 12px!important;color:#96a5bd!important;font-size:10px!important}.side-title.second{margin-top:15px!important;padding-top:18px!important}
.nav-item{border-left:0!important;border-radius:12px!important;padding:12px 11px!important;font-size:12px!important;transition:background .16s,border .16s!important}.nav-item.active{border-left:0!important;background:linear-gradient(105deg,#edf3fc,#eef4ff)!important;color:#5371a2!important;box-shadow:inset 0 0 0 1px #d8e4f8!important}.nav-item b{border-radius:7px!important;background:#f6f8fc!important;border-color:#edf1f7!important}
.hero-banner{min-height:188px!important;border-radius:25px!important;padding:34px 35px!important;border-color:#dfe9f8!important;background:linear-gradient(110deg,#ffffff 2%,#f4f7fd 56%,#edf3ff 100%)!important;box-shadow:0 14px 40px #809cc90e!important;margin-bottom:15px!important}
.hero-banner:before{content:'VIP  /  ZEGARZ';display:block;position:absolute;left:35px;top:17px;color:#7591bd;font-weight:800;font-size:10px;letter-spacing:2px}.hero-banner>div{padding-top:14px}.hero-banner:after{content:'✦';font-size:190px!important;letter-spacing:0!important;top:-35px!important;right:50px!important;color:#dee8f9!important;opacity:.75!important;transform:rotate(-14deg)}.hero-banner h2{font-size:clamp(26px,3vw,38px)!important;letter-spacing:-1.4px!important}.hero-banner p{max-width:480px!important;font-size:13px!important}
.stats-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin-bottom:34px!important}.stat-card{position:relative!important;min-height:96px!important;border-radius:17px!important;padding:17px 19px!important;border-color:#e8edf5!important;box-shadow:0 6px 20px #7088af08!important;overflow:hidden!important}.stat-card:after{content:'';position:absolute;right:-19px;top:-26px;width:77px;height:77px;border:14px solid #a0b8de14;border-radius:50%}.stat-card strong{font-size:21px!important;margin-top:9px!important;letter-spacing:-.7px!important}
.section-head{margin:0 0 21px!important;padding-bottom:15px!important;border-bottom-color:#e5eaf1!important}.section-head h3{font-size:25px!important}.section-head:after{content:'KEŞFET  ✦  SANA ÖZEL';color:#98a7bf!important;font-size:10px!important}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:22px!important}.vip-card{position:relative!important;border:1px solid #e5eaf1!important;border-radius:23px!important;padding:9px 9px 16px!important;background:#fff!important;box-shadow:0 8px 28px #617aa10d!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.vip-card:hover{transform:translateY(-4px)!important;border-color:#c3d4ef!important;box-shadow:0 18px 34px #6985b220!important}
.card-img{height:190px!important;margin-bottom:17px!important;border:0!important;border-radius:16px!important;background:linear-gradient(145deg,#f4f7fd,#f0f5fc 70%,#edf5ff)!important}.card-img:after{content:'ZEGARZ  •  VIP';position:absolute;bottom:11px;left:13px;color:#a6b6d1;font-weight:800;font-size:9px;letter-spacing:1.5px}.card-img img{max-height:77%!important;max-width:78%!important;filter:drop-shadow(0 9px 12px #7185a62a)}.preview-glyph{font-size:46px!important}
.card-title{font-size:16px!important;margin:0 12px 7px!important;line-height:1.35!important}.card-desc{margin:0 12px 15px!important;font-size:12px!important;min-height:34px!important;height:auto!important;max-height:48px!important}.purchase-options{padding:0 10px!important;gap:8px!important}.buy-btn,.equip-btn{min-height:42px!important;border-radius:12px!important;padding:11px 13px!important;background:#f8fafd!important;border:1px solid #e7ecf4!important;color:#485872!important;font-size:12px!important;align-items:center!important;transition:background .15s,border-color .15s!important}.buy-btn:hover,.equip-btn:hover{background:#f0f4fc!important;border-color:#c0d3f2!important;color:#44659b!important}.buy-btn.lifetime{background:#fff9ef!important;border-color:#f2e4c8!important}.price{color:#5677ac!important}.market-preview-btn,.entry-preview-btn{border-radius:11px!important;border-color:#d0dcf0!important}
.owned-badge{margin-left:12px!important}.modal-box{border-radius:23px!important;border-color:#d9e4f5!important;box-shadow:0 30px 70px #101a2936!important}
@media(max-width:1100px){.market-body{grid-template-columns:185px minmax(0,1fr)!important;gap:18px!important}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}
@media(max-width:760px){.market-body{grid-template-columns:1fr!important;padding:14px!important;gap:16px!important}.sidebar-left{position:static!important;display:flex!important;overflow-x:auto!important;border-radius:15px!important;padding:10px!important;gap:6px!important}.nav-item{min-width:max-content!important;width:auto!important;margin:0!important}.side-title{display:none!important}.hero-banner{min-height:170px!important;padding:29px 20px!important}.hero-banner:before{left:20px!important;top:14px!important}.hero-banner:after{right:10px!important;font-size:115px!important;top:8px!important}.stats-row{gap:9px!important;margin-bottom:25px!important}.stat-card{padding:13px!important;min-height:79px!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:12px!important}.topbar{padding:12px!important}.brand-block{min-width:0!important}.section-head:after{display:none!important}}
@media(max-width:470px){.product-grid{grid-template-columns:1fr!important}.card-img{height:180px!important}.topbar-actions{flex-wrap:wrap!important}.hero-banner h2{font-size:26px!important}}

/* ZEGARZ VIP MARKET V20 — noticeably different storefront silhouette */
:root{--bg:#f3f6fc;--panel:#fff;--panel2:#f8fafe;--text:#242e3e;--muted:#7588a8;--blue:#5b89d2;--purple:#729bdd;--line:#e4ecfa}
html,body,.market-app{background:#f3f6fc!important;color:#242e3e!important}
.topbar{position:relative!important;top:auto!important;min-height:104px!important;background:linear-gradient(115deg,#fff 0%,#f6f9fd 75%,#edf3fc 100%)!important;border-bottom:2px solid #e5edfb!important;padding:20px 32px!important;box-shadow:0 6px 30px #7088ae0f!important}
.brand-logo{width:56px!important;height:56px!important;border-radius:17px!important;background:linear-gradient(135deg,#5581c9,#81a9ea)!important;box-shadow:0 10px 24px #658ed13a!important;color:#fff!important;font-size:19px!important;transform:rotate(-6deg)}
.brand-text h1{font-size:21px!important;color:#2b4570!important}.brand-text:after{content:'DİJİTAL VIP KOLEKSİYON'!important;color:#84a0cc!important}
.market-body{max-width:1700px!important;padding:28px 28px 70px!important;grid-template-columns:242px minmax(0,1fr)!important;gap:25px!important}
.sidebar-left{position:sticky!important;top:18px!important;padding:18px 12px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e3ebf9!important;box-shadow:0 15px 35px #607aa313!important}
.side-title{padding:13px 15px!important;color:#869abb!important;font-size:11px!important;letter-spacing:1.5px!important}
.nav-item{margin:3px 0!important;padding:14px 16px!important;border:1px solid transparent!important;border-radius:14px!important;transition:all .15s!important;font-weight:700!important}
.nav-item:hover{background:#f5f8fd!important;border-color:#e7effb!important}.nav-item.active{background:linear-gradient(120deg,#5e8bd4,#7ba5e8)!important;border-color:#6693db!important;color:#fff!important;box-shadow:0 8px 18px #789dd841!important}.nav-item.active b{background:#ffffff29!important;color:#fff!important;border-color:#ffffff33!important}
.main-content{min-width:0!important}
.hero-banner{min-height:235px!important;padding:40px 45px!important;border:0!important;border-radius:28px!important;background:linear-gradient(115deg,#4972b4 0%,#6791d4 49%,#a4c2f1 100%)!important;box-shadow:0 16px 38px #7094cd38!important;overflow:hidden!important;margin-bottom:23px!important}
.hero-banner:before{content:'✦  ZEGARZ PREMIUM  •  VIP MARKET'!important;color:#e8effb!important;top:28px!important;left:45px!important;font-size:11px!important;letter-spacing:2.2px!important}.hero-banner>div{padding-top:30px!important;position:relative!important;z-index:2!important}.hero-banner h2{font-size:clamp(29px,3.6vw,49px)!important;color:#fff!important;letter-spacing:-1.8px!important}.hero-banner p{color:#ecf2fc!important;font-size:14px!important;max-width:470px!important;line-height:1.7!important}.hero-banner:after{content:'VIP'!important;right:35px!important;top:43px!important;font-size:clamp(100px,13vw,215px)!important;font-weight:950!important;letter-spacing:-20px!important;color:#ffffff19!important;transform:rotate(-12deg)!important;opacity:1!important}
.stats-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:34px!important}.stat-card{border-radius:18px!important;border:1px solid #e2eaf8!important;box-shadow:0 10px 25px #617aa10d!important;padding:19px!important;border-top:4px solid #81a5de!important;background:#fff!important}.stat-card strong{color:#3f68a9!important}
.section-head{padding:5px 0 18px!important;border-bottom:2px solid #dfe8f7!important;margin-bottom:22px!important}.section-head h3{font-size:28px!important;color:#29436e!important}.section-head:after{content:'VIP ÜRÜNLERİ KEŞFET  ↗'!important;color:#8ba6d2!important}
.product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:20px!important}
.vip-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0 0 16px!important;border-radius:19px!important;border:1px solid #dee7f5!important;background:#fff!important;box-shadow:0 10px 26px #647ba018!important;transition:transform .2s,box-shadow .2s!important}
.vip-card:hover{transform:translateY(-7px)!important;box-shadow:0 20px 40px #6088c82a!important;border-color:#a5bee7!important}
.card-img{width:100%!important;height:205px!important;margin:0 0 17px!important;border-radius:0!important;border:0!important;background:radial-gradient(circle at 50% 40%,#fff 0%,#ecf2fc 55%,#d7e4f8 100%)!important;position:relative!important;overflow:hidden!important}
.card-img:before{content:'VIP';position:absolute;right:14px;top:13px;color:#fff;background:#628cd0;padding:6px 11px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:1.5px;z-index:1}.card-img:after{content:'ZEGARZ  •  EXCLUSIVE'!important;bottom:13px!important;left:16px!important;color:#83a1d1!important}
.card-title{margin:0 18px 9px!important;font-size:18px!important;font-weight:850!important;color:#2b446b!important}.card-desc{margin:0 18px 17px!important;color:#7588a8!important;line-height:1.5!important;font-size:12px!important}.purchase-options{padding:0 15px!important;margin-top:auto!important;gap:8px!important}.buy-btn,.equip-btn{min-height:45px!important;background:#f3f7fd!important;border:1px solid #d7e4f8!important;color:#4d7ac3!important;border-radius:10px!important;font-weight:800!important}.buy-btn:hover,.equip-btn:hover{background:#e7effb!important}.buy-btn.lifetime{background:#fff6e8!important;border-color:#edd9b3!important;color:#997032!important}.price{color:#547fc5!important}.owned-badge{margin:0 18px 12px!important}.entry-preview-btn,.market-preview-btn{width:calc(100% - 36px)!important;margin:0 18px 12px!important;border-radius:10px!important;background:#fff!important;color:#5b86ca!important;border:1px solid #d0ddf3!important}
.search-box input{border-radius:12px!important;background:#fff!important;border:1px solid #dbe5f5!important}.balance-box{background:#ebf2fc!important;border-color:#d7e3f6!important}.btn-top.primary{background:linear-gradient(120deg,#5582cb,#76a0e3)!important;color:#fff!important;border:0!important;border-radius:12px!important}.btn-top{border-radius:12px!important}
@media(max-width:1120px){.market-body{grid-template-columns:205px minmax(0,1fr)!important;padding:18px!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important}.hero-banner{padding:30px!important}.hero-banner:before{left:30px!important}}
@media(max-width:780px){.market-body{display:block!important;padding:13px!important}.sidebar-left{position:relative!important;top:auto!important;display:flex!important;gap:5px!important;overflow-x:auto!important;margin-bottom:17px!important;padding:10px!important}.sidebar-left .side-title{display:none!important}.nav-item{white-space:nowrap!important;min-width:max-content!important}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-banner{min-height:205px!important;padding:26px!important}.hero-banner:before{left:26px!important;top:17px!important}.hero-banner h2{font-size:30px!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.topbar{padding:14px!important}}
@media(max-width:490px){.product-grid{grid-template-columns:1fr!important}.hero-banner:after{font-size:110px!important;right:17px!important;top:70px!important}.hero-banner p{font-size:12px!important}.card-img{height:195px!important}}

/* V21 — redesigned collection sidebar; preserves existing filtering hooks */
.market-body{grid-template-columns:270px minmax(0,1fr)!important;gap:29px!important}
.sidebar-left{padding:0 13px 16px!important;border:1px solid #dde8f9!important;border-radius:25px!important;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;box-shadow:0 20px 42px #5174ad13!important;overflow:hidden!important}
.side-brand{display:flex;align-items:center;gap:11px;padding:22px 13px 19px;margin:0 -13px 12px;background:linear-gradient(115deg,#ebf2fc,#f9fbfe);border-bottom:1px solid #e0eafa}
.side-brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#5785cf,#91b3ea);color:#fff;font-size:24px;box-shadow:0 7px 15px #668bc643}
.side-brand strong{font-size:12px;letter-spacing:1.6px;color:#4769a0;display:block}.side-brand small{display:block;margin-top:4px;color:#8a9ab5;font-size:10px}
.side-group-label{display:flex;justify-content:space-between;align-items:center;padding:17px 12px 8px;color:#a1b0c8;font-size:10px;font-weight:850;letter-spacing:1.45px}
.side-group-label span{font-size:10px;color:#b8c5d9;letter-spacing:0}
.sidebar-left .nav-item{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:11px!important;min-height:49px!important;padding:10px 10px!important;margin:3px 0!important;background:transparent!important;border:1px solid transparent!important;border-radius:13px!important;font-size:12px!important;font-weight:750!important;color:#5e7497!important;box-shadow:none!important;transform:none!important}
.sidebar-left .nav-item>span{flex:1;min-width:0}
.sidebar-left .nav-item:before{content:'◈';display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#edf2fb;color:#7b9dd3;font-size:15px;transition:background .2s,color .2s}
.sidebar-left .nav-item[data-cat="all"]:before{content:'✦'}.sidebar-left .nav-item[data-cat="macro"]:before{content:'⚡'}.sidebar-left .nav-item[data-cat="unlimited_gold"]:before{content:'∞';font-size:22px}.sidebar-left .nav-item[data-cat="color"]:before{content:'◉'}.sidebar-left .nav-item[data-cat="chat_color"]:before{content:'◈'}.sidebar-left .nav-item[data-cat="chat_font"]:before{content:'Aa';font-size:11px;font-weight:950}.sidebar-left .nav-item[data-cat="leaderboard_color"]:before{content:'★'}.sidebar-left .nav-item[data-cat="leaderboard_font"]:before{content:'T';font-weight:950}.sidebar-left .nav-item[data-cat="entry_effect"]:before{content:'✧';font-size:23px}.sidebar-left .nav-item[data-cat="inventory"]:before{content:'▣'}
.sidebar-left .nav-item b{flex:none;margin-left:auto;background:#edf2fa!important;border:0!important;border-radius:7px!important;padding:5px 7px!important;font-size:10px!important;color:#95acd1!important;line-height:1!important}
.sidebar-left .nav-item:hover{background:#f4f7fd!important;border-color:#dfe9fa!important;color:#416db4!important}
.sidebar-left .nav-item.active{background:linear-gradient(110deg,#5885cd,#78a2e6)!important;color:#fff!important;border-color:#7099dc!important;box-shadow:0 8px 18px #658bc744!important}
.sidebar-left .nav-item.active:before{background:#ffffff2b!important;color:white!important}.sidebar-left .nav-item.active b{background:#ffffff30!important;color:#fff!important}
.side-divider{margin:15px 8px 10px;height:1px;background:linear-gradient(90deg,transparent,#d3e0f6,transparent)}
.sidebar-left .nav-inventory{background:#f1f6fd!important;color:#4c77bb!important;border-color:#dfe9fa!important}
.side-footnote{text-align:center;margin:16px 0 0;font-size:10px;letter-spacing:2px;color:#afbed6;font-weight:800}.side-footnote span{color:#779edc}
@media(max-width:1120px) and (min-width:781px){.market-body{grid-template-columns:236px minmax(0,1fr)!important;gap:16px!important}.sidebar-left .nav-item{gap:7px!important;font-size:11px!important}}
@media(max-width:780px){.market-body{display:block!important}.sidebar-left{position:relative!important;top:auto!important;display:flex!important;align-items:center!important;overflow-x:auto!important;gap:7px!important;padding:10px!important;border-radius:18px!important;margin-bottom:17px!important}.side-brand,.side-group-label,.side-divider,.side-footnote{display:none!important}.sidebar-left .nav-item{margin:0!important;min-height:42px!important;white-space:nowrap!important;width:auto!important;min-width:max-content!important;padding:7px 10px!important;gap:7px!important}.sidebar-left .nav-item>span{flex:none!important}.sidebar-left .nav-item:before{width:26px;height:26px;flex-basis:26px}.sidebar-left .nav-item b{margin-left:2px!important}}

/* V22: ESC index blue #2563eb: force final palette where legacy declarations compete */
:root{--blue:#2563eb;--purple:#2563eb;}
.sidebar-left .nav-item.active{background:linear-gradient(115deg,#2563eb,#3b82f6)!important;border-color:#2563eb!important;box-shadow:0 8px 18px #2563eb32!important}
.side-brand-icon{background:linear-gradient(140deg,#2563eb,#60a5fa)!important}
.hero-banner{background:linear-gradient(115deg,#1748ae 0%,#2563eb 54%,#60a5fa 100%)!important;box-shadow:0 16px 38px #2563eb25!important}
.btn-top.primary{background:linear-gradient(115deg,#2563eb,#3b82f6)!important}
.sidebar-left .nav-item:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}
.sidebar-left .nav-inventory{background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbeafe!important}
.side-group-label{color:#5176b3!important}

/* V23 — compact icon-based VIP product cards; ESC blue palette */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:15px!important}
.vip-card{padding:15px 0 16px!important;border-radius:18px!important;box-shadow:0 7px 22px #1e40af0c!important}
.vip-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 28px #2563eb17!important}
.vip-card .card-img{height:116px!important;width:calc(100% - 30px)!important;margin:0 15px 15px!important;border-radius:14px!important;background:linear-gradient(125deg,#eff6ff,#f7fbff)!important;border:1px solid #dbeafe!important;box-shadow:none!important;overflow:hidden!important}
.vip-card .card-img:before,.vip-card .card-img:after{content:none!important;display:none!important}
.vip-icon-display{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;color:#2563eb}
.vip-icon-display:before{content:'';position:absolute;width:82px;height:82px;border-radius:50%;background:#2563eb0d;inset:auto;pointer-events:none}
.vip-product-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#fff;border:1px solid #bfdbfe;box-shadow:0 5px 15px #2563eb19;color:#2563eb;font-size:30px;font-weight:900;line-height:1;z-index:1;font-family:Inter,Segoe UI,Arial,sans-serif}
.vip-icon-label{font-size:9px;letter-spacing:1.15px;color:#6488c5;font-weight:900;z-index:1}
.vip-icon-font .vip-product-icon{font-size:24px;letter-spacing:-2px}
.vip-icon-gold .vip-product-icon{font-size:40px}
.vip-icon-rank .vip-product-icon{font-size:35px}
.vip-card .card-title{margin:0 17px 7px!important;font-size:16px!important}
.vip-card .card-desc{margin:0 17px 13px!important;min-height:33px!important}
.vip-card .purchase-options{padding:0 15px!important}
@media(max-width:780px){.vip-card .card-img{height:108px!important}}
@media(max-width:490px){.product-grid{grid-template-columns:1fr!important}.vip-card .card-img{height:110px!important}}

/* V24: Font ürünleri için gerçek fontla yazılmış örnek başlık. */
.vip-font-display{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:16px 14px;box-sizing:border-box;background:radial-gradient(ellipse at center,#eff6ff 0%,#f7faff 74%)}
.vip-font-sample{font-size:clamp(15px,1.7vw,25px);line-height:1.5;max-width:100%;text-align:center;overflow-wrap:anywhere;color:#1d4ed8;display:block;font-weight:400;letter-spacing:normal;text-transform:none;text-shadow:none}
.vip-font-caption{font:800 10px/1.2 Inter,Segoe UI,Arial,sans-serif;letter-spacing:2px;color:#8ba5ce}
@media(max-width:760px){.vip-font-display{padding:7px 6px;gap:6px}.vip-font-sample{font-size:clamp(13px,3.1vw,18px)}.vip-font-caption{font-size:8px}}

/* V25: Her font ürünü kendi fontuyla gösterilir. */
.vip-card .vip-font-sample.vip-font-pacifico{font-family:"Pacifico" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-orbitron{font-family:"Orbitron" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-lobster{font-family:"Lobster" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-bangers{font-family:"Bangers" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-cinzel{font-family:"Cinzel" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-russo{font-family:"Russo One" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-marker{font-family:"Permanent Marker" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-vt323{font-family:"VT323" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-comfortaa{font-family:"Comfortaa" !important;font-synthesis:none!important}
.vip-card .vip-font-sample.vip-font-pressstart{font-family:"Press Start 2P" !important;font-synthesis:none!important}

.vip-card .vip-font-sample{font-style:normal!important;white-space:normal!important;display:block!important;max-width:100%!important;overflow:visible!important}

/* V26 — Real color samples in all color product cards */
.vip-color-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;width:100%;color:#1e40af}
.vip-color-display::before{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#eff6ff;z-index:0}
.vip-color-swatch{position:relative;z-index:1;display:block;width:66px;height:66px;border-radius:22px;border:4px solid #fff;box-shadow:0 0 0 1px #bfdbfe,0 7px 19px rgba(37,99,235,.18),inset 0 1px 2px rgba(255,255,255,.25)}
.vip-color-light{box-shadow:0 0 0 1px #94a3b8,0 7px 19px rgba(37,99,235,.18)}
.vip-color-title{z-index:1;font-weight:850;font-size:11px;letter-spacing:.1px;color:#1d4ed8}
.vip-color-hex{z-index:1;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;color:#64748b}

/* V27: entry effect live preview controls */
.vip-card .entry-preview-btn{display:flex;align-items:center;justify-content:center;gap:9px;margin:2px 0 12px;width:100%;padding:12px;border:1px solid #93c5fd;background:linear-gradient(120deg,#dbeafe,#eff6ff);color:#1d4ed8;border-radius:12px;cursor:pointer;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s}
.vip-card .entry-preview-btn:hover{transform:translateY(-1px);background:#bfdbfe;box-shadow:0 5px 18px #2563eb22}
#entryPreviewModal .entry-preview-box{background:#0c172d;border:1px solid #3b82f6;box-shadow:0 18px 70px #0008}


/* V28 — lightning entry effect typography */
.entry-preview-head h3{font-weight:900;letter-spacing:.3px}
.vip-card .entry-preview-btn{position:relative;overflow:hidden}
.vip-card .entry-preview-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0) 36%,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 72%);transform:translateX(-100%);transition:transform .45s ease}
.vip-card .entry-preview-btn:hover::before{transform:translateX(100%)}
#entryPreviewCanvas{background:radial-gradient(circle at 50% 28%,#12203f 0,#0b1220 54%,#09101b 100%)!important}