/* Product listing only. Original navbar, hero, wording and purchase behavior stay in place. */ #main-content.pl-catalog-v4 .category-section{--pl-card:#192035;--pl-line:#ffffff17;--pl-muted:#a5adc5;--pl-accent:#b9afff;max-width:1260px!important;margin:30px auto!important;padding:27px 28px 30px!important;background:linear-gradient(145deg,#161b2bea,#191d32ed)!important;border:1px solid #c4b6ff16!important;border-radius:24px!important;box-shadow:0 12px 35px #080b171c!important;isolation:isolate} #main-content.pl-catalog-v4 .category-section::before,#main-content.pl-catalog-v4 .category-section::after{display:none!important} #main-content.pl-catalog-v4 .category-section .sm-cathead{display:flex!important;align-items:center!important;gap:24px!important;margin:0 0 23px!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important} #main-content.pl-catalog-v4 .category-section .category-toggle-bar{flex:1!important;min-width:0!important;gap:14px!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important;transform:none!important} #main-content.pl-catalog-v4 .category-section .category-toggle-bar::before,#main-content.pl-catalog-v4 .category-section .category-toggle-bar::after{display:none!important} #main-content.pl-catalog-v4 .category-section .category-bar-content{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 18px!important;padding:0!important;text-align:left!important} #main-content.pl-catalog-v4 .category-section .category-main-title{color:#f0edf9!important;-webkit-text-fill-color:#f0edf9!important;background:none!important;text-shadow:none!important;font:650 23px/1.35 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:-.55px!important} #main-content.pl-catalog-v4 .category-section .category-subtitle-text{color:#a7adc6!important;-webkit-text-fill-color:#a7adc6!important;background:none!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;margin:0!important;letter-spacing:0!important} #main-content.pl-catalog-v4 .category-section .category-chevron{width:16px!important;height:16px!important;flex:none!important;opacity:.6!important;color:#bac1d8!important} #main-content.pl-catalog-v4 .category-section .sm-secfind{display:flex!important;align-items:center!important;flex:0 0 220px!important;width:220px!important;max-width:100%!important;height:42px!important;background:#0c122080!important;border:1px solid #a3a6d22b!important;border-radius:11px!important;padding:0 12px!important;gap:9px!important;box-shadow:inset 0 1px 2px #0002!important;transition:border-color .18s!important} #main-content.pl-catalog-v4 .category-section .sm-secfind:focus-within{border-color:#b5a5fa!important;box-shadow:0 0 0 3px #b5a5fa15!important} #main-content.pl-catalog-v4 .category-section .sm-secfind__in{width:100%!important;min-width:0!important;color:#edf0fa!important;background:none!important;font:400 12px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important} #main-content.pl-catalog-v4 .category-section .sm-secfind__in::placeholder{color:#8d97b2!important} @font-face{font-family:catalog-fallback;src:local("Arial")} #main-content.pl-catalog-v4{--cat-surface:#151c2b;--cat-accent:#91d8ea;--cat-line:#b3d6ff20} #main-content.pl-catalog-v4 section.category-section{max-width:1240px!important;width:calc(100% - 64px)!important;margin:58px auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important} #main-content.pl-catalog-v4 section.category-section .category-main-title{font-size:27px!important;font-weight:700!important;letter-spacing:-.6px!important} #main-content.pl-catalog-v4 section.category-section .category-main-title::before,#main-content.pl-catalog-v4 section.category-section .category-main-title::after{display:none!important} #main-content.pl-catalog-v4 section.category-section .sm-cathead{margin-bottom:23px!important} #main-content.pl-catalog-v4 section.category-section .category-subtitle-text{font-size:12px!important;line-height:1.5!important;max-width:500px!important} #main-content.pl-catalog-v4 section.category-section .row.products:not(.sec-source){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;margin:0!important;align-items:stretch!important} #main-content.pl-catalog-v4 section.category-section .row.products:not(.sec-source)>.product-card-item{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;flex:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard{height:100%!important;display:block!important;min-width:0!important;border:1px solid #c5d9ff20!important;border-radius:22px!important;background:linear-gradient(145deg,#20283bb0,#121a2a99)!important;box-shadow:inset 0 1px 0 #e5efff15,0 4px 0 #080d1877,0 18px 32px -20px #000c!important;overflow:hidden!important;text-decoration:none!important;transition:transform .22s,box-shadow .22s,border-color .22s!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard::before,#main-content.pl-catalog-v4 section.category-section .sm-pcard::after{display:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{transform:translateY(-5px)!important;border-color:#adddff65!important;box-shadow:inset 0 1px 0 #e5efff25,0 4px 0 #080d1888,0 22px 38px -18px #000d!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:focus-visible{outline:3px solid #8ee3ed!important;outline-offset:4px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important;padding:18px 15px 20px!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background:radial-gradient(ellipse at 50% 10%,#9cafff10,transparent 68%)!important;overflow:hidden!important;gap:0!important;border-radius:0!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img,#main-content.pl-catalog-v4 section.category-section .sm-pcard__placeholder{position:relative!important;inset:auto!important;width:100%!important;height:116px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;padding:8px 18px!important;margin:0 auto 15px!important;display:block!important;order:0!important;flex:none!important;border:0!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 10px 9px #0005)!important;transform:translateZ(0)!important;animation:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img.sm-cine-b{display:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__cap{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;order:1!important;width:100%!important;flex:1 0 auto!important;min-height:0!important;padding:0!important;margin:0!important;opacity:1!important;background:none!important;text-shadow:none!important;pointer-events:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0!important;font:650 14px/1.45 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#edf2ff!important;-webkit-text-fill-color:currentColor!important;letter-spacing:-.1px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important;text-shadow:none!important;transform:none!important;opacity:1!important;background:none!important;-webkit-line-clamp:unset!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{position:static!important;inset:auto!important;display:flex!important;align-items:baseline!important;justify-content:center!important;gap:6px!important;min-height:28px!important;margin:auto 0 0!important;padding:0!important;width:100%!important;flex-wrap:wrap!important;order:2!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;line-height:1.2!important;text-shadow:none!important;font-variant-numeric:tabular-nums!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-from{font:400 10px/1.4 Inter,system-ui!important;color:#a1afc6!important;opacity:1!important;text-transform:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{font:750 21px/1.25 Inter,system-ui!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:-.6px!important;background:none!important;text-shadow:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__hover,#main-content.pl-catalog-v4 section.category-section .sm-pcard__shine{display:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__badges{top:10px!important;left:10px!important;right:10px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__badge{font-size:9px!important;padding:4px 7px!important;border-radius:7px!important;box-shadow:none!important;max-width:100%!important;white-space:normal!important} #main-content.pl-catalog-v4 section.category-section .sm-secfind-bos{padding:24px!important;color:#afbbd0!important} #main-content.pl-catalog-v4 section.category-section .sec-showall-btn{border:1px solid #afc9f530!important;border-radius:12px!important;background:#8bacf20b!important;color:#e1eafa!important;padding:10px 20px!important} #main-content.pl-catalog-v4 section.category-section .sm-autodel-rozet{background:#8dd1b311!important;border:1px solid #8dd1b32c!important;color:#a5dcca!important;box-shadow:none!important;font-size:10px!important} #main-content .cat-jumpnav{display:flex;gap:7px;max-width:1240px;width:calc(100% - 64px);margin:28px auto 42px;padding:6px 0;overflow:auto;scrollbar-width:none} #main-content .cat-jumpnav a{flex:none;padding:10px 17px;border:1px solid #bacdf520;border-radius:30px;color:#aebbd2;font:550 12px/1.4 system-ui;text-decoration:none;background:#91adf006;transition:background .2s} #main-content .cat-jumpnav a:hover,#main-content .cat-jumpnav a[aria-current=true]{color:#edf8ff;background:#7cbfd518;border-color:#9cd9ef45} #main-content .gaming-family{max-width:1240px;width:calc(100% - 64px);margin:64px auto;padding:32px;border:1px solid #99cdea25;border-radius:32px;background:radial-gradient(ellipse at 0 0,#41798724,transparent 54%),radial-gradient(ellipse at 100% 100%,#64519c14,transparent 48%),linear-gradient(135deg,#141e2bd9,#101726c2);box-shadow:inset 0 1px 0 #d9f5ff12,0 25px 60px -40px #000c} #main-content .gaming-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:25px;border-bottom:1px solid #badff31b} #main-content .catalog-eyebrow{display:block;color:#98bccc;font:650 10px/1.6 system-ui;letter-spacing:2.4px;margin-bottom:7px} #main-content .gaming-heading h2{font:750 42px/1.1 Inter,system-ui;letter-spacing:-1.8px;color:#f3f7ff;margin:0} #main-content .gaming-heading h2 span{color:#83dce4} #main-content .gaming-symbol{width:70px;height:64px;display:grid;place-items:center;color:#a3ebef;border:1px solid #b5edff28;border-radius:20px;transform:rotate(-9deg);background:linear-gradient(135deg,#416c7d70,#1a2c4860);box-shadow:0 5px 0 #080f2070,0 16px 20px -12px #000b,inset 0 1px 0 #f0ffff24} #main-content .gaming-symbol svg{width:39px;height:39px} #main-content.pl-catalog-v4 .gaming-family section.category-section{width:100%!important;margin:0!important;padding:0!important;background:none!important;border:0!important} #main-content.pl-catalog-v4 .gaming-family section.category-section+section.category-section{margin-top:32px!important;padding-top:27px!important;border-top:1px solid #b8d8ed1b!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-main-title{font-size:20px!important;color:#c8e6ef!important;-webkit-text-fill-color:#c8e6ef!important;letter-spacing:-.3px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-bar-content{gap:6px 16px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:16px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__media{padding:15px 16px 18px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__img{height:96px!important;padding:7px 22px!important;margin-bottom:11px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard{border-radius:19px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__media{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:24px!important;padding:26px!important;min-height:174px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{width:112px!important;height:108px!important;margin:0!important;padding:0!important;border-radius:14px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__cap{height:100%!important;justify-content:center!important;gap:12px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{font-size:17px!important;min-height:48px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__price{margin:0!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .row.products:not(.sec-source){grid-template-columns:repeat(3,minmax(0,1fr))!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__media{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:13px!important;padding:22px!important;min-height:140px!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img{height:74px!important;padding:0!important;margin:0!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__title{font-size:21px!important;font-weight:800!important;letter-spacing:-.5px!important;text-transform:uppercase!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__cap{justify-content:center!important;height:100%!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__price{margin:0!important} @media(max-width:1050px){#main-content.pl-catalog-v4 section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(4,minmax(0,1fr))!important}#main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(0,1fr))!important}#main-content.pl-catalog-v4 #cat-section-products-1745286180925 .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){#main-content.pl-catalog-v4 section.category-section,#main-content .gaming-family,#main-content .cat-jumpnav{width:calc(100% - 32px)!important}#main-content.pl-catalog-v4 section.category-section{margin:36px auto!important}#main-content.pl-catalog-v4 section.category-section .sm-cathead{flex-wrap:wrap!important;gap:13px!important;margin-bottom:18px!important}#main-content.pl-catalog-v4 section.category-section .category-toggle-bar{flex-basis:100%!important}#main-content.pl-catalog-v4 section.category-section .category-main-title{font-size:23px!important}#main-content.pl-catalog-v4 section.category-section .sm-secfind{width:100%!important;flex-basis:100%!important;height:38px!important}#main-content.pl-catalog-v4 section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard{border-radius:17px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__media{padding:14px 10px 16px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__img{height:92px!important;padding:7px!important;margin-bottom:9px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__title{font-size:13px!important;min-height:40px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{font-size:19px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__cap{gap:10px!important}#main-content .gaming-family{padding:20px 14px;margin:40px auto;border-radius:24px}#main-content .gaming-heading{margin-bottom:22px;padding-bottom:20px}#main-content .gaming-heading h2{font-size:35px}#main-content .gaming-symbol{width:58px;height:54px}#main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__media{padding:12px 9px 15px!important}#main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__img{height:80px!important;padding:4px!important}#main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){gap:11px!important}#main-content.pl-catalog-v4 #cat-section-products-1766349090202 .row.products:not(.sec-source){grid-template-columns:1fr!important}#main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__media{grid-template-columns:82px minmax(0,1fr)!important;min-height:134px!important;padding:20px!important;gap:16px!important}#main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{width:82px!important;height:82px!important}#main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{font-size:15px!important;min-height:42px!important}#main-content.pl-catalog-v4 #cat-section-products-1745286180925 .row.products:not(.sec-source){grid-template-columns:1fr!important}#main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__media{min-height:120px!important}} @media(prefers-reduced-motion:reduce){#main-content.pl-catalog-v4 section.category-section *,#main-content.pl-catalog-v4 section.category-section *::before,#main-content.pl-catalog-v4 section.category-section *::after{transition:none!important;animation:none!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{transform:none!important}} #main-content.pl-catalog-v4 section.category-section .sm-pcard__cap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(44px,1fr) 28px!important;justify-content:stretch!important;align-items:center!important;flex:1 1 auto!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{flex-wrap:nowrap!important;white-space:nowrap!important;align-self:end!important;margin:0!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__cap:not(:has(.sm-pcard__price)){grid-template-rows:1fr!important} @media(max-width:360px){#main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{font-size:17px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__price-from{font-size:9px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__price{gap:4px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard__title{font-size:12px!important}} /* V7: floating artwork, compact games and discreet price captions. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:16px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{background:#c9e5ff04!important;box-shadow:none!important;border-color:#cde5ff0e!important;transform:translateY(-3px)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{background:transparent!important;padding:8px 8px 12px!important;gap:0!important;overflow:visible!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{height:140px!important;padding:0!important;margin:0 auto 10px!important;filter:drop-shadow(0 8px 9px #0004)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{min-height:38px!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__cap{grid-template-rows:minmax(38px,1fr) 18px!important;gap:4px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{min-height:18px!important;gap:4px!important;align-items:baseline!important;justify-content:center!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{font-size:13px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;color:#b6c0d0!important;-webkit-text-fill-color:#b6c0d0!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-from{font-size:9px!important;font-weight:400!important;color:#8291a7!important;letter-spacing:0!important} #main-content .gaming-family{background:linear-gradient(120deg,#9bdde803,#aca1ff02)!important;border-color:#afdaec10!important;box-shadow:none!important;padding:24px!important} #main-content .gaming-heading{margin-bottom:20px!important;padding-bottom:18px!important} #main-content .gaming-heading h2{font-size:34px!important} #main-content .gaming-symbol{width:54px!important;height:48px!important;border-radius:15px!important} #main-content .gaming-symbol svg{width:30px!important;height:30px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(auto-fit,minmax(140px,180px))!important;justify-content:center!important;gap:12px 24px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__media{padding:2px 7px 6px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__img{height:100px!important;margin-bottom:5px!important;padding:0!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__cap{grid-template-rows:minmax(36px,1fr) 18px!important;gap:3px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__title{min-height:36px!important;font-size:12px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead{margin-bottom:12px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section+section.category-section{margin-top:20px!important;padding-top:22px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__media{grid-template-columns:120px minmax(0,1fr)!important;padding:12px 18px!important;min-height:144px!important;gap:22px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{width:120px!important;height:116px!important;margin:0!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{font-size:15px!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__media{grid-template-columns:90px minmax(0,1fr)!important;min-height:116px!important;padding:10px 16px!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img{width:90px!important;height:90px!important;margin:0!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__title{font-size:20px!important;font-weight:800!important} @media(max-width:700px){ #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{height:116px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{padding:6px 4px 10px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{font-size:12px!important} #main-content .gaming-family{padding:17px 10px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__img{height:88px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__media{padding:0 3px 5px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__media{grid-template-columns:96px minmax(0,1fr)!important;gap:15px!important;min-height:124px!important;padding:9px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{width:96px!important;height:104px!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{font-size:13px!important} } @media(min-width:701px) and (max-width:1050px){#main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){grid-template-columns:repeat(2,minmax(140px,180px))!important}} /* V8 Premium TV: no frame, image-only drift and overlapping crossfade layers. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine), #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine):hover{border:0!important;outline-offset:4px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;transform:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media{position:relative!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 8px 12px!important;overflow:visible!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:140px!important;margin:0 auto 10px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;filter:none!important;box-shadow:none!important;transition:opacity .22s linear!important;animation:none!important;transform:none!important;pointer-events:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine.sm-cine-drift{animation:smTvFloatV8 9s ease-in-out infinite!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{position:absolute!important;top:8px!important;left:8px!important;width:calc(100% - 16px)!important;margin:0!important;inset-inline-end:auto!important;bottom:auto!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-cine-yazi{background:none!important;text-shadow:none!important;padding:0 8px!important;top:8px!important} @keyframes smTvFloatV8{0%,100%{translate:-2% 0}50%{translate:2% 0}} @media(max-width:700px){#main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media{padding:6px 4px 10px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine{height:116px!important}#main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{top:6px!important;left:4px!important;width:calc(100% - 8px)!important}} @media(prefers-reduced-motion:reduce){#main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine.sm-cine-drift{animation:none!important;transition:none!important;translate:none!important}} /* ═══════════════════ V9 — KART CİLASI (22 Eyl 2026) ═══════════════════════ V7 katmanı kartların zeminini, çerçevesini ve gölgesini tamamen silmişti: ızgara "logo duvarı" gibi duruyor, kartların tıklanabilir olduğu anlaşılmıyordu. Ayrıca ürün adı fiyattan küçüktü ve afiş kullanan ürün (Premium TV) boş siyah kutu gibi görünüyordu. Bu katman sakin görünümü korur, sadece zanaatı düzeltir. Ölçüler ekranda ölçülerek ayarlandı — rastgele değiştirme. ═══════════════════════════════════════════════════════════════════════ */ #main-content.pl-catalog-v4 section.category-section .sm-pcard{ background:linear-gradient(162deg,#ffffff0a,#ffffff03 62%,#ffffff00)!important; border:1px solid #ffffff10!important; border-radius:18px!important; box-shadow:0 1px 0 #ffffff0a inset,0 14px 26px -22px #000c!important; transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s,background .2s,box-shadow .2s!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{ transform:translateY(-4px)!important; background:linear-gradient(162deg,#ffffff12,#ffffff05 62%,#ffffff00)!important; border-color:#b9d9ff2e!important; box-shadow:0 1px 0 #ffffff14 inset,0 22px 34px -20px #000e!important} /* Logo hafifçe büyür — kart canlı, ama gürültü yok. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{ transition:transform .25s cubic-bezier(.2,.7,.3,1),filter .25s!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ transform:scale(1.045)!important;filter:drop-shadow(0 12px 14px #0006)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{padding:14px 12px 14px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{height:118px!important;margin:0 auto 12px!important} /* ---- yazı hiyerarşisi: önce AD, sonra fiyat ---- */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{ font-size:13.5px!important;font-weight:650!important;line-height:1.38!important; min-height:37px!important;color:#eef2fb!important;letter-spacing:-.15px!important; display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important; overflow:hidden!important;align-items:flex-start!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{min-height:20px!important;gap:5px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{ font-size:15px!important;font-weight:700!important;color:#f2f5fb!important; -webkit-text-fill-color:#f2f5fb!important;letter-spacing:-.2px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-from{ font-size:9.5px!important;color:#8d9ab2!important;text-transform:uppercase!important;letter-spacing:.09em!important} /* ---- rozetler: okunur ve kartın içinde ---- */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__badge{ font-size:9.5px!important;font-weight:700!important;letter-spacing:.04em!important; padding:4px 8px!important;border-radius:8px!important; background:#0b1220cc!important;backdrop-filter:blur(6px)!important; border:1px solid #ffffff1f!important;color:#eaf0ff!important} /* ---- afiş kullanan kart (Premium TV): boş kutu değil, dolu bir sahne ---- */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine){ border:1px solid #ffffff10!important;border-radius:18px!important;overflow:hidden!important; background:linear-gradient(162deg,#ffffff0a,#ffffff03 62%,#ffffff00)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine):hover{ transform:translateY(-4px)!important;border-color:#b9d9ff2e!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media{ padding:0 0 14px!important;overflow:hidden!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine{ width:100%!important;height:150px!important;object-fit:cover!important;object-position:center 22%!important; margin:0 0 12px!important;border-radius:0!important; -webkit-mask-image:linear-gradient(#000 62%,#000a 86%,transparent); mask-image:linear-gradient(#000 62%,#000a 86%,transparent)} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ top:0!important;left:0!important;width:100%!important;height:150px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-cine-yazi{ top:auto!important;bottom:calc(100% - 150px + 8px)!important;padding:0 12px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__cap{padding:0 12px!important} /* ---- açık tema ---- */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard{ background:linear-gradient(162deg,#ffffff,#f7f9ff)!important;border-color:#0f172a14!important; box-shadow:0 1px 2px #0f172a0a,0 12px 22px -20px #0f172a40!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{ border-color:#4f46e544!important;box-shadow:0 2px 4px #0f172a0f,0 18px 28px -18px #0f172a55!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{color:#0f172a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{ color:#0f172a!important;-webkit-text-fill-color:#0f172a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-from{color:#64748b!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__badge{ background:#ffffffe8!important;border-color:#0f172a1f!important;color:#0f172a!important} @media(max-width:700px){ #main-content.pl-catalog-v4 section.category-section .sm-pcard{border-radius:15px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{padding:11px 9px 12px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{height:96px!important;margin-bottom:10px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{font-size:12.5px!important;min-height:35px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{font-size:14px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine, #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{height:124px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-cine-yazi{bottom:calc(100% - 124px + 6px)!important} } /* ---- açık tema: LOGO PLAKASI ------------------------------------------- Beyaz kartta beyaz logolar (ChatGPT, Disney+, HBO, Prime) kayboluyordu. Tek tek logo düzeltmek yerine hepsine ortak koyu plaka: marka renkleri her zaman doğru okunur, ızgara da tek dil konuşur. ⚠️ Afiş kullanan kart (Premium TV) hariç — orada görsel zaten kartı dolduruyor. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__media{ padding:12px 12px 14px!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__img{ box-sizing:border-box!important;padding:16px 20px!important;height:118px!important; border-radius:14px!important; background:linear-gradient(160deg,#101827,#1c2740)!important; box-shadow:inset 0 1px 0 #ffffff14,0 6px 14px -10px #0f172a80!important; filter:none!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ filter:none!important} @media(max-width:700px){ html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__img{ height:96px!important;padding:12px 14px!important;border-radius:12px!important} } /* ═══════════ V10 — KARO GEOMETRİSİ (22 Eyl 2026, referans görsel) ═════════ İstenen düzen: görsel DOLU bir karo (yatay, yuvarlak köşeli), ürün adı karonun ALTINDA düz yazı, kartın kendi çerçevesi/zemini yok. Karo = kartın kendisi; logo karonun içinde ortalanır, afişli ürün karoyu tamamen doldurur. V9'un yüzey/çerçeve kuralları burada geri alınıyor. ═══════════════════════════════════════════════════════════════════════ */ #main-content.pl-catalog-v4 section.category-section .sm-pcard{ background:none!important;border:0!important;box-shadow:none!important; border-radius:16px!important;overflow:visible!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover{ background:none!important;border:0!important;box-shadow:none!important; transform:translateY(-4px)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{ padding:0!important;background:none!important;overflow:visible!important} /* KARO: sabit en-boy, görsel içeride ortalı, köşeler yuvarlak. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__img, #main-content.pl-catalog-v4 section.category-section .sm-pcard__placeholder{ box-sizing:border-box!important; width:100%!important;height:auto!important;aspect-ratio:16/11!important; padding:16px 20px!important;margin:0 0 11px!important; object-fit:contain!important;border-radius:16px!important; background:linear-gradient(158deg,#1d2537,#151b29 70%)!important; box-shadow:inset 0 1px 0 #ffffff0f,0 12px 22px -18px #000d!important; filter:none!important;transition:transform .2s,box-shadow .2s,filter .2s!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ transform:none!important;box-shadow:inset 0 1px 0 #ffffff1a,0 18px 28px -16px #000e!important; filter:brightness(1.06)!important} /* Ad ve fiyat karonun ALTINDA, ortalı, kutusuz. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__cap{ padding:0 4px!important;gap:5px!important;grid-template-rows:auto auto!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__title{ min-height:0!important;font-size:13.5px!important;font-weight:600!important; line-height:1.35!important;text-align:center!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{justify-content:center!important} /* Afişli ürün (Premium TV): görsel karoyu TAMAMEN doldurur. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media{padding:0!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine, #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ width:100%!important;height:auto!important;aspect-ratio:16/11!important; padding:0!important;margin:0 0 11px!important;object-fit:cover!important;object-position:center 26%!important; border-radius:16px!important;background:#0e1420!important; -webkit-mask-image:none!important;mask-image:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ position:absolute!important;top:0!important;left:0!important;margin:0!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-cine-yazi{ top:auto!important;bottom:auto!important;padding:8px 12px!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__cap{padding:0 4px!important} /* Açık tema: karo koyu kalır (marka logoları her zaman okunur), yazı koyu. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard{background:none!important;border:0!important;box-shadow:none!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__img{ height:auto!important;aspect-ratio:16/11!important;padding:16px 20px!important; border-radius:16px!important; background:linear-gradient(158deg,#1d2537,#151b29 70%)!important; box-shadow:inset 0 1px 0 #ffffff14,0 10px 18px -14px #0f172a66!important} @media(max-width:700px){ #main-content.pl-catalog-v4 section.category-section .sm-pcard__img, #main-content.pl-catalog-v4 section.category-section .sm-pcard__placeholder, html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__img{ padding:12px 14px!important;border-radius:14px!important;margin-bottom:9px!important;height:auto!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine, #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ height:auto!important;border-radius:14px!important} } /* ══════ V11 — KARO: ARKA PLAN YOK (22 Eyl 2026, mağaza sahibi isteği) ══════ V10'da logonun arkasına koyu plaka koymuştuk; istenmedi. Geometri aynı kalıyor (16:11 alan, ad altta ortalı), yalnız plaka kaldırılıyor: logo doğrudan sayfanın üstünde durur. ⚠️ AÇIK TEMA TUZAĞI: catalog-v4 logolarının 5 tanesi BEYAZ çizim (chat-plus-and-pro, hbomax-plans, capcut, tiktok…, twitter…). Plakasız açık zeminde görünmez oluyorlar; o beşine açık temada ters çevirme uygulanır (beyaz → koyu). Yeni beyaz logo eklersen listeye ekle. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__img, #main-content.pl-catalog-v4 section.category-section .sm-pcard__placeholder, html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:not(:has(img.sm-cine)) .sm-pcard__img{ background:none!important;box-shadow:none!important;padding:0!important; border-radius:0!important;aspect-ratio:16/11!important;height:auto!important; object-fit:contain!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ filter:none!important;transform:scale(1.04)!important} /* Afişli kart (Premium TV) karoyu doldurmaya devam eder — orada görsel zaten kendi zeminini taşıyor. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine, #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ object-fit:cover!important;border-radius:16px!important;background:#0e1420!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .cat-art[data-cat-art="chat-plus-and-pro"], html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .cat-art[data-cat-art="hbomax-plans"], html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .cat-art[data-cat-art="capcut"], html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .cat-art[data-cat-art="tiktok-followers-likes-views"], html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .cat-art[data-cat-art="twitter-services"]{ filter:invert(1) brightness(.35)!important} /* ═══════════ V12 — GAMES VİTRİNİ (22 Eyl 2026) ════════════════════════════ Sorun: Games bloğunda kartlar 180px'lik iki sütuna sıkışıp sağda kocaman boşluk bırakıyordu; "Accounts" ve "Currency" başlıkları da sıradan satırdı. Çözüm: ızgara genişliği doldurur, her alt bölüm kendi KAPAK ŞERİDİNİ alır (Accounts mor, Currency altın) — vitrin hissi. ═══════════════════════════════════════════════════════════════════════ */ #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){ /* auto-FIT: ürün sayısı sütun sayısından azsa boş göz kalmasın, kartlar satırı doldursun (Accounts 3 üründe 4. göz boş kalıyordu). */ grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important; justify-content:stretch!important;gap:16px 18px!important} /* Kapak şeridi */ #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead{ position:relative;padding:16px 18px!important;border-radius:16px!important; border:1px solid #ffffff12!important;margin-bottom:18px!important;overflow:hidden; background:linear-gradient(115deg,#8b5cf629,#6366f114 46%,transparent 78%)!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead::after{ content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(120% 200% at 100% 50%,#ffffff0a,transparent 60%)} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-toggle-bar{ background:none!important;border:0!important;padding:0!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-main-title{ font-size:21px!important;font-weight:800!important;letter-spacing:-.4px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-subtitle-text{ font-size:12.5px!important;color:#b9c3d8!important} /* Currency: altın tonu — iki bölüm bakışta ayrılsın. */ #main-content.pl-catalog-v4 .gaming-family #cat-section-products-currency .sm-cathead{ background:linear-gradient(115deg,#f59e0b2e,#eab30814 46%,transparent 78%)!important} /* Kart karoları: abonelik ızgarasıyla aynı dil. */ #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__img{ aspect-ratio:16/11!important;height:auto!important;object-fit:contain!important; padding:0!important;margin:0 0 10px!important;background:none!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__title{ font-size:13px!important;text-align:center!important;min-height:0!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__cap{ grid-template-rows:auto auto!important;gap:4px!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead{ border-color:#0f172a14!important; background:linear-gradient(115deg,#8b5cf61f,#6366f10f 46%,transparent 78%)!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .gaming-family #cat-section-products-currency .sm-cathead{ background:linear-gradient(115deg,#f59e0b26,#eab3080f 46%,transparent 78%)!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .gaming-family section.category-section .category-subtitle-text{color:#475569!important} @media(max-width:700px){ #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead{padding:13px 14px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-main-title{font-size:18px!important} } /* ═══════════ V13 — FİYAT SESSİZLEŞTİ, GAMES KÜÇÜLDÜ (22 Eyl 2026) ═════════ 1) Fiyatlar her kartta sürekli duruyordu ve ızgara kalabalık görünüyordu. Artık fiyat NORMALDE görünmez, fareyle kartın üstüne gelince hafifçe belirir. Yer ayrılmış durumda — kartlar zıplamaz. ⚠️ Dokunmatik cihazda hover yok: orada fiyat her zaman görünür kalır (@media(hover:hover) koşulu bunu sağlar). 2) Games karoları fazla iriydi; sütun genişliği ve yazı ölçüsü düşürüldü. ═══════════════════════════════════════════════════════════════════════ */ @media (hover:hover) and (pointer:fine){ #main-content.pl-catalog-v4 section.category-section .sm-pcard__price{ opacity:0!important;transition:opacity .18s ease!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__price, #main-content.pl-catalog-v4 section.category-section .sm-pcard:focus-visible .sm-pcard__price{ opacity:.82!important} } #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{ font-size:13.5px!important;font-weight:600!important;color:#dbe3f2!important; -webkit-text-fill-color:#dbe3f2!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__price-val{ color:#334155!important;-webkit-text-fill-color:#334155!important} /* Games: daha küçük karolar, daha çok ürün tek bakışta. */ #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){ grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:13px 15px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__title{font-size:12.5px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard__price-val{font-size:12.5px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead{padding:13px 16px!important;margin-bottom:14px!important} #main-content.pl-catalog-v4 .gaming-family section.category-section .category-main-title{font-size:19px!important} @media(max-width:700px){ #main-content.pl-catalog-v4 .gaming-family section.category-section .row.products:not(.sec-source){ grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* V13.1 — Games kartı ÜST SINIR. auto-fit boş sütunları toplayınca 3 ürün 290px'e şişiyordu (çok iri). Sütun esnek kalsın ama kart 178px'i aşmasın, kendi sütununda ortalansın. */ #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard{ max-width:178px!important;margin-inline:auto!important;width:100%!important} @media(max-width:700px){ #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-pcard{max-width:none!important} } /* ═══════════ V14 — 3B DERİNLİK (22 Eyl 2026) ══════════════════════════════ Logolar düz duruyordu. Artık zeminde durup gölge düşürüyorlar: katmanlı drop-shadow + altlarında yumuşak "yer gölgesi", fareyle üzerine gelince perspektifle hafif öne eğilme. Abartı yok — kart yerinden oynamıyor, yalnız derinlik kazanıyor. ⚠️ Hareketi azalt tercihinde tüm dönüşümler kapanır (en altta). */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__media{ position:relative!important;perspective:760px!important} /* Yer gölgesi: logonun tabanında yumuşak elips. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard__media::after{ content:'';position:absolute;left:14%;right:14%; top:calc(100% - 78px);height:26px;pointer-events:none;z-index:0; background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.5),transparent 70%); filter:blur(7px);opacity:.55;transition:opacity .22s,transform .22s} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__media::after{ opacity:.8;transform:translateY(4px) scaleX(1.06)} #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{ position:relative;z-index:1; filter:drop-shadow(0 14px 14px rgba(0,0,0,.42)) drop-shadow(0 3px 4px rgba(0,0,0,.32))!important; transform-origin:50% 92%!important; transition:transform .26s cubic-bezier(.2,.7,.3,1),filter .26s!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ transform:perspective(760px) rotateX(7deg) translateY(-7px) scale(1.06)!important; filter:drop-shadow(0 22px 20px rgba(0,0,0,.5)) drop-shadow(0 5px 6px rgba(0,0,0,.34))!important} /* Afişli kart: karo katı olduğu için eğilme yerine yükselme + derin gölge. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine{ box-shadow:0 18px 30px -18px #000e,0 3px 8px -4px #0009!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine):hover .sm-pcard__img.sm-cine{ transform:translateY(-5px) scale(1.02)!important; box-shadow:0 28px 40px -18px #000f,0 5px 10px -4px #000a!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media::after{opacity:0!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__img{ filter:drop-shadow(0 12px 12px rgba(15,23,42,.18)) drop-shadow(0 3px 4px rgba(15,23,42,.14))!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{ filter:drop-shadow(0 20px 18px rgba(15,23,42,.24)) drop-shadow(0 5px 6px rgba(15,23,42,.16))!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__media::after{ background:radial-gradient(50% 50% at 50% 50%,rgba(15,23,42,.22),transparent 70%);opacity:.5} @media(max-width:700px){ #main-content.pl-catalog-v4 section.category-section .sm-pcard__media::after{top:calc(100% - 62px);height:20px} } @media(prefers-reduced-motion:reduce){ #main-content.pl-catalog-v4 section.category-section .sm-pcard:hover .sm-pcard__img{transform:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard__media::after{transition:none} } /* ═══ V15 — SOSYAL MEDYA & ARAÇLAR BÖLÜMLERİ (22 Eyl 2026) ═════════════════ Şikâyet: "çok basit, profesyonel durmuyor, dev gibi boşluklar var". Sebep: bu iki bölümde kart ızgarası iki geniş sütuna düşüyor, kartların arası 40px'i aşıyor ve başlık şeridi diğer bölümlerden farksız. Çözüm: Games bölümündeki dil — kapak şeridi + dolu ızgara + küçük karo. */ #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-cathead, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-cathead{ padding:13px 16px!important;border-radius:16px!important;margin-bottom:16px!important; border:1px solid #ffffff12!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-cathead{ background:linear-gradient(115deg,rgba(236,72,153,.20),rgba(168,85,247,.08) 50%,transparent 80%)!important} #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-cathead{ background:linear-gradient(115deg,rgba(45,212,191,.20),rgba(56,189,248,.08) 50%,transparent 80%)!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .category-main-title, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .category-main-title{ font-size:21px!important;font-weight:800!important;letter-spacing:-.4px!important} /* Izgara: iki dev sütun yerine dolu sıra. */ #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .row.products:not(.sec-source), #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .row.products:not(.sec-source){ grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px 16px!important; justify-content:stretch!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard{ max-width:190px!important;margin-inline:auto!important;width:100%!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__media, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__media{ display:flex!important;grid-template-columns:none!important;flex-direction:column!important; padding:0!important;min-height:0!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{ width:100%!important;height:auto!important;aspect-ratio:16/11!important;object-fit:contain!important; margin:0 0 10px!important;padding:0!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__title, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{ font-size:13px!important;text-align:center!important;min-height:0!important;text-transform:none!important; font-weight:600!important;letter-spacing:-.1px!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__cap, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__cap{ grid-template-rows:auto auto!important;gap:4px!important;height:auto!important;justify-content:center!important} @media(max-width:700px){ #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .row.products:not(.sec-source), #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .row.products:not(.sec-source){ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard{max-width:none!important} } /* ═══ V16 — İNCE BÖLÜM BAŞLIKLARI (22 Eyl 2026) ════════════════════════════ İstek: "minimal, ince, soft, göze batmayan, doğal, kaliteli" başlıklar; hepsi aynı temada ama bölüme göre farklı renk vurgusu. Ortak reçete: saydam zemin + 2px sol renk çubuğu + ince alt çizgi. */ #main-content.pl-catalog-v4 section.category-section .sm-cathead, #main-content.pl-catalog-v4 .gaming-family section.category-section .sm-cathead, #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-cathead, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-cathead{ position:relative!important;background:none!important;border:0!important; border-bottom:1px solid #ffffff10!important;border-radius:0!important; padding:6px 0 11px 14px!important;margin-bottom:14px!important;box-shadow:none!important} #main-content.pl-catalog-v4 section.category-section .sm-cathead::before{ content:'';position:absolute;left:0;top:7px;bottom:12px;width:2px;border-radius:2px; background:var(--sec-ac,#8b93a6);opacity:.9} #main-content.pl-catalog-v4 section.category-section .sm-cathead::after{display:none!important} #main-content.pl-catalog-v4 section.category-section .category-main-title{ font-size:17px!important;font-weight:700!important;letter-spacing:-.2px!important;color:#e9edf6!important} #main-content.pl-catalog-v4 section.category-section .category-subtitle-text{ font-size:11.5px!important;color:#8b93a6!important} /* Bölüm renkleri */ #main-content.pl-catalog-v4 #cat-section-products{--sec-ac:#7c5cff} #main-content.pl-catalog-v4 #cat-section-riot-gifting{--sec-ac:#c8aa6e} #main-content.pl-catalog-v4 #cat-section-products-currency{--sec-ac:#38b6ff} #main-content.pl-catalog-v4 #cat-section-products-1745286175911{--sec-ac:#34d399} #main-content.pl-catalog-v4 #cat-section-products-1745286180925{--sec-ac:#ec4899} #main-content.pl-catalog-v4 #cat-section-products-1766349090202{--sec-ac:#2dd4bf} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-cathead{ border-bottom-color:#0f172a14!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .category-main-title{color:#0f172a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .category-subtitle-text{color:#5b6472!important} /* Games ailesinin kendi başlığı da sakinleşsin. */ #main-content .gaming-family{background:none!important;border:1px solid #ffffff0b!important;padding:20px!important} #main-content .gaming-heading h2{font-size:26px!important} #main-content .gaming-symbol{width:42px!important;height:38px!important;border-radius:12px!important} /* ===== SOSYAL MEDYA + ARAC IZGARASI: dokunma hissi ===== Logolar saydam, kartin yuzeyi yok; bos izgarada yuzen ikonlar gibi duruyordu (magaza sahibi: "cok basit, dev gibi bosluklar var"). Kalici plaka ISTENMIYOR, bu yuzden yuzey yalniz HOVER'da beliriyor. ⚠️ Ozgulluk 2 id olmak zorunda: yukaridaki #main-content + #cat-section-… kurallari !important yaziyor, tek id'li kurallar tutmuyor. */ #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard{ border-radius:18px!important;background:transparent!important; transition:background .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.2,.8,.25,1)!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{ transition:transform .35s cubic-bezier(.2,.8,.25,1)!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard:hover, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard:hover{ transform:translateY(-4px)!important; background:linear-gradient(180deg,#ffffff12,#ffffff06)!important; box-shadow:0 14px 34px #00000059,inset 0 0 0 1px #ffffff14!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard:hover .sm-pcard__img, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard:hover .sm-pcard__img{ transform:scale(1.07)!important} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__title, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__title{ opacity:.88;transition:opacity .25s ease} #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard:hover .sm-pcard__title, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard:hover .sm-pcard__title{opacity:1} html[data-sm-theme="light"] #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard:hover, html[data-sm-theme="light"] #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard:hover{ background:linear-gradient(180deg,#0f172a0d,#0f172a05)!important; box-shadow:0 12px 28px #0f172a1f,inset 0 0 0 1px #0f172a14!important} @media(prefers-reduced-motion:reduce){ #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard, #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img, #main-content.pl-catalog-v4 #cat-section-products-1766349090202 .sm-pcard__img{transition:none!important}} /* ===== ACIK TEMA DUZELTMELERI (kategori baslik/arama/beyaz logolar) ===== Dosyanin basindaki kurallar basliga ve alt basliga -webkit-text-fill-color ile KOYU TEMA rengini yaziyor; `color` degisse bile fill kazandigi icin acik temada basliklar beyaz kaliyor ve zeminde KAYBOLUYOR. Arama kutusu da koyu cam olarak kaliyordu. Burasi o eksik acik-tema karsiligi. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .category-main-title{ color:#0f172a!important;-webkit-text-fill-color:#0f172a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .category-subtitle-text{ color:#475569!important;-webkit-text-fill-color:#475569!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .gaming-family section.category-section .category-main-title{ color:#14303a!important;-webkit-text-fill-color:#14303a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .sm-secfind{ background:#ffffffd9!important;border-color:#0f172a1f!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .sm-secfind__in, html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .sm-secfind__ic{ color:#0f172a!important;-webkit-text-fill-color:#0f172a!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .sm-secfind__in::placeholder{ color:#64748b!important;-webkit-text-fill-color:#64748b!important} /* Beyaz cizilmis logolar (X, TikTok) acik zeminde gorunmuyordu. Cevirmek TikTok'un renkli katmanlarini bozuyor, arkalarina koyu yastik koymak da leke gibi duruyordu; bunun yerine yalniz ACIK temada koyu bir kontur (drop-shadow) veriyoruz — plaka yok, logo kendi kaliyor. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img[data-cat-art="twitter-services"], html[data-sm-theme="light"] #main-content.pl-catalog-v4 #cat-section-products-1745286180925 .sm-pcard__img[data-cat-art="tiktok-followers-likes-views"]{ background:none!important; filter:drop-shadow(0 0 1px #0f172acc) drop-shadow(0 0 2px #0f172a99) drop-shadow(0 1px 3px #0f172a4d)!important} /* Koyu tema icin ayarlanmis agir golge acik zeminde kir gibi duruyordu. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 .category-section .sm-pcard__img{ filter:drop-shadow(0 6px 10px #0f172a1f)!important} /* Logolarin altindaki temas golgesi koyu zemine gore ayarli; acik temada lekeli gri bir iz olarak goruluyordu. Sadece acik temada zayiflatiyoruz. */ html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard__media::after{ opacity:.22!important;filter:blur(9px)!important} /* ═══ AFİŞLİ KART (Premium TV): ÇERÇEVE YOK, AFİŞ KESİLMİYOR ═══════════ Kartın 1px kenarlığı + gradyan zemini afişin etrafında kutu gibi duruyordu ve `cover` dikey afişleri sertçe kırpıyordu (afişler 780x1170, karo 16/11 — yarısı gidiyordu). Mağaza sahibi iki kez aynı şeyi söyledi: çerçeve olmasın, afiş kesilmesin. ⚠️ `cover`a GERİ DÖNME. Dönersen dikey afişler yine ortadan kırpılır. Boşta kalan kenarlar sorun değil: kart zemini yok, afiş ızgaradaki diğer logolar gibi sayfanın üstünde duruyor. */ #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine){ border:0!important;background:none!important;box-shadow:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine):hover{ border:0!important;background:none!important;transform:translateY(-4px)!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__media{ padding:14px 10px 0!important;background:none!important} #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine, #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine-b{ object-fit:contain!important;object-position:center!important; background:none!important;border-radius:10px!important; aspect-ratio:16/11!important;height:auto!important; -webkit-mask-image:none!important;mask-image:none!important; filter:drop-shadow(0 10px 14px #0007)!important} html[data-sm-theme="light"] #main-content.pl-catalog-v4 section.category-section .sm-pcard:has(img.sm-cine) .sm-pcard__img.sm-cine{ filter:drop-shadow(0 8px 14px #0f172a26)!important}