*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{color-scheme:koyuMalzeme;--zemin:#0c0f14;--zemin-ikincil:#10141b;--panel:#141924;--panel-ikincil:#1a2130;--cizgi:rgba(255,255,255,.08);--cizgi-ikincil:rgba(255,255,255,.16);--yazi:#eef1f6;--soluk:#98a2b3;--silik:#5f6b7d;--vurgu:#ff5c1f;--vurgu-ikincil:#ffa07a;--vurgu-yazi:#1a0d05;--vurgu-soluk:rgba(255,92,31,.13);--basarili:#3ecf8e;--uyari:#ffc53d;--bilgi:#5aa9ff;--altin:#e8b64c;--golge:0 18px 44px -18px rgba(0,0,0,.6);--doku:.05;--baslik-yazi:'Unbounded',sans-serif;--govde-yazi:'Instrument Sans',sans-serif;--tek-aralikli-yazi:'IBM Plex Mono',monospace;--yaricap:14px;--ust-yukseklik:66px}
html[data-tema="acik"]{color-scheme:light;--zemin:#f5f3ee;--zemin-ikincil:#edeae2;--panel:#fff;--panel-ikincil:#f1eee7;--cizgi:rgba(22,24,29,.09);--cizgi-ikincil:rgba(22,24,29,.2);--yazi:#171a20;--soluk:#545d6a;--silik:#8b93a0;--vurgu:#e8480f;--vurgu-ikincil:#b83a05;--vurgu-yazi:#fff;--vurgu-soluk:rgba(232,72,15,.1);--basarili:#178a55;--uyari:#a97a00;--bilgi:#2b6cb0;--altin:#9a7014;--golge:0 18px 40px -22px rgba(23,26,32,.28);--doku:.035}
html[data-tema="acik"] .lisans-etiketi.stl{color:#2b6cb0}html[data-tema="acik"] .lisans-etiketi.hak{color:#b83a05}html[data-tema="acik"] .lisans-etiketi.gcode{color:#177a4c}html[data-tema="acik"] .lisans-etiketi.fiz{color:#8a6210}
html.tema-gecisi *,html.tema-gecisi *::before,html.tema-gecisi *::after{transition:background-color .45s,color .45s,border-color .45s,fill .45s,stroke .45s,box-shadow .45s!important}
html{scroll-behavior:smooth}
body{background:var(--zemin);color:var(--yazi);font-family:var(--govde-yazi);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-width:320px}
body::after{content:"";position:fixed;inset:0;z-index:400;pointer-events:none;opacity:var(--doku);background-image:url("data:image/svg+xml;utf8,")}
img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;appearance:none;-webkit-appearance:none}
::selection{background:var(--vurgu);color:var(--vurgu-yazi)}:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:4px}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-thumb{background:var(--cizgi-ikincil);border-radius:8px;border:2px solid var(--zemin)}::-webkit-scrollbar-track{background:var(--zemin)}
.kapsayici{max-width:1240px;margin:0 auto;padding:0 22px}.tek-aralikli{font-family:var(--tek-aralikli-yazi)}
.simge{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icerige-atla{position:absolute;left:-999px;top:0;background:var(--vurgu);color:var(--vurgu-yazi);padding:10px 16px;z-index:500;font-weight:700}.icerige-atla:focus{left:12px;top:12px}
.ust-etiket{font-family:var(--tek-aralikli-yazi);font-size:11.5px;letter-spacing:.16em;color:var(--vurgu);text-transform:uppercase;display:flex;align-items:center;gap:10px}.ust-etiket::before{content:"";width:26px;height:2px;background:var(--vurgu)}
[data-ceviri] strong{color:var(--vurgu-ikincil)}
[data-gorunum]{opacity:0;translate:0 24px;transition:opacity .7s ease var(--gecikme,0s),translate .7s ease var(--gecikme,0s)}[data-gorunum].gorundu{opacity:1;translate:0 0}
#anasayfa,#en-iyiler,#filamentler,#iletisim,#blog,#sss{scroll-margin-top:calc(var(--ust-yukseklik) + 58px)}
/* ÜST MENÜ VE LOGO */
.ust-duyuru{background:var(--vurgu);color:#1a0d05;font-family:var(--tek-aralikli-yazi);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-align:center;padding:7px 14px}
header.site{position:sticky;top:0;z-index:90;background:var(--zemin);border-bottom:1px solid var(--cizgi);transition:box-shadow .25s}
header.site.kaydirildi{box-shadow:0 10px 30px -14px rgba(0,0,0,.45);background:color-mix(in srgb,var(--zemin) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ust-satir{display:flex;align-items:center;gap:14px;height:var(--ust-yukseklik)}
.amblem{display:flex;align-items:center;gap:10px;font-family:var(--baslik-yazi);font-weight:800;flex:none}
.amblem svg{width:32px;height:32px}
.amblem-yazi{display:flex;flex-direction:column;line-height:1;margin-top:2px}
.amblem-yazi span{font-size:16.5px;letter-spacing:.04em;color:var(--yazi)}
.amblem-yazi em{font-style:normal;color:var(--vurgu);font-size:10.5px;letter-spacing:.22em;margin-top:2px}
.ana-menu{display:flex;gap:2px;margin-left:4px;height:100%;align-items:center}
.ana-menu > a{font-size:13.5px;font-weight:600;color:var(--soluk);padding:8px 13px;border-radius:9px;transition:.2s;white-space:nowrap}
.ana-menu > a:hover{color:var(--yazi)}
.ana-menu > a.etkin{color:var(--vurgu-ikincil);background:var(--vurgu-soluk)}
/* ALT MENÜ (DROPDOWN) */
.ana-menu .acilir-menu{position:relative;display:flex;align-items:center;height:100%}
.ana-menu .acilir-menu > a{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--soluk);padding:8px 13px;border-radius:9px;transition:.2s;white-space:nowrap}
.ana-menu .acilir-menu > a:hover{color:var(--yazi)}
.ana-menu .acilir-menu:hover > a, .ana-menu .acilir-menu > a.etkin{color:var(--vurgu-ikincil);background:var(--vurgu-soluk)}
.ana-menu .acilir-icerik{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%) translateY(-8px);background:var(--panel);border:1px solid var(--cizgi);border-radius:12px;box-shadow:0 12px 34px -10px rgba(0,0,0,.45);padding:8px;display:flex;flex-direction:column;min-width:180px;z-index:100;visibility:hidden;opacity:0;transition:.25s;pointer-events:none}
.ana-menu .acilir-menu:hover .acilir-icerik{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.ana-menu .acilir-icerik a{padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--soluk);border-radius:8px;transition:.2s;text-align:left;width:100%;background:transparent}
.ana-menu .acilir-icerik a:hover{background:var(--panel-ikincil);color:var(--vurgu-ikincil);transform:translateX(3px)}
.ana-menu .acilir-icerik a.etkin{background:var(--vurgu-soluk);color:var(--vurgu-ikincil);transform:translateX(3px)}
.arama{flex:1;max-width:460px;min-width:0;height:42px;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--cizgi);border-radius:11px;padding:0 14px;color:var(--silik);font-size:14px;text-align:left;transition:border-color .2s;overflow:hidden}
.arama:hover{border-color:var(--cizgi-ikincil)}
.arama .yer-tutucu{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arama kbd{font-family:var(--tek-aralikli-yazi);font-size:10.5px;border:1px solid var(--cizgi-ikincil);border-radius:5px;padding:2px 6px;flex:none}
.ust-islemler{display:flex;align-items:center;gap:9px;margin-left:auto}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;border-radius:11px;padding:11px 18px;transition:transform .15s,background .2s,border-color .2s;white-space:nowrap}.dugme:active{transform:scale(.97)}
.dugme-vurgu{background:var(--vurgu);color:var(--vurgu-yazi);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--vurgu) 70%,transparent)}.dugme-vurgu:hover{background:color-mix(in srgb,var(--vurgu) 86%,white)}
.dugme-cerceve{border:1px solid var(--cizgi-ikincil);color:var(--yazi)}.dugme-cerceve:hover{border-color:var(--vurgu);color:var(--vurgu-ikincil)}
.dugme-kucuk{padding:8px 14px;font-size:13px;border-radius:9px}
.simge-dugmesi{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cizgi);border-radius:11px;color:var(--soluk);transition:.2s}.simge-dugmesi:hover{color:var(--yazi);border-color:var(--cizgi-ikincil)}
.simge-dugmesi .sayi{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vurgu);color:var(--vurgu-yazi);font-family:var(--tek-aralikli-yazi);font-size:10.5px;font-weight:600;display:grid;place-items:center;transition:transform .2s}
.simge-dugmesi .sayi.sicrama{transform:scale(1.35)}.simge-dugmesi .sayi[hidden]{display:none}
.bildirim-kutu{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--cizgi-ikincil);border-radius:14px;box-shadow:var(--golge);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s;overflow:hidden;z-index:120}.bildirim-kutu.acik{visibility:visible;opacity:1;transform:none}.bildirim-baslik{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--cizgi)}.bildirim-baslik b{font-family:var(--baslik-yazi);font-size:13px}.bildirim-baslik button{font-size:11px;color:var(--vurgu-ikincil)}.bildirim-liste{max-height:360px;overflow:auto;-webkit-overflow-scrolling:touch}.bildirim{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:13px 15px;border-bottom:1px solid var(--cizgi);text-align:left;width:100%}.bildirim:hover{background:var(--panel-ikincil)}.bildirim i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--vurgu-soluk);color:var(--vurgu);font-style:normal}.bildirim b{display:block;font-size:13px}.bildirim span{display:block;font-size:11.5px;color:var(--soluk);margin-top:2px}.bildirim time{font-family:var(--tek-aralikli-yazi);font-size:10px;color:var(--silik)}
.tema-simgesi .gunes,.tema-simgesi .ay{position:absolute;transition:transform .45s cubic-bezier(.3,1.6,.4,1),opacity .3s}
html[data-tema="koyu"] .tema-simgesi .ay{transform:rotate(90deg) scale(.4);opacity:0}html[data-tema="acik"] .tema-simgesi .gunes{transform:rotate(-90deg) scale(.4);opacity:0}
.mobil-menu-simgesi,.mobil-arama-dugmesi{display:none}
/* MOBİL MENÜ - SAĞDAN AÇILAN, EKRANIN YAKLAŞIK YARISINI KAPLAYAN ÇEKMECE */
.mobil-menu-arkaplan{position:fixed;inset:0;z-index:119;background:rgba(6,9,14,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
body.menu-acik .mobil-menu-arkaplan{opacity:1;visibility:visible;pointer-events:auto}
.mobil-menu{position:fixed;top:0;right:0;bottom:0;left:auto;width:clamp(240px,58%,380px);max-width:92vw;z-index:120;background:var(--zemin);box-shadow:-30px 0 60px -24px rgba(0,0,0,.55);border-left:1px solid var(--cizgi);transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:20px 20px 34px;display:block;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none}
body.menu-acik .mobil-menu{transform:none;visibility:visible;pointer-events:auto}body.menu-acik{overflow:hidden;touch-action:none}
.mobil-menu .mobil-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}
.mobil-menu .mobil-arama{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--cizgi);border-radius:11px;padding:12px 14px;margin-bottom:18px;color:var(--silik);width:100%;text-align:left}
.mobil-menu h5{font-family:var(--tek-aralikli-yazi);font-size:10.5px;letter-spacing:.14em;color:var(--silik);text-transform:uppercase;margin:20px 0 10px}
.mobil-menu .mobil-kategoriler{display:flex;flex-wrap:wrap;gap:8px}
.mobil-menu .mobil-baglantilar a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--cizgi);font-weight:600;font-size:15px;color:var(--yazi)}
.mobil-menu .mobil-dugmeler{display:grid;gap:10px;margin-top:24px}.mobil-menu .mobil-dugmeler .dugme{width:100%}
/* ANA TANITIM ALANI */
.ana-tanitim{padding:50px 0 40px;position:relative}
.ana-tanitim::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 12% 0%,color-mix(in srgb,var(--vurgu) 9%,transparent),transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--yazi) 1.4%,transparent) 3px 4px)}
.ana-tanitim-izgarasi{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center;position:relative}
h1{font-family:var(--baslik-yazi);font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.06;margin:16px 0 18px}h1 .baslik-satiri{display:block}h1 .baslik-satiri:nth-child(2){color:var(--vurgu)}h1 .baslik-satiri:nth-child(3){-webkit-text-stroke:1.5px var(--soluk);color:transparent}
.on-aciklama{color:var(--soluk);max-width:46ch}
.dort-ozellik{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 24px}
.ozellik-karti{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:15px 10px;text-align:center;transition:.2s}.ozellik-karti:hover{transform:translateY(-3px)}
.ozellik-karti .ozellik-simgesi{width:40px;height:40px;margin:0 auto 9px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 13%,transparent)}
.ozellik-karti:nth-child(1){color:var(--vurgu)}.ozellik-karti:nth-child(2){color:var(--basarili)}.ozellik-karti:nth-child(3){color:var(--bilgi)}.ozellik-karti:nth-child(4){color:var(--altin)}
.ozellik-karti b{display:block;font-size:12.5px;color:var(--yazi)}.ozellik-karti span{font-size:11px;color:var(--silik)}
.ana-istatistikler{display:flex;gap:24px;flex-wrap:wrap}.ana-istatistikler b{font-family:var(--tek-aralikli-yazi);font-size:17px}.ana-istatistikler span{display:block;font-size:11.5px;color:var(--silik)}
/* HAFTANIN MODELİ */
.onizleyici{--panel:#141924;--panel-ikincil:#1a2130;--cizgi:rgba(255,255,255,.08);--cizgi-ikincil:rgba(255,255,255,.16);--silik:#5f6b7d;--soluk:#98a2b3;--yazi:#eef1f6;--vurgu-ikincil:#ffa07a;background:var(--panel);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;box-shadow:var(--golge)}
.goruntu-ust{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--cizgi);font-family:var(--tek-aralikli-yazi);font-size:11.5px;color:var(--silik);flex-wrap:wrap}
.goruntu-ust .canli{display:flex;align-items:center;gap:7px;color:var(--basarili)}.goruntu-ust .canli i{width:7px;height:7px;border-radius:50%;background:var(--basarili);animation:nabiz 1.6s infinite}
@keyframes nabiz{50%{opacity:.3}}
.hafta-etiketi{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--uyari);border:1px dashed color-mix(in srgb,var(--uyari) 50%,transparent);border-radius:8px;padding:4px 9px}
.goruntu-alani{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(60% 70% at 50% 45%,#1b2230,#0d1118 78%);background-size:34px 34px,34px 34px,auto}
.goruntu-alani.surukleniyor{cursor:grabbing}
.goruntu-alani .koordinatlar{position:absolute;top:12px;left:14px;font-family:var(--tek-aralikli-yazi);font-size:10.5px;color:var(--silik);letter-spacing:.05em;z-index:3;pointer-events:none}
.hafta-seridi{position:absolute;top:12px;right:14px;z-index:3;font-family:var(--tek-aralikli-yazi);font-size:10px;font-weight:600;letter-spacing:.12em;background:var(--vurgu);color:var(--vurgu-yazi);border-radius:7px;padding:5px 10px;pointer-events:none}
.hafta-parlama{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,92,31,.28),transparent 65%);transform:translate(calc(var(--fare-x,0)*-24px),calc(var(--fare-y,0)*-16px));pointer-events:none}
#ucboyut-tuvali{position:absolute;inset:0;width:100%;height:100%}
#yedek-gorunum{position:absolute;inset:0;display:grid;place-items:center;perspective:900px;pointer-events:none}
#yedek-gorunum svg{width:min(74%,470px);filter:drop-shadow(0 26px 34px rgba(0,0,0,.55))}
.goruntu-araclari{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:4}
.goruntu-araclari button{width:36px;height:36px;border-radius:9px;background:rgba(12,15,20,.78);border:1px solid var(--cizgi);color:var(--soluk);display:grid;place-items:center;transition:.2s}
.goruntu-araclari button:hover{color:var(--vurgu);border-color:var(--vurgu)}
.goruntu-araclari button.etkin{color:var(--vurgu);border-color:var(--vurgu);box-shadow:0 0 0 1px var(--vurgu) inset}
.ipucu{position:absolute;bottom:10px;left:14px;font-family:var(--tek-aralikli-yazi);font-size:10px;color:var(--silik);z-index:3;display:flex;gap:6px;align-items:center;pointer-events:none}
.goruntu-ilerleme{position:absolute;left:0;bottom:0;height:2px;width:100%;background:rgba(255,255,255,.06);pointer-events:none}.goruntu-ilerleme i{display:block;height:100%;background:var(--vurgu);width:0;animation:goruntu-ilerlet 7s linear infinite}
@keyframes goruntu-ilerlet{to{width:100%}}
.hafta-alt{display:flex;align-items:center;gap:14px;padding:13px 16px;border-top:1px solid var(--cizgi);flex-wrap:wrap}
.hafta-fiyat{font-family:var(--baslik-yazi);font-weight:700;font-size:19px;color:var(--vurgu-ikincil)}.hafta-fiyat small{font-family:var(--tek-aralikli-yazi);font-size:11px;color:var(--silik);font-weight:400}
.hafta-puan{font-size:12.5px;color:var(--altin);font-weight:600}.hafta-puan span{color:var(--silik);font-weight:400}
.hafta-alt .dilimleyici-paneli{flex:1}
/* KATEGORİ ÇUBUĞU */
.kategori-cubugu{border-block:1px solid var(--cizgi);background:var(--zemin-ikincil);position:sticky;top:var(--ust-yukseklik);z-index:80}
.kategori-satiri{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0;-webkit-overflow-scrolling:touch}.kategori-satiri::-webkit-scrollbar{display:none}
.secim-etiketi{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--soluk);border:1px solid var(--cizgi);border-radius:999px;padding:8px 15px;white-space:nowrap;transition:.2s;background:var(--zemin)}.secim-etiketi:hover{color:var(--yazi);transform:translateY(-1px)}.secim-etiketi.etkin{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-yazi)}
.akan-duyuru{border-bottom:1px solid var(--cizgi);background:var(--zemin-ikincil);overflow:hidden}.duyuru-icerigi{display:flex;width:max-content;animation:akis 38s linear infinite}.akan-duyuru:hover .duyuru-icerigi{animation-play-state:paused}
.duyuru-icerigi ul{display:flex;gap:34px;list-style:none;padding:8px 17px;font-family:var(--tek-aralikli-yazi);font-size:11px;color:var(--silik);white-space:nowrap}.duyuru-icerigi li b{color:var(--vurgu);font-weight:500}
@keyframes akis{to{transform:translateX(-50%)}}
/* BÖLÜMLER */
.bolum-basligi{display:flex;align-items:center;gap:14px;margin:46px 0 18px;flex-wrap:wrap}
.bolum-basligi h2{font-family:var(--baslik-yazi);font-weight:700;font-size:clamp(18px,2.2vw,24px)}
.bolum-basligi .cubuk{width:34px;height:4px;border-radius:4px;background:var(--vurgu)}
.bolum-basligi .tumunu-gor{margin-left:auto;font-size:13px;font-weight:600;color:var(--vurgu-ikincil)}
.dortlu-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px}
.altili-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
@media(max-width:1100px){.dortlu-izgara{grid-template-columns:repeat(3,1fr)}.altili-izgara{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dortlu-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dortlu-izgara{grid-template-columns:repeat(2,1fr);gap:10px}.altili-izgara{grid-template-columns:repeat(2,1fr)}}
/* KART */
.kart{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--yaricap);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .2s,box-shadow .25s}
.kart:hover,.kart:focus-within{will-change:transform}
.kart:hover{transform:translateY(-4px);border-color:var(--cizgi-ikincil);box-shadow:var(--golge)}
.kart-gorseli{position:relative;aspect-ratio:4/3;display:block;text-align:center;border-bottom:1px solid var(--cizgi);background:radial-gradient(70% 80% at 50% 40%,var(--urun-renk1),var(--urun-renk2))}
html[data-tema="acik"] .kart-gorseli{background:radial-gradient(70% 80% at 50% 40%,color-mix(in oklab,var(--urun-renk1) 20%,#fff),color-mix(in oklab,var(--urun-renk2) 9%,#fff))}
.kart-gorseli .cizim{width:80%;height:88%;transition:transform .35s;display:inline-block;margin-top:5%}.kart:hover .cizim{transform:scale(1.06) rotate(-1deg)}
.kart-isaretleri{position:absolute;top:10px;left:10px;display:flex;gap:6px}
.kart-isaretleri span{font-family:var(--tek-aralikli-yazi);font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--zemin) 78%,transparent);border:1px solid var(--cizgi);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.kart-isaretleri .onayli{color:var(--basarili)}.kart-isaretleri .yeni{color:var(--vurgu-ikincil)}.kart-isaretleri .one-cikan{color:var(--uyari)}
.favori{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--zemin) 78%,transparent);border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--soluk);transition:.2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.favori:hover,.favori.etkin{color:#ff4d6d;border-color:#ff4d6d}
.kart-govde{padding:14px 15px 15px;display:flex;flex-direction:column;gap:9px;flex:1}
.kart-etiketi{font-family:var(--tek-aralikli-yazi);font-size:10.5px;letter-spacing:.1em;color:var(--silik);text-transform:uppercase}
.kart-basligi{font-weight:700;font-size:15px;line-height:1.3}
.kart-basligi a:hover { color: var(--vurgu); text-decoration: underline; }
.kart-uretici{font-size:12px;color:var(--silik)}.kart-uretici b{color:var(--soluk);font-weight:600}
.kart-puan{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--silik);flex-wrap:wrap}
.kart-puan .yildiz{color:var(--altin);font-weight:600}.kart-puan .indirme{display:inline-flex;align-items:center;gap:4px}
.filament-bilgisi{font-family:var(--tek-aralikli-yazi);font-size:10.5px}
.rozetler{display:flex;gap:6px;flex-wrap:wrap}
.lisans-etiketi{font-family:var(--tek-aralikli-yazi);font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid}
.lisans-etiketi.stl{color:#8ab4ff;border-color:color-mix(in srgb,#5aa9ff 45%,transparent);background:color-mix(in srgb,#5aa9ff 9%,transparent)}
.lisans-etiketi.hak{color:#ff8a5c;border-color:color-mix(in srgb,#ff5c1f 45%,transparent);background:var(--vurgu-soluk)}
.lisans-etiketi.gcode{color:#5fd3a4;border-color:color-mix(in srgb,#3ecf8e 40%,transparent);background:color-mix(in srgb,#3ecf8e 8%,transparent)}
.lisans-etiketi.fiz{color:#e8c07a;border-color:color-mix(in srgb,#e8b64c 40%,transparent);background:color-mix(in srgb,#e8b64c 9%,transparent)}
.renk-secenekleri{display:flex;gap:6px}
.renk-secenekleri i{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--zemin) 60%,transparent);box-shadow:0 0 0 1px var(--cizgi-ikincil)}
.kart-alt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px dashed var(--cizgi)}
.fiyat{font-family:var(--baslik-yazi);font-weight:700;font-size:13.5px;color:var(--vurgu-ikincil)}.fiyat small{font-size:10.5px;color:var(--silik);font-family:var(--tek-aralikli-yazi);font-weight:400}.fiyat.ucretsiz{color:var(--basarili)}
.eski-fiyat{font-family:var(--tek-aralikli-yazi);font-size:11px;color:var(--silik);text-decoration:line-through;font-weight:400;margin-left:6px}
.ekle-dugmesi{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--vurgu-yazi);background:var(--vurgu);border-radius:9px;padding:8px 12px;transition:.2s}.ekle-dugmesi:hover{background:color-mix(in srgb,var(--vurgu) 84%,white)}.ekle-dugmesi:active{transform:scale(.95)}
/* FİLAMENT & ÜRETİCİ */
.kampanya-izgarasi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
@media(max-width:900px){.kampanya-izgarasi{grid-template-columns:1fr}}
.kampanya{position:relative;overflow:hidden;border:1px solid var(--cizgi);border-radius:16px;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--vurgu) 14%,var(--panel)),var(--panel))}
.kampanya:nth-child(2){background:linear-gradient(135deg,color-mix(in srgb,var(--bilgi) 14%,var(--panel)),var(--panel))}
.kampanya:nth-child(3){background:linear-gradient(135deg,color-mix(in srgb,var(--basarili) 13%,var(--panel)),var(--panel))}
.kampanya h3{font-family:var(--baslik-yazi);font-size:16px;margin-bottom:6px}
.kampanya p{font-size:12.5px;color:var(--soluk);max-width:26ch}
.kampanya .kod{display:inline-flex;margin-top:12px;font-family:var(--tek-aralikli-yazi);font-size:11px;font-weight:600;border:1px dashed var(--cizgi-ikincil);border-radius:7px;padding:5px 10px;color:var(--vurgu-ikincil)}
.kampanya .yuzde{position:absolute;right:14px;top:12px;font-family:var(--baslik-yazi);font-weight:800;font-size:26px;color:var(--vurgu);opacity:.9}
.kampanya:nth-child(2) .yuzde{color:var(--bilgi)}.kampanya:nth-child(3) .yuzde{color:var(--basarili)}
.filament-markalari{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.uretici{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:20px 16px;text-align:center;transition:.2s}
.uretici:hover{transform:translateY(-4px);border-color:var(--cizgi-ikincil);box-shadow:var(--golge)}
.uretici .profil-gorseli{width:60px;height:60px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-family:var(--baslik-yazi);font-weight:700;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--profil-renk1),var(--profil-renk2));box-shadow:0 8px 20px -8px var(--profil-renk1)}
.uretici b{font-size:14.5px}.uretici .dogrulama{color:var(--basarili);font-size:11px}
.uretici .uretici-bilgisi{font-size:11.5px;color:var(--silik);margin:5px 0 13px}
.takip-et{width:100%;border:1px solid var(--cizgi-ikincil);border-radius:9px;padding:8px;font-size:12.5px;font-weight:700;color:var(--yazi);transition:.2s}
.takip-et:hover{border-color:var(--vurgu);color:var(--vurgu-ikincil)}
.takip-et.etkin{background:var(--vurgu-soluk);border-color:var(--vurgu);color:var(--vurgu-ikincil)}
/* DİĞER BÖLÜMLER (İLETİŞİM, DİLİMLEYİCİ, KASA, BLOG, SSS, FOOTER) */
.iletisim{margin-top:64px;border-top:1px solid var(--cizgi);background:linear-gradient(180deg,var(--zemin-ikincil),var(--zemin));padding:46px 0}
.iletisim-satiri{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.iletisim-satiri h2{font-family:var(--baslik-yazi);font-weight:700;font-size:clamp(20px,2.4vw,28px);margin:12px 0 8px}
.iletisim-satiri p{color:var(--soluk);max-width:52ch}
.iletisim-dugmeleri{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.dilimleyici{margin:64px 0 0;background:linear-gradient(180deg,var(--panel),var(--zemin-ikincil));border-block:1px solid var(--cizgi);padding:58px 0}
.dilimleyici-izgarasi,.satis-izgarasi{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.dilimleyici-izgarasi h2,.satis-izgarasi h2{font-family:var(--baslik-yazi);font-weight:700;font-size:clamp(21px,2.6vw,30px);margin:14px 0}
.ozellik-listesi{list-style:none;margin:22px 0 26px;display:grid;gap:11px}.ozellik-listesi li{display:flex;gap:11px;font-size:14.5px;color:var(--soluk)}.ozellik-listesi li b{color:var(--yazi)}.ozellik-listesi .simge{color:var(--basarili);margin-top:3px;flex:none}
.dilimleyici-ayarlar{--panel:#141924;--panel-ikincil:#1a2130;--cizgi:rgba(255,255,255,.08);--cizgi-ikincil:rgba(255,255,255,.16);--silik:#5f6b7d;--soluk:#98a2b3;--yazi:#eef1f6;--vurgu-ikincil:#ffa07a;background:#0d1017;border:1px solid var(--cizgi-ikincil);border-radius:16px;overflow:hidden;box-shadow:var(--golge)}
.dilimleyici-baslik{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--cizgi);font-family:var(--tek-aralikli-yazi);font-size:11.5px;color:var(--silik)}
.dilimleyici-baslik .noktalar{display:flex;gap:5px}.dilimleyici-baslik .noktalar i{width:9px;height:9px;border-radius:50%;background:var(--cizgi-ikincil)}.dilimleyici-baslik .noktalar i:first-child{background:var(--vurgu)}
.dilimleyici-govde{display:grid;grid-template-columns:1fr 1fr}
.dilimleyici-gorunum{border-right:1px solid var(--cizgi);display:grid;place-items:center;padding:22px;min-height:250px;background:linear-gradient(rgba(255,92,31,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,92,31,.06) 1px,transparent 1px);background-size:22px 22px}.dilimleyici-gorunum svg{width:82%}
.dilimleyici-kontrol{padding:16px;display:flex;flex-direction:column;gap:12px}
.dilimleyici-kontrol label{font-family:var(--tek-aralikli-yazi);font-size:10.5px;letter-spacing:.08em;color:var(--silik);text-transform:uppercase;display:block;margin-bottom:5px}
.dilimleyici-kontrol select{width:100%;background:var(--panel-ikincil);border:1px solid var(--cizgi);border-radius:9px;padding:9px 10px;font-size:13px;color:var(--yazi);outline:0}
.dilimleyici-istatistik{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dilimleyici-istatistik div{background:var(--panel);border:1px solid var(--cizgi);border-radius:9px;padding:9px 11px}.dilimleyici-istatistik b{font-family:var(--tek-aralikli-yazi);font-size:13px;color:var(--vurgu-ikincil);display:block}.dilimleyici-istatistik span{font-size:10.5px;color:var(--silik)}
.dilimleyici-alt{padding:0 16px 16px}.dilimleyici-alt .dugme{width:100%}
.satis{padding:64px 0}
.odeme-etiketleri{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.odeme-etiketleri span{font-family:var(--tek-aralikli-yazi);font-size:11px;border:1px solid var(--cizgi-ikincil);border-radius:8px;padding:7px 11px;color:var(--soluk)}
.gosterge{background:var(--panel);border:1px solid var(--cizgi-ikincil);border-radius:16px;padding:20px;box-shadow:var(--golge)}
.gosterge header{display:flex;justify-content:space-between;margin-bottom:16px}.gosterge header span{font-family:var(--tek-aralikli-yazi);font-size:10.5px;color:var(--basarili)}
.gosterge-sayilari{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.gosterge-sayilari div{background:var(--panel-ikincil);border:1px solid var(--cizgi);border-radius:10px;padding:11px 12px}.gosterge-sayilari b{font-family:var(--tek-aralikli-yazi);font-size:16px;display:block}.gosterge-sayilari span{font-size:10.5px;color:var(--silik)}.gosterge-sayilari .yukari{color:var(--basarili)}
.cubuklar{display:flex;align-items:flex-end;gap:7px;height:96px;margin-bottom:6px}.cubuklar i{flex:1;background:linear-gradient(180deg,var(--vurgu),color-mix(in srgb,var(--vurgu) 25%,transparent));border-radius:5px 5px 2px 2px;min-height:8%}
.cubuk-etiketleri{display:flex;gap:7px;font-family:var(--tek-aralikli-yazi);font-size:9.5px;color:var(--silik);margin-bottom:16px}.cubuk-etiketleri span{flex:1;text-align:center}
.veri-satiri{display:flex;justify-content:space-between;border-top:1px dashed var(--cizgi);padding-top:14px;font-size:13px;color:var(--soluk)}.veri-satiri b{font-family:var(--tek-aralikli-yazi);color:var(--yazi)}
.blog{padding:12px 0 70px}.blog-ust{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.blog-ust h2{font-family:var(--baslik-yazi);font-size:clamp(20px,2.5vw,28px);margin:8px 0 0}.blog-ust p{color:var(--soluk);max-width:56ch}.blog-listesi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-karti{background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;transition:.22s}.blog-karti:hover{translate:0 -4px;border-color:var(--cizgi-ikincil);box-shadow:var(--golge)}.blog-gorseli{height:148px;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,var(--vurgu-soluk),transparent 48%),var(--panel-ikincil);color:var(--vurgu)}.blog-gorseli svg{width:58px;height:58px;stroke-width:1.25}.blog-govdesi{padding:17px}.blog-bilgisi{font-family:var(--tek-aralikli-yazi);font-size:10px;color:var(--silik);display:flex;gap:8px;margin-bottom:9px}.blog-karti h3{font-family:var(--baslik-yazi);font-size:14px;line-height:1.45;margin-bottom:8px}.blog-karti p{font-size:13px;color:var(--soluk);line-height:1.55}.blog-baglantisi{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--vurgu-ikincil);font-weight:700;font-size:12px}
.sss{padding:0 0 70px}.sss h2{font-family:var(--baslik-yazi);font-weight:700;font-size:clamp(19px,2.4vw,26px);margin-bottom:20px}
.akordeon{border:1px solid var(--cizgi);border-radius:12px;background:var(--panel);overflow:hidden}.akordeon+.akordeon{margin-top:10px}
.akordeon summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-weight:600;font-size:14.5px;cursor:pointer}.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary .simge{transition:transform .25s;color:var(--silik)}.akordeon[open] summary .simge{transform:rotate(45deg);color:var(--vurgu)}
.akordeon .icerik{padding:0 18px 17px;color:var(--soluk);font-size:14px;max-width:70ch}
footer.site{border-top:1px solid var(--cizgi);background:var(--zemin-ikincil);padding:52px 0 0}
.alt-izgara{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;padding-bottom:44px}
.alt-izgara h4{font-family:var(--tek-aralikli-yazi);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--silik);margin-bottom:15px}
.alt-izgara a{display:block;font-size:13.5px;color:var(--soluk);padding:4px 0;transition:.15s}.alt-izgara a:hover{color:var(--vurgu-ikincil);transform:translateX(3px)}
.alt-hakkinda p{color:var(--soluk);font-size:13.5px;max-width:34ch;margin:14px 0 18px}
.sosyal-baglantilar{display:flex;gap:8px}
.alt-taban{border-top:1px solid var(--cizgi);padding:16px 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-family:var(--tek-aralikli-yazi);font-size:11px;color:var(--silik)}.alt-taban nav{display:flex;gap:18px}
/* SEPET VE YAN PANEL */
.yan-panel{position:fixed;inset:0;z-index:310;pointer-events:none;overscroll-behavior:none}
.yan-panel .arka{position:absolute;inset:0;background:rgba(8,10,14,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:.3s}
.yan-panel .yan-panel-icerigi{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:var(--panel);border-left:1px solid var(--cizgi-ikincil);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);-webkit-overflow-scrolling:touch}
.yan-panel.acik{pointer-events:auto}.yan-panel.acik .arka{opacity:1}.yan-panel.acik .yan-panel-icerigi{transform:none}
.yan-panel[aria-hidden="true"]{visibility:hidden}.yan-panel[aria-hidden="false"]{visibility:visible}
.sepet-baslik{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--cizgi)}
.sepet-baslik b{font-family:var(--baslik-yazi);font-size:15px}.sepet-baslik .simge-dugmesi{margin-left:auto}
.sepet-urunler{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}
.sepet-bos{text-align:center;color:var(--silik);padding:50px 20px;font-size:14px}.sepet-bos svg{margin:0 auto 14px;opacity:.4}
.sepet-ogesi{display:flex;gap:12px;align-items:center;background:var(--panel-ikincil);border:1px solid var(--cizgi);border-radius:12px;padding:10px}
.sepet-ogesi .kucuk-gorsel{width:52px;height:44px;border-radius:8px;background:var(--zemin);display:grid;place-items:center;overflow:hidden;flex:none}.sepet-ogesi .kucuk-gorsel svg{width:86%}
.sepet-ogesi .urun-bilgisi{flex:1;min-width:0}.sepet-ogesi .urun-bilgisi b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sepet-ogesi .urun-bilgisi span{font-family:var(--tek-aralikli-yazi);font-size:11.5px;color:var(--vurgu-ikincil)}
.adet{display:flex;align-items:center;gap:8px}
.adet button{width:24px;height:24px;border:1px solid var(--cizgi-ikincil);border-radius:7px;font-weight:700;color:var(--soluk)}.adet button:hover{color:var(--vurgu);border-color:var(--vurgu)}
.adet b{font-family:var(--tek-aralikli-yazi);font-size:12.5px;min-width:14px;text-align:center}
.sepet-alt{border-top:1px solid var(--cizgi);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.sepet-toplam{display:flex;justify-content:space-between;font-size:14px;color:var(--soluk)}.sepet-toplam b{font-family:var(--baslik-yazi);color:var(--yazi);font-size:16px}
.indirim-kodu{display:flex;gap:8px}.indirim-kodu input{min-width:0;flex:1;background:var(--panel-ikincil);border:1px solid var(--cizgi);border-radius:9px;padding:10px 12px;outline:0;text-transform:uppercase}.indirim-kodu input:focus{border-color:var(--vurgu)}.indirim-kodu .dugme{flex:none}.indirim-bilgisi{display:none;justify-content:space-between;gap:12px;font-size:12px;color:var(--basarili)}.indirim-bilgisi.goster{display:flex}.indirim-bilgisi button{color:var(--silik);text-decoration:underline}.sepet-genel-toplam{padding-top:10px;border-top:1px dashed var(--cizgi-ikincil)}
/* GENEL PENCERELER (MODAL) - DETAY, YÜKLEME, TICKET */
.genel-pencere{position:fixed;inset:0;z-index:340;display:grid;place-items:center;padding:18px;visibility:hidden;pointer-events:none;overscroll-behavior:none}
.genel-pencere.acik{visibility:visible;pointer-events:auto}
.genel-arka{position:absolute;inset:0;background:rgba(8,10,14,.75);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:.3s;opacity:0}
.genel-pencere.acik .genel-arka{opacity:1}
.genel-kutu{position:relative;width:min(600px,100%);max-height:min(90vh,800px);overflow:auto;background:var(--panel);border:1px solid var(--cizgi-ikincil);border-radius:18px;box-shadow:var(--golge);padding:24px;transform:translateY(14px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .3s;-webkit-overflow-scrolling:touch}
.genel-pencere.acik .genel-kutu{transform:none;opacity:1}
.genel-kutu.buyuk{width:min(960px,100%);padding:0;display:flex;flex-direction:row;overflow:hidden;}
.genel-kutu.buyuk .urun-detay-sol{flex:1;display:grid;place-items:center;background:radial-gradient(70% 80% at 50% 40%,var(--urun-renk1),var(--urun-renk2)); border-right:1px solid var(--cizgi); position:relative; min-height: 350px;}
.genel-kutu.buyuk .urun-detay-sol svg{width:75%; height:auto;}
.genel-kutu.buyuk .urun-detay-sag{width:min(400px,100%);padding:32px 24px;display:flex;flex-direction:column; background:var(--panel);}
@media(max-width:840px){.genel-kutu.buyuk{flex-direction:column;overflow-y:auto;}.genel-kutu.buyuk .urun-detay-sag{width:100%; border-top:1px solid var(--cizgi);}}
.form-satir{margin-bottom:18px}
.form-satir label{display:block;font-size:12.5px;font-weight:600;color:var(--soluk);margin-bottom:8px}
.form-satir input,.form-satir textarea,.form-satir select{width:100%;background:var(--panel-ikincil);border:1px solid var(--cizgi);border-radius:9px;padding:12px;font-size:14px;color:var(--yazi);outline:none;font-family:inherit;transition:.2s}
.form-satir input:focus,.form-satir textarea:focus,.form-satir select:focus{border-color:var(--vurgu);box-shadow:0 0 0 1px var(--vurgu)}
.form-satir textarea{resize:vertical;min-height:90px}
.pencere-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.pencere-baslik h2{font-family:var(--baslik-yazi);font-size:19px;}
.sekmeler{display:flex;gap:6px;background:var(--panel-ikincil);padding:4px;border-radius:10px;border:1px solid var(--cizgi);margin-bottom:16px;}
.sekmeler button{flex:1;padding:8px;font-size:12.5px;font-weight:600;border-radius:7px;color:var(--soluk);transition:.2s;}
.sekmeler button.etkin{background:var(--panel);color:var(--yazi);box-shadow:0 2px 6px rgba(0,0,0,.15);}
/* Resim Yükleme & Slider */
.dosya-secici{position:relative;width:100%;aspect-ratio:16/10;background:var(--panel-ikincil);border:1px dashed var(--cizgi-ikincil);border-radius:12px;overflow:hidden;display:grid;place-items:center;text-align:center;}
.dosya-secici input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:10;}
.dosya-mesaji{color:var(--silik);font-size:13px;pointer-events:none;}
.dosya-mesaji svg{width:36px;height:36px;margin:0 auto 8px;opacity:.6;}
.slider-icerik{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;}
.slider-icerik img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;}
.slider-icerik img.aktif{opacity:1;z-index:6;}
.slider-ok{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(12,15,20,.6);backdrop-filter:blur(4px);color:#fff;display:none;place-items:center;z-index:20;pointer-events:auto;border:1px solid rgba(255,255,255,.15);transition:.2s;}
.slider-ok:hover{background:var(--vurgu);border-color:var(--vurgu);}
.slider-ok.sol{left:12px;}
.slider-ok.sag{right:12px;}
.yapay-3d-gosterim{width:100%;aspect-ratio:16/10;background:radial-gradient(circle, var(--panel-ikincil), var(--zemin));border:1px solid var(--cizgi);border-radius:12px;display:grid;place-items:center;color:var(--silik);font-size:13px;}
/* PALET / ARAMA */
.arama-paleti{position:fixed;inset:0;z-index:320;display:none;overscroll-behavior:none}.arama-paleti.acik{display:block}
.arama-arkasi{position:absolute;inset:0;background:color-mix(in srgb,var(--zemin) 62%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.arama-penceresi{position:relative;max-width:640px;margin:9vh auto 0;background:var(--panel);border:1px solid var(--cizgi-ikincil);border-radius:16px;box-shadow:var(--golge);overflow:hidden;animation:pencere-acilis .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes pencere-acilis{from{opacity:0;transform:translateY(14px) scale(.97)}}
.arama-giris{display:flex;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--cizgi);color:var(--silik)}
.arama-giris input{flex:1;background:none;border:0;outline:0;color:var(--yazi);font-size:15px}
.arama-giris kbd{font-family:var(--tek-aralikli-yazi);font-size:10px;border:1px solid var(--cizgi-ikincil);border-radius:5px;padding:3px 7px}
.arama-islemleri{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--cizgi)}
.arama-islemleri button{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--soluk);border:1px solid var(--cizgi);border-radius:8px;padding:7px 11px}.arama-islemleri button:hover{color:var(--vurgu-ikincil);border-color:var(--vurgu)}
.arama-listesi{max-height:44vh;overflow:auto;padding:8px;-webkit-overflow-scrolling:touch}
.arama-ogesi{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:10px;text-align:left}.arama-ogesi .simge{color:var(--vurgu)}
.arama-ogesi .arama-basligi{font-weight:600;font-size:14px}.arama-ogesi .arama-detayi{margin-left:auto;font-family:var(--tek-aralikli-yazi);font-size:10.5px;color:var(--silik)}
.arama-ogesi.secili,.arama-ogesi:hover{background:var(--vurgu-soluk)}
.arama-bos{padding:26px;text-align:center;color:var(--silik);font-size:13.5px}
.arama-alt{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--cizgi);font-family:var(--tek-aralikli-yazi);font-size:10.5px;color:var(--silik)}
/* SATIN ALMA KANALI SEÇİM PENCERESİ */
.kanal-pencere{position:fixed;inset:0;z-index:330;display:grid;place-items:center;padding:18px;visibility:hidden;pointer-events:none;overscroll-behavior:none}.kanal-pencere.acik{visibility:visible;pointer-events:auto}.kanal-arka{position:absolute;inset:0;background:rgba(8,10,14,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.kanal-kutu{position:relative;width:min(680px,100%);max-height:min(720px,92vh);overflow:auto;background:var(--panel);border:1px solid var(--cizgi-ikincil);border-radius:18px;box-shadow:var(--golge);padding:22px;-webkit-overflow-scrolling:touch}.kanal-baslik{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.kanal-baslik h2{font-family:var(--baslik-yazi);font-size:19px;line-height:1.25}.kanal-baslik p{font-size:13px;color:var(--soluk);margin-top:5px}.kanal-baslik .simge-dugmesi{margin-left:auto}.kanal-listesi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kanal-secimi{display:block;text-align:left;border:1px solid var(--cizgi);background:var(--panel-ikincil);border-radius:12px;padding:15px;transition:.2s}.kanal-secimi:hover,.kanal-secimi.secili{border-color:var(--vurgu);box-shadow:0 0 0 1px var(--vurgu) inset}.kanal-secimi b{display:block;margin-bottom:4px}.kanal-secimi span{font-size:12px;color:var(--soluk)}.kanal-secimi strong{display:block;font-family:var(--tek-aralikli-yazi);color:var(--vurgu-ikincil);margin-top:10px}.kanal-ozet{margin-top:14px;border-top:1px dashed var(--cizgi-ikincil);padding-top:14px;display:grid;gap:7px;font-size:13px}.kanal-ozet div{display:flex;justify-content:space-between;gap:20px}.kanal-ozet .net{font-weight:700;color:var(--basarili)}.kanal-eylem{display:flex;gap:10px;margin-top:17px}.kanal-eylem .dugme{flex:1}.seo-baslik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* KASA */
.kasa-sekmeler{display:flex;gap:5px;padding:9px 10px;border-bottom:1px solid var(--cizgi);overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kasa-sekmeler::-webkit-scrollbar{display:none}.kasa-sekmeler span{font-family:var(--tek-aralikli-yazi);font-size:9px;white-space:nowrap;color:var(--silik);padding:6px 8px;border-radius:7px}.kasa-sekmeler span:first-child{background:var(--vurgu-soluk);color:var(--vurgu-ikincil)}.kasa-ozet{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.kasa-ozet div{border:1px solid var(--cizgi);border-radius:10px;padding:10px;background:var(--panel-ikincil)}.kasa-ozet span{display:block;font-size:10.5px;color:var(--silik)}.kasa-ozet b{display:block;font-family:var(--tek-aralikli-yazi);font-size:13px;margin-top:3px}.kasa-ozet .uygun b{color:var(--basarili)}.kasa-not{margin:0 13px 13px;padding:10px 11px;border-left:2px solid var(--vurgu);background:var(--vurgu-soluk);font-size:11.5px;color:var(--soluk)}.kasa-eylem{display:flex;gap:8px;padding:0 13px 13px}.kasa-eylem .dugme{flex:1;padding:9px 11px;font-size:11.5px}
/* KISA BİLDİRİM VE YUKARI DÖN DÜĞMESİ */
#bildirimler{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:400;align-items:center;max-width:92vw;pointer-events:none}
.kisa-bildirim{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--cizgi-ikincil);border-left:3px solid var(--vurgu);padding:11px 16px;border-radius:12px;box-shadow:var(--golge);opacity:0;translate:0 14px;transition:.3s;font-size:13.5px;font-weight:600;max-width:92vw}.kisa-bildirim.etkin{opacity:1;translate:0 0}.kisa-bildirim span{color:var(--vurgu)}
#yukari-don{position:fixed;right:18px;bottom:18px;z-index:95;opacity:0;pointer-events:none;translate:0 10px;transition:.3s;background:var(--panel)}#yukari-don.goster{opacity:1;pointer-events:auto;translate:0 0}
/* DUYARLI TASARIM VE MOBİL DÜZELTMELER */
@media(max-width:1080px){.ana-tanitim-izgarasi,.dilimleyici-izgarasi,.satis-izgarasi{grid-template-columns:1fr;gap:34px}.alt-izgara{grid-template-columns:1fr 1fr}.ana-menu{display:none !important;}.mobil-menu-simgesi,.mobil-arama-dugmesi{display:grid}.iletisim-dugmeleri{margin-left:0}}
@media(max-width:900px){.arama,.ust-islemler>.dugme-cerceve,.ust-islemler>.dugme-vurgu{display:none}.bildirim-kutu{position:fixed;top:68px;right:12px}}
@media(max-width:768px){ .arama input, .arama-giris input, .dilimleyici-kontrol select, .mobil-arama input, .form-satir input, .form-satir textarea, .form-satir select { font-size: 16px !important; } }
@media(max-width:640px){.dort-ozellik{grid-template-columns:1fr 1fr}.dilimleyici-govde{grid-template-columns:1fr}.dilimleyici-gorunum{border-right:0;border-bottom:1px solid var(--cizgi)}.alt-izgara{grid-template-columns:1fr}.kapsayici{padding:0 16px}.ana-tanitim{padding:34px 0 28px}.arama-penceresi{margin:0 12px}.hafta-alt .dugme{width:100%}.gosterge-sayilari{grid-template-columns:1fr 1fr}.gosterge-sayilari div:last-child{grid-column:1/-1}.gosterge-sayilari b{font-size:13.5px}.goruntu-araclari{left:8px}.kanal-listesi{grid-template-columns:1fr}.kanal-kutu{padding:17px}.kanal-eylem{flex-direction:column}.ana-istatistikler{gap:16px}.ana-istatistikler>div{width:calc(50% - 8px)}.kasa-ozet{grid-template-columns:1fr}.kasa-eylem{flex-direction:column}.blog-ust{align-items:flex-start;flex-direction:column}.blog-listesi{grid-template-columns:1fr}.indirim-kodu{flex-direction:column}.amblem{gap:8px}.amblem-yazi span{font-size:14.5px}.amblem-yazi em{font-size:9.5px;letter-spacing:.2em}.amblem svg{width:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-gorunum]{opacity:1;translate:0 0}}
/* ===== PALAMUT.SHOP V5 EKLERİ ===== */
.v5-cek{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--vurgu);color:#fff!important;font-weight:800;text-decoration:none;letter-spacing:.08em;animation:v5cek 1.8s ease-in-out infinite}
.v5-cek b{font-family:"IBM Plex Mono",monospace}@keyframes v5cek{50%{transform:translateY(-1px);box-shadow:0 5px 14px rgba(232,72,15,.22)}}
.v5-hero-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.v5-uyelik-notu{max-width:650px;margin-top:12px;font-size:12px;color:var(--silik);line-height:1.55}
.v5-kesif-paneli{margin:54px 0 28px;padding:22px;border:1px solid var(--cizgi);background:var(--panel);border-radius:20px;display:flex;align-items:end;justify-content:space-between;gap:20px;box-shadow:var(--golge)}
.v5-kesif-metin h2{font-size:clamp(18px,2vw,26px);margin:4px 0 6px}.v5-kesif-metin p{margin:0;color:var(--soluk)}.v5-filtreler{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.v5-segment{display:inline-flex;padding:4px;border:1px solid var(--cizgi);border-radius:12px;background:var(--zemin)}.v5-segment button{border:0;background:transparent;color:var(--soluk);padding:9px 13px;border-radius:9px;font:600 12px "Instrument Sans",sans-serif;cursor:pointer}.v5-segment button.etkin{background:var(--vurgu);color:#fff}
.v5-sirala{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--soluk)}.v5-sirala select{min-height:38px;border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin);color:var(--yazi);padding:0 32px 0 10px;font:600 12px "Instrument Sans",sans-serif}
.v5-kart-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}.v5-kart-ust .kart-etiketi{margin:0}.v5-surum{font:600 9px "IBM Plex Mono",monospace;color:var(--silik);border:1px solid var(--cizgi);padding:3px 6px;border-radius:999px}
.v5-bedava{background:#1f9d68!important;color:#fff!important}.v5-ucretsiz-lisans{background:rgba(31,157,104,.08)!important;color:#1f9d68!important;border-color:rgba(31,157,104,.28)!important}.v5-ucretsiz-not{font-size:10.5px;line-height:1.45;color:var(--silik);margin:8px 0 0}.direkt-indir{background:#1f9d68!important;color:#fff!important;border-color:#1f9d68!important}
.v5-ucretsiz-bolum{margin:74px 0 64px;padding:28px;border:1px solid rgba(31,157,104,.22);background:linear-gradient(145deg,rgba(31,157,104,.07),var(--panel));border-radius:24px}.v5-ucretsiz-baslik{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:24px;align-items:start;margin-bottom:24px}.v5-ucretsiz-baslik h2{font-size:clamp(22px,3vw,34px);margin:4px 0 8px}.v5-ucretsiz-baslik p{color:var(--soluk);max-width:760px}.v5-lisans-kutu{padding:16px;border:1px solid rgba(31,157,104,.25);background:var(--panel);border-radius:16px;display:grid;gap:7px}.v5-lisans-kutu b{color:#1f9d68}.v5-lisans-kutu span{font-size:11.5px;color:var(--soluk)}.v5-ucretsiz-alt{margin-top:18px;padding-top:16px;border-top:1px solid rgba(31,157,104,.18);display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--soluk);font-size:11px}.v5-ucretsiz-alt .dugme{margin-left:auto}
.v5-slicer-uyari{margin-top:18px;padding:11px 13px;border:1px solid var(--cizgi);background:var(--panel);border-radius:12px;color:var(--soluk);font-size:12px}.v5-slicer-uyari b{color:var(--vurgu)}
.v5-satici-kurallari{padding:76px 0;background:var(--panel);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}.v5-kural-baslik{max-width:760px;margin-bottom:24px}.v5-kural-baslik h2{font-size:clamp(24px,4vw,42px);margin:4px 0 8px}.v5-kural-baslik p{color:var(--soluk)}.v5-kural-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v5-kural-grid article{padding:20px;border:1px solid var(--cizgi);border-radius:18px;background:var(--zemin)}.v5-kural-grid b{display:block;font-size:12px;color:var(--soluk);margin-bottom:10px}.v5-kural-grid strong{display:block;font:700 17px "Unbounded",sans-serif;line-height:1.25;margin-bottom:9px}.v5-kural-grid p{margin:0;color:var(--soluk);font-size:12px;line-height:1.55}.v5-hukuk-notu{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--vurgu);background:rgba(232,72,15,.05);font-size:11.5px;color:var(--soluk)}
.v5-bos-sonuc{grid-column:1/-1;padding:30px;border:1px dashed var(--cizgi);border-radius:16px;text-align:center;color:var(--soluk)}
@media(max-width:900px){.v5-kesif-paneli{align-items:stretch;flex-direction:column}.v5-filtreler{justify-content:flex-start}.v5-ucretsiz-baslik{grid-template-columns:1fr}.v5-kural-grid{grid-template-columns:1fr}.v5-ucretsiz-alt .dugme{margin-left:0}}
@media(max-width:560px){.v5-kesif-paneli,.v5-ucretsiz-bolum{padding:17px;border-radius:17px}.v5-filtreler{display:grid;grid-template-columns:1fr}.v5-segment{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.v5-segment button{padding-inline:7px}.v5-sirala{justify-content:space-between}.v5-sirala select{flex:1}.v5-hero-eylem .dugme{width:100%;justify-content:center}.v5-ucretsiz-alt{align-items:stretch;flex-direction:column}.v5-ucretsiz-alt .dugme{width:100%}}
/* =========================================================
GİRİŞ SAYFASI — KULLANICININ GİRİS.HTML TASARIMI
Ortak V5 üst/alt menüye uyarlanmış sürüm.
========================================================= */
.giris-sayfasi{
padding:42px 0 56px;
min-height:calc(100vh - var(--ust-yukseklik));
min-height:calc(100dvh - var(--ust-yukseklik));
display:flex;
align-items:center;
}
.giris-izgara{
width:100%;
display:grid;
grid-template-columns:minmax(0,560px) minmax(0,1fr);
gap:24px;
align-items:stretch;
}
.giris-kart{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:26px;
box-shadow:var(--golge);
overflow:hidden;
}
.form-kart{
padding:32px;
}
.giris-ust-etiket{
font-family:var(--tek-aralikli-yazi);
font-size:11px;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--vurgu);
display:flex;
align-items:center;
gap:9px;
font-weight:600;
}
.giris-ust-etiket::before{
content:"";
width:24px;
height:2px;
background:var(--vurgu);
}
.giris-sayfasi h1{
font-family:var(--baslik-yazi);
font-size:clamp(30px,5vw,42px);
line-height:1.08;
margin:14px 0 10px;
}
.giris-aciklama{
color:var(--soluk);
font-size:14.5px;
max-width:50ch;
margin-bottom:26px;
}
.giris-alan{
margin-bottom:16px;
min-width:0;
}
.giris-alan label{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
font-size:12.5px;
font-weight:700;
color:var(--soluk);
margin-bottom:7px;
}
.giris-alan label a{
color:var(--vurgu);
font-weight:800;
}
.giris-girdi{
position:relative;
min-width:0;
display:flex;
align-items:center;
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
border-radius:14px;
transition:.2s;
}
.giris-girdi:focus-within{
border-color:var(--vurgu);
box-shadow:0 0 0 4px var(--vurgu-soluk);
}
.giris-girdi.hatali{
border-color:#b42318;
}
.giris-girdi-simge{
width:46px;
height:46px;
display:grid;
place-items:center;
color:var(--silik);
flex:none;
}
.giris-girdi-simge svg,
.guvenli-giris svg,
.giris-dugme svg,
.giris-ikincil-dugme svg,
.giris-hesap-bilgisi-simge svg{
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.giris-girdi-simge svg{
width:18px;
height:18px;
}
.giris-girdi input{
min-width:0;
width:100%;
flex:1;
border:0;
background:transparent;
color:var(--yazi);
outline:0;
padding:13px 10px 13px 0;
font-size:15px;
}
.giris-girdi input::placeholder{
color:var(--silik);
}
.giris-girdi-eylem{
flex:none;
height:34px;
margin-right:6px;
padding:0 10px;
border:0;
border-radius:9px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font-size:11px;
font-weight:800;
white-space:nowrap;
}
.giris-yardim{
font-size:11.5px;
color:var(--silik);
margin-top:6px;
}
.giris-secenekler{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:4px 0 20px;
flex-wrap:wrap;
}
.beni-hatirla{
display:flex;
align-items:center;
gap:8px;
font-size:12.5px;
color:var(--soluk);
}
.beni-hatirla input{
appearance:auto;
-webkit-appearance:auto;
width:17px;
height:17px;
accent-color:var(--vurgu);
}
.guvenli-giris{
display:inline-flex;
align-items:center;
gap:7px;
font-size:11.5px;
color:var(--basarili);
}
.guvenli-giris svg{
width:15px;
height:15px;
}
.giris-dugme{
width:100%;
min-height:50px;
border-radius:14px;
border:1px solid transparent;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
font-weight:800;
font-size:13px;
background:linear-gradient(135deg,var(--vurgu),var(--vurgu-ikincil));
color:var(--vurgu-yazi);
box-shadow:0 14px 30px -16px var(--vurgu);
transition:transform .15s,box-shadow .2s,background .2s;
}
.giris-dugme:hover{
box-shadow:0 18px 34px -15px var(--vurgu);
}
.giris-dugme:active{
transform:scale(.98);
}
.giris-dugme:disabled{
opacity:.5;
cursor:not-allowed;
box-shadow:none;
}
.giris-dugme svg{
width:17px;
height:17px;
stroke-width:1.9;
}
.giris-alt-islemler{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:14px;
}
.giris-ikincil-dugme{
min-height:44px;
border-radius:13px;
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
color:var(--yazi);
font-weight:700;
font-size:12.5px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}
.giris-ikincil-dugme svg{
width:16px;
height:16px;
}
.giris-hesap-bilgisi{
margin-top:18px;
border:1px solid var(--cizgi);
border-radius:14px;
padding:13px 14px;
background:linear-gradient(135deg,var(--vurgu-soluk),transparent),var(--panel-ikincil);
display:grid;
grid-template-columns:36px 1fr;
gap:11px;
}
.giris-hesap-bilgisi-simge{
width:36px;
height:36px;
border-radius:10px;
background:var(--vurgu);
color:var(--vurgu-yazi);
display:grid;
place-items:center;
}
.giris-hesap-bilgisi-simge svg{
width:17px;
height:17px;
}
.giris-hesap-bilgisi b{
font-size:13px;
}
.giris-hesap-bilgisi p{
font-size:11.5px;
color:var(--soluk);
margin-top:3px;
}
.giris-hata{
margin-bottom:18px;
padding:12px 14px;
border:1px solid #b42318;
border-radius:13px;
background:var(--panel-ikincil);
color:#b42318;
font-size:12px;
}
.giris-hata ul{
margin:7px 0 0;
padding-left:18px;
}
.hosgeldin-karti{
position:relative;
min-height:100%;
background:
radial-gradient(circle at 85% 10%,rgba(255,255,255,.16),transparent 12rem),
linear-gradient(160deg,#6d2cff 0%,#8d31ff 38%,#ee5016 110%);
color:#fff;
padding:28px;
display:flex;
flex-direction:column;
justify-content:space-between;
overflow:hidden;
}
.hosgeldin-karti::after{
content:"";
position:absolute;
right:-52px;
bottom:-52px;
width:180px;
height:180px;
border-radius:50%;
border:28px solid rgba(255,255,255,.08);
pointer-events:none;
}
.hosgeldin-ust{
position:relative;
z-index:1;
}
.hosgeldin-rozet{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.16);
font-family:var(--tek-aralikli-yazi);
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
backdrop-filter:blur(8px);
}
.hosgeldin-baslik{
font-family:var(--baslik-yazi);
font-size:clamp(34px,4vw,48px);
line-height:1.05;
margin:18px 0 12px;
max-width:9ch;
}
.hosgeldin-metin{
max-width:42ch;
color:rgba(255,255,255,.83);
font-size:14px;
}
.giris-model-alani{
position:relative;
z-index:1;
margin:22px 0 16px;
border-radius:24px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.08);
backdrop-filter:blur(12px);
padding:12px;
min-height:380px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.giris-model-alani model-viewer{
width:100%;
height:360px;
--poster-color:transparent;
background:transparent;
}
.giris-model-yer-tutucu{
position:absolute;
inset:12px;
display:none;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
border:1px dashed rgba(255,255,255,.25);
border-radius:18px;
color:rgba(255,255,255,.92);
padding:20px;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}
.giris-model-yer-tutucu svg{
width:68px;
height:68px;
margin-bottom:14px;
stroke:currentColor;
fill:none;
stroke-width:1.5;
}
.giris-model-yer-tutucu b{
font-size:17px;
margin-bottom:6px;
}
.giris-model-yer-tutucu p{
font-size:13px;
max-width:28ch;
color:rgba(255,255,255,.78);
}
.giris-model-alt{
position:relative;
z-index:1;
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:center;
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(10px);
}
.giris-model-alt b{
display:block;
font-size:14px;
}
.giris-model-alt span{
display:block;
margin-top:4px;
font-size:12px;
color:rgba(255,255,255,.76);
}
.haftanin-urun{
padding:10px 14px;
border-radius:12px;
background:#fff;
color:#40158c !important;
font-weight:800;
font-size:12px;
white-space:nowrap;
}
@media(max-width:980px){
.giris-sayfasi{
align-items:flex-start;
}
.giris-izgara{
grid-template-columns:1fr;
}
.hosgeldin-karti{
min-height:unset;
}
.giris-model-alani{
min-height:300px;
}
.giris-model-alani model-viewer{
height:280px;
}
}
@media(max-width:700px){
.giris-sayfasi{
padding:18px 0 32px;
}
.form-kart{
padding:20px;
}
.giris-kart{
border-radius:20px;
}
.giris-sayfasi h1{
font-size:30px;
}
.giris-girdi input{
font-size:16px;
}
.giris-alt-islemler{
grid-template-columns:1fr;
}
.hosgeldin-karti{
padding:20px;
}
.giris-model-alt{
grid-template-columns:1fr;
}
.haftanin-urun{
justify-self:start;
}
.hosgeldin-baslik{
font-size:34px;
}
}
/* =========================================================
KAYIT SAYFASI — KULLANICININ KAYIT.HTML TASARIMI
Ortak V5 üst/alt menüye uyarlanmış sürüm.
========================================================= */
.kayit-sayfasi{
padding:34px 0 48px;
}
.kayit{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
gap:24px;
align-items:start;
}
.kayit-kart{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:26px;
box-shadow:var(--golge);
overflow:hidden;
}
.kayit-sayfasi .form-kart{
padding:28px;
}
.kayit-ust-etiket{
font-family:var(--tek-aralikli-yazi);
font-size:11px;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--vurgu);
display:flex;
align-items:center;
gap:9px;
font-weight:600;
}
.kayit-ust-etiket::before{
content:"";
width:24px;
height:2px;
background:var(--vurgu);
}
.kayit-sayfasi h1{
font-family:var(--baslik-yazi);
font-size:clamp(27px,4vw,42px);
line-height:1.08;
margin:14px 0 10px;
}
.kayit-aciklama{
color:var(--soluk);
font-size:14.5px;
max-width:56ch;
}
.kayit-ilerleme{
display:flex;
align-items:center;
gap:8px;
margin:24px 0 22px;
}
.kayit-ilerleme-adim{
flex:1;
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.kayit-ilerleme-cizgi{
height:2px;
flex:1;
background:var(--cizgi-ikincil);
border-radius:999px;
}
.kayit-ilerleme-adim.tamam .kayit-ilerleme-cizgi{
background:var(--basarili);
}
.kayit-ilerleme-adim.etkin .kayit-ilerleme-cizgi{
background:linear-gradient(90deg,var(--vurgu),var(--cizgi-ikincil));
}
.kayit-adim-balonu{
flex:none;
width:32px;
height:32px;
border-radius:11px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
display:grid;
place-items:center;
color:var(--silik);
font-family:var(--tek-aralikli-yazi);
font-size:11px;
font-weight:700;
}
.kayit-ilerleme-adim.etkin .kayit-adim-balonu{
background:var(--vurgu);
color:var(--vurgu-yazi);
border-color:var(--vurgu);
}
.kayit-ilerleme-adim.tamam .kayit-adim-balonu{
background:var(--basarili);
color:#fff;
border-color:var(--basarili);
}
.kayit-adim-adi{
font-size:11.5px;
font-weight:700;
color:var(--silik);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.kayit-ilerleme-adim.etkin .kayit-adim-adi{
color:var(--yazi);
}
.kayit-form-adim{
display:none;
animation:kayitAdim .28s ease;
}
.kayit-form-adim.etkin{
display:block;
}
@keyframes kayitAdim{
from{opacity:0;transform:translateY(8px)}
}
.kayit-alan-izgara{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:14px;
}
.kayit-alan{
margin-bottom:15px;
min-width:0;
}
.kayit-alan label{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
font-size:12.5px;
font-weight:700;
color:var(--soluk);
margin-bottom:7px;
}
.zorunlu{
color:var(--vurgu);
}
.kayit-girdi{
position:relative;
min-width:0;
display:flex;
align-items:center;
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
border-radius:14px;
transition:.2s;
}
.kayit-girdi:focus-within{
border-color:var(--vurgu);
box-shadow:0 0 0 4px var(--vurgu-soluk);
}
.kayit-girdi.hatali{
border-color:#b42318;
}
.kayit-girdi.kilitli{
opacity:.78;
background:var(--panel3);
}
.kayit-girdi-simge{
width:44px;
height:44px;
display:grid;
place-items:center;
color:var(--silik);
flex:none;
}
.kayit-girdi-simge svg,
.kayit-amac-ikon svg,
.kayit-bilgi-simge svg,
.kayit-dugme svg,
.yan-ikon svg,
.kayit-basari-simge svg{
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.kayit-girdi-simge svg{
width:18px;
height:18px;
}
.kayit-girdi input{
min-width:0;
flex:1;
border:0;
background:transparent;
color:var(--yazi);
outline:0;
padding:12px 10px 12px 0;
font-size:15px;
width:100%;
}
.kayit-girdi input::placeholder{
color:var(--silik);
}
.kayit-girdi input:disabled{
cursor:not-allowed;
color:var(--soluk);
}
.kayit-girdi-eylem{
flex:none;
height:34px;
margin-right:6px;
padding:0 10px;
border:0;
border-radius:9px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font-size:11px;
font-weight:800;
white-space:nowrap;
}
.kayit-yardim{
font-size:11.5px;
color:var(--silik);
margin-top:6px;
}
.kayit-yardim.basari{
color:var(--basarili);
}
.kayit-yardim.hata{
color:#b42318;
}
.parola-gucu{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:5px;
margin-top:7px;
}
.parola-gucu i{
height:4px;
border-radius:999px;
background:var(--cizgi-ikincil);
}
.parola-gucu.seviye-1 i:nth-child(-n+1),
.parola-gucu.seviye-2 i:nth-child(-n+2),
.parola-gucu.seviye-3 i:nth-child(-n+3),
.parola-gucu.seviye-4 i:nth-child(-n+4){
background:var(--vurgu);
}
.kayit-secim-basligi{
font-size:12.5px;
font-weight:700;
color:var(--soluk);
margin-bottom:8px;
}
.kayit-amaclar{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-bottom:16px;
}
.kayit-amac{
position:relative;
border:1px solid var(--cizgi);
border-radius:16px;
padding:14px;
background:var(--panel-ikincil);
cursor:pointer;
transition:.2s;
}
.kayit-amac:hover{
transform:translateY(-1px);
border-color:var(--cizgi-ikincil);
}
.kayit-amac input{
position:absolute;
opacity:0;
pointer-events:none;
}
.kayit-amac:has(input:checked){
border-color:var(--vurgu);
box-shadow:0 0 0 3px var(--vurgu-soluk);
background:linear-gradient(135deg,var(--vurgu-soluk),transparent),var(--panel-ikincil);
}
.kayit-amac-ikon{
width:38px;
height:38px;
border-radius:11px;
background:var(--panel);
display:grid;
place-items:center;
color:var(--vurgu);
border:1px solid var(--cizgi);
margin-bottom:10px;
}
.kayit-amac-ikon svg{
width:19px;
height:19px;
}
.kayit-amac b{
display:block;
font-size:13.5px;
}
.kayit-amac span{
display:block;
font-size:11.5px;
color:var(--silik);
margin-top:3px;
}
.kayit-bilgi-kart{
display:grid;
grid-template-columns:36px 1fr;
gap:11px;
padding:13px 14px;
border:1px solid var(--cizgi);
border-radius:14px;
background:linear-gradient(135deg,var(--vurgu-soluk),transparent),var(--panel-ikincil);
margin-bottom:15px;
}
.kayit-bilgi-kart[hidden]{
display:none;
}
.kayit-bilgi-mavi{
background:linear-gradient(135deg,rgba(47,128,237,.10),transparent),var(--panel-ikincil);
}
.kayit-bilgi-simge{
width:36px;
height:36px;
border-radius:10px;
background:var(--vurgu);
color:#fff;
display:grid;
place-items:center;
}
.kayit-bilgi-simge.mavi{
background:#2f80ed;
}
.kayit-bilgi-simge svg{
width:17px;
height:17px;
}
.kayit-bilgi-kart b{
font-size:13px;
}
.kayit-bilgi-kart p{
font-size:11.5px;
color:var(--soluk);
margin-top:3px;
}
.kayit-magaza-onizleme{
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel-ikincil);
padding:14px;
margin:0 0 15px;
}
.kayit-magaza-onizleme small{
display:block;
color:var(--silik);
font-size:10.5px;
margin-bottom:7px;
font-family:var(--tek-aralikli-yazi);
}
.kayit-magaza-ad{
display:flex;
align-items:center;
gap:7px;
font-family:var(--baslik-yazi);
font-size:15px;
}
.mavi-tik{
width:18px;
height:18px;
border-radius:50%;
background:#2f80ed;
color:#fff;
display:inline-grid;
place-items:center;
font-size:11px;
font-family:Arial,sans-serif;
box-shadow:0 0 0 3px rgba(47,128,237,.10);
}
.mavi-tik.silik{
opacity:.3;
}
.kayit-magaza-url{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:11px;
color:var(--vurgu);
margin-top:6px;
word-break:break-all;
}
.kayit-ozet{
display:grid;
gap:8px;
font-size:13px;
}
.kayit-ozet span{
color:var(--silik);
}
.kayit-onay{
display:grid;
grid-template-columns:24px 1fr;
gap:10px;
align-items:start;
padding:12px 0;
border-bottom:1px dashed var(--cizgi);
}
.kayit-onay:last-child{
border-bottom:0;
}
.kayit-onay input{
appearance:auto;
-webkit-appearance:auto;
width:18px;
height:18px;
margin-top:2px;
accent-color:var(--vurgu);
}
.kayit-onay label{
font-size:12.5px;
color:var(--soluk);
}
.kayit-onay a{
color:var(--vurgu);
font-weight:700;
text-decoration:underline;
}
.kayit-onay label span{
color:var(--silik);
}
.kayit-eylemler{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding-top:18px;
margin-top:20px;
border-top:1px solid var(--cizgi);
}
.kayit-dugme{
min-height:46px;
border-radius:13px;
border:1px solid transparent;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
font-weight:800;
font-size:13px;
transition:transform .15s,box-shadow .2s,background .2s;
}
.kayit-dugme:active{
transform:scale(.98);
}
.kayit-dugme svg{
width:17px;
height:17px;
stroke-width:1.9;
}
.kayit-dugme-geri{
background:var(--panel-ikincil);
border-color:var(--cizgi);
color:var(--soluk);
}
.kayit-dugme-ileri{
background:linear-gradient(135deg,var(--vurgu),var(--vurgu-ikincil));
color:var(--vurgu-yazi);
margin-left:auto;
box-shadow:0 12px 28px -16px var(--vurgu);
}
.kayit-dugme:disabled{
opacity:.5;
cursor:not-allowed;
}
.kayit-hata{
margin-bottom:18px;
padding:12px 14px;
border:1px solid #b42318;
border-radius:13px;
background:var(--panel-ikincil);
color:#b42318;
font-size:12px;
}
.kayit-hata ul{
margin:7px 0 0;
padding-left:18px;
}
.yan-kart{
position:sticky;
top:96px;
}
.yan-kapak{
padding:28px;
min-height:210px;
background:
radial-gradient(circle at 85% 15%,rgba(255,255,255,.2),transparent 10rem),
radial-gradient(circle at 10% 100%,rgba(255,255,255,.10),transparent 14rem),
linear-gradient(135deg,#6b2cff,#9d32ff 48%,#ee5016 120%);
color:#fff;
position:relative;
overflow:hidden;
}
.yan-kapak h2{
font-family:var(--baslik-yazi);
font-size:22px;
line-height:1.28;
margin:12px 0 8px;
max-width:17ch;
}
.yan-kapak p{
font-size:13px;
max-width:40ch;
color:rgba(255,255,255,.8);
}
.yan-kapak .kayit-ust-etiket{
color:#fff;
}
.yan-kapak .kayit-ust-etiket::before{
background:#fff;
}
.kayit-profil{
margin:-44px 22px 0;
position:relative;
z-index:2;
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:18px;
padding:16px;
box-shadow:0 20px 44px -32px rgba(0,0,0,.4);
}
.kayit-profil-ust{
display:flex;
align-items:center;
gap:12px;
}
.kayit-avatar{
width:56px;
height:56px;
border-radius:17px;
background:linear-gradient(135deg,var(--vurgu),#ffad87);
color:#fff;
display:grid;
place-items:center;
font-family:var(--baslik-yazi);
font-size:18px;
font-weight:800;
flex:none;
}
.kayit-profil-ad{
display:flex;
align-items:center;
gap:7px;
font-weight:800;
}
.kayit-profil-alt{
font-size:11.5px;
color:var(--silik);
margin-top:3px;
}
.kayit-profil-istatistik{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-top:14px;
}
.kayit-profil-istatistik div{
background:var(--panel-ikincil);
border-radius:11px;
padding:9px;
text-align:center;
border:1px solid var(--cizgi);
}
.kayit-profil-istatistik b{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:12px;
}
.kayit-profil-istatistik span{
font-size:9.5px;
color:var(--silik);
}
.yan-icerik{
padding:22px;
display:grid;
gap:13px;
}
.yan-madde{
display:grid;
grid-template-columns:40px 1fr;
gap:11px;
align-items:center;
}
.yan-ikon{
width:40px;
height:40px;
border-radius:12px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
color:var(--vurgu);
display:grid;
place-items:center;
}
.yan-ikon svg{
width:19px;
height:19px;
}
.yan-madde b{
font-size:13px;
}
.yan-madde p{
font-size:11.5px;
color:var(--silik);
margin-top:2px;
}
.kayit-basarili{
text-align:center;
padding:18px 0 4px;
}
.kayit-basari-simge{
width:74px;
height:74px;
border-radius:24px;
margin:0 auto 16px;
background:rgba(23,138,85,.10);
color:var(--basarili);
display:grid;
place-items:center;
}
.kayit-basari-simge svg{
width:32px;
height:32px;
stroke-width:2;
}
.kayit-basarili h2{
font-family:var(--baslik-yazi);
font-size:22px;
}
.kayit-basarili p{
font-size:13.5px;
color:var(--soluk);
max-width:48ch;
margin:8px auto 0;
}
.kayit-basarili-eylem{
justify-content:center;
}
@media(max-width:960px){
.kayit{
grid-template-columns:1fr;
}
.yan-kart{
position:static;
}
}
@media(max-width:820px) and (min-width:701px){
.kayit-alan-izgara{
grid-template-columns:1fr;
}
}
@media(max-width:700px){
.kayit-sayfasi{
padding:18px 0 32px;
}
.kayit-sayfasi .form-kart{
padding:18px;
}
.kayit-kart{
border-radius:20px;
}
.kayit-alan-izgara,
.kayit-amaclar{
grid-template-columns:1fr;
}
.kayit-ilerleme{
gap:5px;
}
.kayit-adim-adi{
display:none;
}
.kayit-ilerleme-adim{
gap:5px;
}
.kayit-adim-balonu{
width:30px;
height:30px;
border-radius:10px;
}
.kayit-eylemler{
position:sticky;
bottom:0;
z-index:20;
margin:18px -18px -18px;
padding:12px 18px calc(12px + env(safe-area-inset-bottom));
background:var(--panel);
border-top:1px solid var(--cizgi);
}
.kayit-eylemler .kayit-dugme{
flex:1;
}
.yan-kart{
display:none;
}
.kayit-sayfasi h1{
font-size:30px;
}
.kayit-girdi input{
font-size:16px;
min-width:0;
}
.kayit-girdi-eylem{
padding:0 9px;
margin-right:5px;
}
}
/* =========================================================
PUBLIC PROFİL + MAĞAZA
Kullanıcının magaza.html tasarımına sadık uyarlama.
========================================================= */
.public-profil-sayfasi,
.magaza-sayfasi{
padding:22px 0 48px;
overflow-x:clip;
}
.pm-profil{
overflow:hidden;
border-radius:26px;
border:1px solid var(--cizgi);
background:
radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 12rem),
linear-gradient(115deg,#6b2cff 0%,#8d3fff 45%,#ee5016 125%);
color:#fff;
box-shadow:var(--golge);
position:relative;
}
.pm-profil-normal{
background:
radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 12rem),
linear-gradient(115deg,#4d5a78 0%,#687693 48%,#9a633a 125%);
}
.pm-profil::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
background-size:42px 42px;
opacity:.35;
pointer-events:none;
}
.pm-profil-ana{
position:relative;
padding:28px;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:22px;
align-items:center;
}
.pm-profil-avatar{
width:118px;
height:118px;
border-radius:50%;
background:#fff;
border:4px solid rgba(255,255,255,.75);
box-shadow:0 16px 34px -18px rgba(0,0,0,.5);
display:grid;
place-items:center;
overflow:hidden;
}
.pm-profil-avatar.normal{
width:108px;
height:108px;
}
.pm-profil-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.pm-profil-avatar .ic{
width:100%;
height:100%;
display:grid;
place-items:center;
background:radial-gradient(circle at 35% 30%,#fff,#f0edf5 68%,#ded7e9);
color:#9c2947;
font-family:var(--baslik-yazi);
font-weight:800;
font-size:27px;
}
.pm-profil-bilgi{min-width:0}
.pm-isim-satiri{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.pm-isim{
font-family:var(--baslik-yazi);
font-size:clamp(23px,3vw,33px);
line-height:1.08;
letter-spacing:-.02em;
}
.pm-mavi-tik{
width:23px;
height:23px;
border-radius:50%;
background:#1d9bf0;
color:#fff;
display:grid;
place-items:center;
font-size:13px;
font-weight:900;
box-shadow:0 0 0 4px rgba(255,255,255,.14);
flex:none;
}
.pm-profil-alt{
margin-top:6px;
color:rgba(255,255,255,.75);
font-family:var(--tek-aralikli-yazi);
font-size:11px;
overflow-wrap:anywhere;
}
.pm-profil-kisa{
margin-top:13px;
max-width:70ch;
color:rgba(255,255,255,.86);
font-size:13.5px;
}
.pm-profil-cipler{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:14px;
}
.pm-profil-cip{
display:inline-flex;
align-items:center;
gap:6px;
color:rgba(255,255,255,.9);
border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.09);
border-radius:999px;
padding:6px 10px;
font:700 9.5px var(--tek-aralikli-yazi);
backdrop-filter:blur(8px);
}
.pm-profil-eylemler{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:16px;
}
.pm-profil-btn{
min-height:40px;
padding:0 15px;
border-radius:11px;
border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.11);
color:#fff;
backdrop-filter:blur(8px);
font-weight:800;
font-size:11.5px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
}
.pm-profil-btn.ana{
background:#fff;
color:#5420ae;
border-color:#fff;
}
.pm-profil-btn.takipte{
background:#1f9b60;
border-color:#1f9b60;
color:#fff;
}
.pm-profil-yan{
display:grid;
justify-items:end;
gap:8px;
min-width:160px;
}
.pm-profil-rozet{
padding:9px 11px;
border-radius:11px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.17);
font-size:10px;
font-weight:800;
display:flex;
align-items:center;
gap:7px;
}
.pm-profil-rozet i{
font-style:normal;
font-size:13px;
}
.pm-istatistik-bant{
display:grid;
grid-template-columns:repeat(6,1fr);
border-top:1px solid rgba(255,255,255,.13);
background:rgba(18,7,48,.14);
position:relative;
}
.pm-istatistik{
min-width:0;
padding:14px 16px;
border-right:1px solid rgba(255,255,255,.11);
}
.pm-istatistik:last-child{
border-right:0;
}
.pm-istatistik small{
display:block;
font:800 9px var(--tek-aralikli-yazi);
color:rgba(255,255,255,.65);
letter-spacing:.08em;
text-transform:uppercase;
}
.pm-istatistik b{
display:block;
margin-top:3px;
font-family:var(--tek-aralikli-yazi);
font-size:17px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pm-istatistik.kazanc b{
color:#ffe17f;
}
.pm-istatistik.kazanc-gizli b{
color:rgba(255,255,255,.55);
font-size:11px;
}
.pm-magaza-nav{
margin-top:16px;
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel);
display:flex;
align-items:center;
gap:4px;
padding:7px;
overflow-x:auto;
scrollbar-width:none;
}
.pm-magaza-nav::-webkit-scrollbar{display:none}
.pm-sekme{
flex:none;
min-height:38px;
padding:0 14px;
border:0;
border-radius:10px;
background:transparent;
color:var(--soluk);
font-size:11.5px;
font-weight:800;
display:inline-flex;
align-items:center;
gap:6px;
white-space:nowrap;
}
.pm-sekme:hover{
background:var(--panel-ikincil);
color:var(--yazi);
}
.pm-sekme.etkin{
background:var(--yazi);
color:var(--zemin);
}
.pm-sekme .sayi{
display:inline-grid;
place-items:center;
min-width:20px;
height:18px;
padding:0 5px;
border-radius:999px;
background:color-mix(in srgb,currentColor 15%,transparent);
font:700 9px var(--tek-aralikli-yazi);
}
.pm-icerik{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:20px;
margin-top:20px;
align-items:start;
}
.pm-ana-kolon{min-width:0}
.pm-yan-kolon{
display:grid;
gap:14px;
position:sticky;
top:86px;
}
.pm-kart{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:18px;
box-shadow:0 14px 34px -30px rgba(18,24,33,.32);
min-width:0;
max-width:100%;
}
.pm-kart-baslik{
padding:16px 18px;
border-bottom:1px solid var(--cizgi);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
}
.pm-kart-baslik h2{
font-family:var(--baslik-yazi);
font-size:14px;
}
.pm-kart-baslik span{
font-size:10px;
color:var(--silik);
font-weight:700;
}
.pm-kart-govde{
padding:18px;
}
.pm-vitrin-ust{
display:flex;
justify-content:space-between;
align-items:end;
gap:16px;
margin-bottom:16px;
flex-wrap:wrap;
}
.pm-vitrin-ust h2{
font-family:var(--baslik-yazi);
font-size:clamp(20px,2.5vw,28px);
color:#7a3cff;
letter-spacing:-.02em;
}
.pm-vitrin-ust p{
margin-top:4px;
color:var(--soluk);
font-size:12px;
}
.pm-filtreler{
display:flex;
gap:8px;
flex-wrap:wrap;
}
.pm-filtre{
min-height:36px;
padding:0 12px;
border-radius:10px;
border:1px solid var(--cizgi);
background:var(--panel);
color:var(--soluk);
font-size:10.5px;
font-weight:800;
}
.pm-filtre.aktif{
background:var(--vurgu-soluk);
color:var(--vurgu);
border-color:rgba(238,80,22,.23);
}
.pm-urun-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.pm-urun{
min-width:0;
border:1px solid var(--cizgi);
border-radius:17px;
background:var(--panel);
overflow:hidden;
}
.pm-urun-gorsel{
aspect-ratio:4/3;
position:relative;
display:grid;
place-items:center;
background:linear-gradient(145deg,var(--panel-ikincil),var(--panel3));
overflow:hidden;
}
.pm-urun-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.pm-urun-gorsel-yok{
color:var(--silik);
font:800 12px var(--tek-aralikli-yazi);
letter-spacing:.08em;
}
.pm-urun-rozet{
position:absolute;
z-index:2;
left:9px;
top:9px;
padding:5px 9px;
border-radius:8px;
background:rgba(20,23,30,.78);
color:#fff;
font:800 8.5px var(--tek-aralikli-yazi);
}
.pm-urun-rozet.gcode{background:#7a3cff}
.pm-urun-rozet.fiziksel{background:var(--vurgu)}
.pm-urun-rozet.ucretsiz{background:var(--basarili)}
.pm-urun-bilgi{
padding:14px;
}
.pm-urun-bilgi h3{
font-size:13px;
line-height:1.35;
min-height:35px;
font-weight:700;
}
.pm-urun-meta{
display:flex;
justify-content:space-between;
gap:8px;
margin-top:7px;
color:var(--silik);
font:600 10px var(--tek-aralikli-yazi);
}
.pm-urun-alt{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-top:10px;
padding-top:10px;
border-top:1px dashed var(--cizgi);
}
.pm-urun-fiyat{
font-family:var(--tek-aralikli-yazi);
font-size:14px;
color:var(--vurgu);
font-weight:700;
}
.pm-urun-fiyat.ucretsiz{
color:var(--basarili);
}
.pm-urun-tip{
font-size:9px;
color:var(--silik);
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.pm-mini-profil{
display:grid;
grid-template-columns:50px 1fr;
gap:12px;
align-items:center;
}
.pm-mini-avatar{
width:50px;
height:50px;
border-radius:14px;
background:linear-gradient(145deg,#ff8b62,#ffb694);
display:grid;
place-items:center;
color:#fff;
font-family:var(--baslik-yazi);
font-size:16px;
font-weight:800;
}
.pm-mini-profil b{
display:block;
font-size:13px;
}
.pm-mini-profil span{
display:block;
margin-top:3px;
font:600 10px var(--tek-aralikli-yazi);
color:var(--silik);
}
.pm-tanitim-kisa{
margin-top:12px;
color:var(--soluk);
font-size:12.5px;
line-height:1.7;
}
.pm-iletisim-liste{
display:grid;
gap:9px;
}
.pm-iletisim{
padding:10px;
border:1px solid var(--cizgi);
border-radius:12px;
background:var(--panel-ikincil);
}
.pm-iletisim small{
display:block;
font:800 8.5px var(--tek-aralikli-yazi);
color:var(--silik);
letter-spacing:.05em;
}
.pm-iletisim b,
.pm-iletisim a{
display:block;
margin-top:2px;
font-size:10.5px;
word-break:break-word;
font-weight:600;
}
.pm-sosyal{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.pm-sosyal a{
min-height:38px;
border-radius:10px;
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
display:flex;
align-items:center;
justify-content:center;
gap:6px;
font-size:10.5px;
font-weight:700;
}
.pm-sosyal-bos{
grid-column:1/-1;
color:var(--silik);
font-size:11px;
}
.pm-rozetler{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.pm-rozet-grid{
grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
}
.pm-rozet{
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
border-radius:12px;
padding:10px;
display:flex;
align-items:center;
gap:8px;
}
.pm-rozet i{
width:32px;
height:32px;
border-radius:9px;
background:var(--vurgu-soluk);
color:var(--vurgu);
display:grid;
place-items:center;
font-style:normal;
font-size:16px;
flex:none;
}
.pm-rozet b{
font-size:10px;
display:block;
}
.pm-rozet span{
display:block;
font:600 8.5px var(--tek-aralikli-yazi);
color:var(--silik);
margin-top:1px;
}
.pm-puan{
text-align:center;
}
.pm-puan>b{
font-family:var(--baslik-yazi);
font-size:34px;
color:#7a3cff;
}
.pm-puan .yildiz{
color:#f2a916;
letter-spacing:2px;
margin-top:4px;
font-size:16px;
}
.pm-puan small{
display:block;
margin-top:6px;
font:600 9.5px var(--tek-aralikli-yazi);
color:var(--silik);
}
.pm-sekme-panel{
display:none;
}
.pm-sekme-panel.etkin{
display:block;
animation:pmFadeUp .3s ease-out;
}
@keyframes pmFadeUp{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.pm-basit-panel{
border:1px dashed var(--cizgi-ikincil);
border-radius:15px;
background:var(--panel);
padding:26px;
color:var(--soluk);
font-size:13px;
text-align:center;
}
.pm-basit-panel h3{
font-family:var(--baslik-yazi);
font-size:16px;
color:var(--yazi);
margin-bottom:8px;
}
.pm-tam-genislik{
grid-column:1/-1;
}
.pm-kasa{
border-color:rgba(238,80,22,.22);
background:linear-gradient(135deg,var(--vurgu-soluk),var(--panel) 50%);
}
.pm-kasa-head{
padding:22px;
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
flex-wrap:wrap;
border-bottom:1px solid var(--cizgi);
}
.pm-kasa-head h2{
font-family:var(--baslik-yazi);
font-size:20px;
margin:0 0 6px;
}
.pm-kasa-head p{
font-size:11px;
color:var(--soluk);
}
.pm-sahip-hap{
font:700 9px var(--tek-aralikli-yazi);
color:var(--basarili);
border:1px solid rgba(26,148,92,.4);
border-radius:30px;
padding:7px 11px;
}
.pm-bakiyeler{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
background:var(--cizgi);
}
.pm-bakiye{
padding:20px 18px;
background:var(--panel);
}
.pm-bakiye span{
display:block;
color:var(--soluk);
font:600 10px var(--tek-aralikli-yazi);
margin-bottom:8px;
}
.pm-bakiye b{
font:700 clamp(15px,2vw,22px) var(--tek-aralikli-yazi);
}
.pm-bakiye.bekle b{color:#dca31c}
.pm-bakiye.hazir b{color:var(--basarili)}
.pm-kasa-araclar{
display:flex;
justify-content:flex-end;
padding:18px 22px;
}
.pm-btn-ana{
min-height:38px;
padding:0 15px;
border:0;
background:linear-gradient(135deg,var(--vurgu),var(--vurgu-ikincil));
color:var(--vurgu-yazi);
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:11.5px;
font-weight:800;
}
.pm-normal-icerik{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-top:18px;
}
.pm-normal-bilgi{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.pm-normal-bilgi>div{
padding:14px;
border:1px solid var(--cizgi);
border-radius:12px;
background:var(--panel-ikincil);
}
.pm-normal-bilgi small{
display:block;
color:var(--silik);
font:700 9px var(--tek-aralikli-yazi);
letter-spacing:.06em;
}
.pm-normal-bilgi b{
display:block;
margin-top:5px;
font-size:13px;
}
.pm-normal-metin{
color:var(--soluk);
font-size:13px;
line-height:1.7;
}
.pm-bildirim{
position:fixed;
left:50%;
bottom:24px;
z-index:140;
transform:translateX(-50%) translateY(14px);
opacity:0;
pointer-events:none;
background:var(--panel);
border:1px solid var(--cizgi-ikincil);
border-left:3px solid var(--vurgu);
border-radius:12px;
padding:12px 16px;
box-shadow:var(--golge);
font-size:11.5px;
font-weight:700;
transition:.25s;
}
.pm-bildirim.goster{
opacity:1;
transform:translateX(-50%) translateY(0);
}
@media(max-width:1080px){
.pm-istatistik-bant{
grid-template-columns:repeat(3,1fr);
}
.pm-icerik{
grid-template-columns:1fr;
}
.pm-yan-kolon{
position:static;
grid-template-columns:repeat(2,1fr);
}
.pm-yan-kolon .pm-kart:first-child{
grid-column:1/-1;
}
}
@media(max-width:800px){
.pm-profil-ana{
grid-template-columns:auto 1fr;
}
.pm-profil-yan{
grid-column:1/-1;
justify-items:start;
}
.pm-urun-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.pm-bakiyeler{
grid-template-columns:repeat(2,1fr);
}
.pm-normal-icerik{
grid-template-columns:1fr;
}
}
@media(max-width:620px){
.public-profil-sayfasi,
.magaza-sayfasi{
padding:14px 0 34px;
}
.pm-profil{
border-radius:20px;
}
.pm-profil-ana{
padding:18px;
grid-template-columns:1fr;
text-align:center;
}
.pm-profil-avatar{
margin:0 auto;
width:96px;
height:96px;
}
.pm-isim-satiri,
.pm-profil-eylemler,
.pm-profil-cipler{
justify-content:center;
}
.pm-profil-yan{
justify-items:center;
min-width:0;
}
.pm-istatistik-bant{
grid-template-columns:repeat(2,1fr);
}
.pm-urun-grid{
grid-template-columns:1fr;
}
.pm-yan-kolon{
grid-template-columns:1fr;
}
.pm-yan-kolon .pm-kart:first-child{
grid-column:auto;
}
.pm-bakiyeler{
grid-template-columns:1fr;
}
.pm-normal-bilgi{
grid-template-columns:1fr;
}
}
/* =========================================================
ORTAK V5 ÜST MENÜ — SABİT KURALLAR
========================================================= */
.v5-duyuru{
position:relative;
display:flex !important;
align-items:center;
width:100%;
height:32px;
min-height:32px;
padding:0 !important;
overflow:hidden !important;
white-space:nowrap !important;
}
.duyuru-kayan-alan{
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
.duyuru-kayan-icerik{
position:absolute;
left:0;
top:0;
height:100%;
display:flex;
align-items:center;
width:max-content;
white-space:nowrap;
will-change:transform;
animation:palamutDuyuruAkisi 18s linear infinite !important;
}
.duyuru-kayan-icerik span{
display:block;
flex:none;
white-space:nowrap !important;
padding:0 !important;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:.03em;
}
.v5-cek{
display:inline-flex;
align-items:center;
margin-left:4px;
padding:3px 7px;
border-radius:7px;
background:var(--yazi);
color:var(--zemin) !important;
text-decoration:none !important;
font-weight:900 !important;
letter-spacing:.05em;
box-shadow:0 0 0 1px color-mix(in srgb,var(--yazi) 14%,transparent);
}
.v5-cek:hover{
background:#fff;
color:var(--vurgu) !important;
}
@keyframes palamutDuyuruAkisi{
0%{
transform:translateX(100vw);
}
100%{
transform:translateX(-100%);
}
}
.ust-dil-secici{
flex:none;
display:flex;
align-items:center;
gap:4px;
min-width:48px;
font:700 9.5px var(--tek-aralikli-yazi);
}
.ust-dil-secici a{
color:var(--silik);
text-decoration:none;
}
.ust-dil-secici a.etkin{
color:var(--yazi);
}
.ust-dil-secici span{
color:var(--silik);
opacity:.45;
}
.mobil-baslik-islemler{
display:flex;
align-items:center;
gap:7px;
}
.mobil-dil-secici{
display:flex;
align-items:center;
gap:4px;
padding:0 7px;
height:38px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel);
font:700 9.5px var(--tek-aralikli-yazi);
}
.mobil-dil-secici a{color:var(--silik)}
.mobil-dil-secici a.etkin{color:var(--yazi)}
.ust-hesabim-dugmesi{
max-width:110px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/*
* V5 ana sayfada görünürlük animasyonunu başlatan sayfa içi JS herhangi
* bir sebeple hata verse bile içerik boş kalmasın.
*/
.javascript-hazir [data-gorunum]{
opacity:1;
translate:0 0;
}
@media(max-width:1080px){
.ust-dil-secici{
display:none;
}
}
@media(max-width:700px){
.v5-duyuru{
height:28px;
min-height:28px;
}
.duyuru-kayan-icerik{
animation-duration:13s !important;
}
.duyuru-kayan-icerik span{
font-size:9px;
}
.v5-cek{
padding:3px 6px;
}
}
@media(prefers-reduced-motion:reduce){
/*
* Tamamen durdurmuyoruz; yalnızca çok daha yavaş kaydırıyoruz.
* Böylece mobilde yine tek satır kalır.
*/
.duyuru-kayan-icerik{
animation-duration:45s !important;
}
}
/* =========================================================
ÜRÜN YÜKLEME BAŞLANGIÇ EKRANI
========================================================= */
.urun-yukle-sayfasi{
padding:48px 0 82px;
min-height:70vh;
}
.uy-baslik{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:40px;
align-items:end;
margin-bottom:36px;
}
.uy-kicker{
display:inline-flex;
align-items:center;
gap:9px;
color:var(--vurgu);
font:700 10px var(--tek-aralikli-yazi);
letter-spacing:.12em;
}
.uy-kicker::before{
content:"";
width:28px;
height:2px;
background:var(--vurgu);
}
.uy-baslik h1{
margin:13px 0 14px;
font-family:var(--baslik-yazi);
font-size:clamp(40px,6vw,76px);
line-height:.94;
letter-spacing:-.055em;
}
.uy-baslik p{
max-width:650px;
color:var(--soluk);
font-size:14.5px;
line-height:1.7;
}
.uy-adimlar{
display:flex;
gap:8px;
align-items:center;
}
.uy-adim{
min-width:78px;
padding:12px;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.uy-adim b{
display:block;
color:var(--silik);
font:700 10px var(--tek-aralikli-yazi);
}
.uy-adim span{
display:block;
margin-top:5px;
color:var(--soluk);
font-size:11px;
font-weight:700;
}
.uy-adim.etkin{
border-color:var(--vurgu);
background:var(--vurgu-soluk);
}
.uy-adim.etkin b,
.uy-adim.etkin span{
color:var(--vurgu);
}
.uy-secim-alani,
.uy-alt-secim{
border:1px solid var(--cizgi);
border-radius:24px;
background:var(--panel);
box-shadow:var(--golge);
padding:24px;
}
.uy-secim-baslik{
margin-bottom:18px;
}
.uy-secim-baslik>span,
.uy-alt-baslik>div>span{
color:var(--silik);
font:700 9.5px var(--tek-aralikli-yazi);
letter-spacing:.12em;
}
.uy-secim-baslik h2,
.uy-alt-baslik h2{
margin-top:5px;
font-family:var(--baslik-yazi);
font-size:20px;
}
.uy-ana-kartlar{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.uy-ana-kart{
position:relative;
min-height:300px;
padding:22px;
border:1px solid var(--cizgi);
border-radius:20px;
background:var(--panel-ikincil);
color:var(--yazi);
text-align:left;
display:flex;
flex-direction:column;
align-items:flex-start;
transition:.2s;
overflow:hidden;
}
.uy-ana-kart:hover{
transform:translateY(-3px);
border-color:var(--vurgu);
box-shadow:0 18px 40px -28px rgba(0,0,0,.35);
}
.uy-kart-numara{
color:var(--silik);
font:700 10px var(--tek-aralikli-yazi);
}
.uy-kart-ikon{
width:68px;
height:68px;
margin-top:28px;
border-radius:20px;
display:grid;
place-items:center;
}
.uy-kart-ikon svg{
width:34px;
height:34px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.uy-kart-ikon.mor{
background:rgba(122,60,255,.10);
color:#7a3cff;
}
.uy-kart-ikon.turuncu{
background:var(--vurgu-soluk);
color:var(--vurgu);
}
.uy-kart-yazi{
margin-top:22px;
}
.uy-kart-yazi strong{
display:block;
font-family:var(--baslik-yazi);
font-size:20px;
}
.uy-kart-yazi small{
display:block;
margin-top:7px;
color:var(--soluk);
font-size:12.5px;
}
.uy-kart-etiketler{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:14px;
}
.uy-kart-etiketler i{
padding:5px 8px;
border:1px solid var(--cizgi);
border-radius:999px;
background:var(--panel);
color:var(--silik);
font:700 9px var(--tek-aralikli-yazi);
font-style:normal;
}
.uy-kart-ok{
position:absolute;
right:20px;
bottom:18px;
color:var(--vurgu);
font-size:24px;
font-weight:800;
}
.uy-alt-secim[hidden]{
display:none !important;
}
.uy-alt-baslik{
display:flex;
align-items:center;
gap:16px;
margin-bottom:20px;
}
.uy-geri{
min-height:38px;
padding:0 12px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
color:var(--soluk);
font-size:11px;
font-weight:800;
}
.uy-alt-kartlar{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.uy-alt-kartlar.fiziksel{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.uy-alt-kart{
min-height:110px;
padding:15px;
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel-ikincil);
display:grid;
grid-template-columns:50px minmax(0,1fr) auto;
gap:13px;
align-items:center;
transition:.18s;
}
.uy-alt-kart:hover{
transform:translateY(-2px);
border-color:var(--vurgu);
background:linear-gradient(135deg,var(--vurgu-soluk),transparent),var(--panel-ikincil);
}
.uy-mini-ikon{
width:50px;
height:50px;
border-radius:14px;
background:var(--panel);
border:1px solid var(--cizgi);
display:grid;
place-items:center;
color:var(--vurgu);
}
.uy-mini-ikon svg{
width:27px;
height:27px;
fill:none;
stroke:currentColor;
stroke-width:1.6;
stroke-linecap:round;
stroke-linejoin:round;
}
.uy-alt-kart strong{
display:block;
font-size:13.5px;
}
.uy-alt-kart p{
margin-top:4px;
color:var(--soluk);
font-size:11.5px;
line-height:1.5;
}
.uy-alt-kart>b{
color:var(--vurgu);
font-size:20px;
}
.uy-bilgi{
margin-top:16px;
padding:14px 16px;
border:1px dashed var(--cizgi-ikincil);
border-radius:14px;
background:var(--panel-ikincil);
}
.uy-bilgi strong{
display:block;
font-size:12px;
color:var(--basarili);
}
.uy-bilgi span{
display:block;
margin-top:4px;
color:var(--soluk);
font-size:11.5px;
}
@media(max-width:800px){
.uy-baslik{
grid-template-columns:1fr;
}
.uy-adimlar{
justify-content:flex-start;
}
.uy-ana-kartlar,
.uy-alt-kartlar,
.uy-alt-kartlar.fiziksel{
grid-template-columns:1fr;
}
}
@media(max-width:620px){
.urun-yukle-sayfasi{
padding:26px 0 56px;
}
.uy-baslik{
gap:22px;
margin-bottom:22px;
}
.uy-baslik h1{
font-size:42px;
}
.uy-adim{
min-width:0;
flex:1;
}
.uy-secim-alani,
.uy-alt-secim{
padding:16px;
border-radius:19px;
}
.uy-ana-kart{
min-height:245px;
padding:18px;
}
.uy-kart-ikon{
margin-top:20px;
}
.uy-alt-kart{
grid-template-columns:44px minmax(0,1fr) auto;
padding:13px;
}
.uy-mini-ikon{
width:44px;
height:44px;
}
}
/* =========================================================
ORTAK ÜST MENÜ — SON SABİT DÜZEN
index.php, mağaza, profil, giriş, kayıt ve ürün sayfalarında aynıdır.
========================================================= */
/* Kayan yazıyı JS sürer; önceki CSS animasyonlarının çakışmasını engelle. */
.duyuru-kayan-icerik{
animation:none !important;
transform:translate3d(100vw,0,0);
will-change:transform;
}
.v5-duyuru{
height:32px !important;
min-height:32px !important;
overflow:hidden !important;
white-space:nowrap !important;
}
.duyuru-kayan-alan{
position:relative;
width:100%;
height:100%;
overflow:hidden;
white-space:nowrap;
}
.duyuru-kayan-icerik{
position:absolute;
left:0;
top:0;
width:max-content;
height:100%;
display:flex;
align-items:center;
white-space:nowrap;
}
.duyuru-kayan-icerik span{
display:block;
flex:none;
white-space:nowrap !important;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:.03em;
}
.v5-cek{
display:inline-flex;
align-items:center;
margin-left:6px;
padding:4px 8px;
border-radius:7px;
background:#fff;
color:#d83f09 !important;
text-decoration:none !important;
font-weight:900 !important;
letter-spacing:.05em;
box-shadow:0 0 0 1px rgba(255,255,255,.36);
}
.v5-cek:hover{
background:var(--yazi);
color:#fff !important;
}
/* Üst menü eylemleri daha sıkı ve kompakt. */
.ust-islemler{
gap:5px !important;
}
.simge-dugmesi{
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:10px !important;
}
.simge-dugmesi .simge{
width:17px !important;
height:17px !important;
}
#bildirim-dugmesi,
.tema-simgesi,
#sepet-dugmesi{
width:38px !important;
min-width:38px !important;
}
.ust-hesabim-dugmesi{
gap:7px !important;
padding-left:7px !important;
padding-right:11px !important;
max-width:none !important;
}
.ust-hesap-avatar{
width:25px;
height:25px;
flex:none;
display:grid;
place-items:center;
border-radius:50%;
border:1px solid var(--cizgi-ikincil);
background:linear-gradient(145deg,#fff,#eeeaf3);
color:#a92543;
font-family:var(--baslik-yazi);
font-size:8px;
font-weight:800;
line-height:1;
}
.ust-cikis-dugmesi{
min-width:auto !important;
gap:5px !important;
padding:0 9px !important;
}
.ust-cikis-dugmesi .simge{
width:15px !important;
height:15px !important;
}
.ust-dil-secici{
margin-right:2px;
}
/* Ortak header ölçüsü tüm sayfalarda aynı kalsın. */
header.site .ust-satir{
min-height:68px;
}
@media(max-width:1180px){
.ust-cikis-dugmesi span{
display:none;
}
.ust-cikis-dugmesi{
width:38px !important;
min-width:38px !important;
padding:0 !important;
}
}
@media(max-width:1080px){
.ust-hesabim-dugmesi,
.ust-cikis-dugmesi{
display:none !important;
}
}
@media(max-width:700px){
.v5-duyuru{
height:28px !important;
min-height:28px !important;
}
.duyuru-kayan-icerik span{
font-size:9px;
}
.v5-cek{
padding:3px 6px;
}
.ust-islemler{
gap:4px !important;
}
.simge-dugmesi,
#bildirim-dugmesi,
.tema-simgesi,
#sepet-dugmesi{
width:36px !important;
min-width:36px !important;
height:36px !important;
}
}
/* =========================================================
DİJİTAL ÜRÜN YÜKLEME — STL / 3MF
========================================================= */
.dijital-yukle-sayfasi{
padding:28px 0 72px;
}
.dy-ust-yol{
display:flex;
align-items:center;
gap:8px;
color:var(--silik);
font:700 10px var(--tek-aralikli-yazi);
margin-bottom:26px;
}
.dy-ust-yol a:hover{
color:var(--vurgu);
}
.dy-ust-yol strong{
color:var(--yazi);
}
.dy-baslik{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:30px;
align-items:end;
margin-bottom:28px;
}
.dy-kicker{
display:flex;
align-items:center;
gap:9px;
color:var(--vurgu);
font:700 10px var(--tek-aralikli-yazi);
letter-spacing:.12em;
}
.dy-kicker::before{
content:"";
width:28px;
height:2px;
background:var(--vurgu);
}
.dy-baslik h1{
margin:12px 0 12px;
font-family:var(--baslik-yazi);
font-size:clamp(42px,6vw,72px);
line-height:.94;
letter-spacing:-.05em;
}
.dy-baslik p{
max-width:650px;
color:var(--soluk);
font-size:14px;
line-height:1.7;
}
.dy-limitler{
display:grid;
grid-template-columns:repeat(3,96px);
gap:8px;
}
.dy-limitler>div{
padding:13px;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.dy-limitler small{
display:block;
font:700 8.5px var(--tek-aralikli-yazi);
color:var(--silik);
line-height:1.4;
}
.dy-limitler b{
display:block;
margin-top:5px;
font:700 20px var(--tek-aralikli-yazi);
}
.dy-form{
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:20px;
align-items:start;
}
.dy-ana-kolon{
display:grid;
gap:16px;
min-width:0;
}
.dy-yan-kolon{
display:grid;
gap:14px;
position:sticky;
top:86px;
}
.dy-kart{
border:1px solid var(--cizgi);
border-radius:18px;
background:var(--panel);
box-shadow:0 12px 34px -30px rgba(18,24,33,.3);
overflow:hidden;
}
.dy-kart-baslik{
min-height:62px;
padding:14px 18px;
border-bottom:1px solid var(--cizgi);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.dy-kart-baslik>div{
display:flex;
align-items:center;
gap:11px;
}
.dy-kart-baslik>div>span{
width:30px;
height:30px;
border-radius:9px;
background:var(--panel-ikincil);
color:var(--vurgu);
display:grid;
place-items:center;
font:700 9px var(--tek-aralikli-yazi);
}
.dy-kart-baslik h2{
font-family:var(--baslik-yazi);
font-size:14px;
}
.dy-kart-baslik>small{
color:var(--silik);
font:700 9px var(--tek-aralikli-yazi);
}
.dy-kart-govde{
padding:18px;
}
.dy-tip-secimi{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.dy-tip-karti{
position:relative;
border:1px solid var(--cizgi);
border-radius:15px;
background:var(--panel-ikincil);
padding:15px;
cursor:pointer;
display:grid;
grid-template-columns:44px minmax(0,1fr) 20px;
gap:11px;
align-items:start;
}
.dy-tip-karti:has(input:checked){
border-color:var(--vurgu);
box-shadow:0 0 0 3px var(--vurgu-soluk);
}
.dy-tip-karti.kilitli{
opacity:.6;
cursor:not-allowed;
}
.dy-tip-karti>input{
position:absolute;
opacity:0;
}
.dy-tip-ikon{
width:44px;
height:44px;
border-radius:12px;
display:grid;
place-items:center;
font-family:var(--baslik-yazi);
font-weight:800;
}
.dy-tip-ikon.yesil{
background:rgba(23,138,85,.1);
color:var(--basarili);
}
.dy-tip-ikon.turuncu{
background:var(--vurgu-soluk);
color:var(--vurgu);
}
.dy-tip-karti strong{
display:block;
font-size:13px;
}
.dy-tip-karti p{
margin-top:4px;
color:var(--soluk);
font-size:11.5px;
}
.dy-tip-karti small{
display:block;
margin-top:6px;
color:var(--vurgu);
font-size:10px;
}
.dy-radio-isaret{
width:18px;
height:18px;
border:1px solid var(--cizgi-ikincil);
border-radius:50%;
margin-top:2px;
}
.dy-tip-karti:has(input:checked) .dy-radio-isaret{
border:5px solid var(--vurgu);
}
.dy-dosya-alani{
min-height:210px;
border:1.5px dashed var(--cizgi-ikincil);
border-radius:16px;
background:var(--panel-ikincil);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:22px;
cursor:pointer;
transition:.18s;
}
.dy-dosya-alani:hover{
border-color:var(--vurgu);
background:linear-gradient(135deg,var(--vurgu-soluk),transparent),var(--panel-ikincil);
}
.dy-upload-ikon{
width:54px;
height:54px;
border-radius:15px;
display:grid;
place-items:center;
background:var(--panel);
color:var(--vurgu);
border:1px solid var(--cizgi);
}
.dy-upload-ikon svg{
width:28px;
height:28px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.dy-dosya-alani strong{
margin-top:13px;
font-size:13px;
}
.dy-dosya-alani>span:not(.dy-upload-ikon){
margin-top:5px;
color:var(--silik);
font-size:11px;
}
.dy-dosya-alani>b{
margin-top:13px;
padding:8px 12px;
border-radius:9px;
background:var(--vurgu);
color:var(--vurgu-yazi);
font-size:10.5px;
}
.dy-dosya-listesi{
display:grid;
gap:7px;
margin-top:12px;
}
.dy-dosya-satiri{
display:grid;
grid-template-columns:28px minmax(0,1fr) auto;
gap:9px;
align-items:center;
padding:10px;
border:1px solid var(--cizgi);
border-radius:11px;
background:var(--panel-ikincil);
}
.dy-dosya-satiri>span{
width:28px;
height:28px;
border-radius:8px;
background:var(--panel);
display:grid;
place-items:center;
color:var(--vurgu);
font:700 9px var(--tek-aralikli-yazi);
}
.dy-dosya-satiri b{
display:block;
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.dy-dosya-satiri small{
display:block;
margin-top:2px;
color:var(--silik);
font:600 9px var(--tek-aralikli-yazi);
}
.dy-dosya-satiri i{
font-style:normal;
color:var(--vurgu);
font:700 9px var(--tek-aralikli-yazi);
}
.dy-model-not{
margin-top:12px;
padding:12px 14px;
border:1px solid var(--cizgi);
border-radius:12px;
background:var(--vurgu-soluk);
}
.dy-model-not strong{
display:block;
font-size:11.5px;
}
.dy-model-not span{
display:block;
margin-top:3px;
color:var(--soluk);
font-size:10.5px;
}
.dy-kapak-tip{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
margin-bottom:14px;
}
.dy-kapak-tip label{
position:relative;
cursor:pointer;
}
.dy-kapak-tip input{
position:absolute;
opacity:0;
}
.dy-kapak-tip span{
min-height:40px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
display:flex;
align-items:center;
justify-content:center;
font-size:11px;
font-weight:800;
}
.dy-kapak-tip label:has(input:checked) span{
border-color:var(--vurgu);
color:var(--vurgu);
background:var(--vurgu-soluk);
}
.dy-gorsel-yukle{
min-height:92px;
padding:14px;
border:1.5px dashed var(--cizgi-ikincil);
border-radius:13px;
display:flex;
align-items:center;
gap:13px;
cursor:pointer;
background:var(--panel-ikincil);
}
.dy-gorsel-yukle>span{
width:42px;
height:42px;
border-radius:11px;
background:var(--panel);
display:grid;
place-items:center;
color:var(--vurgu);
font-size:22px;
}
.dy-gorsel-yukle strong{
display:block;
font-size:11.5px;
}
.dy-gorsel-yukle small{
display:block;
margin-top:3px;
color:var(--silik);
font-size:10px;
}
.dy-gorsel-onizleme{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
margin-top:10px;
}
.dy-gorsel-karti{
position:relative;
aspect-ratio:4/3;
border-radius:11px;
overflow:hidden;
border:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.dy-gorsel-karti img{
width:100%;
height:100%;
object-fit:cover;
}
.dy-gorsel-karti span{
position:absolute;
left:7px;
bottom:7px;
padding:4px 7px;
border-radius:7px;
background:rgba(0,0,0,.72);
color:#fff;
font:700 8px var(--tek-aralikli-yazi);
}
.dy-3d-kapak-bilgi{
padding:16px;
border:1px solid rgba(122,60,255,.22);
border-radius:13px;
background:rgba(122,60,255,.07);
}
.dy-3d-kapak-bilgi strong{
display:block;
font-size:12px;
}
.dy-3d-kapak-bilgi p{
margin-top:5px;
color:var(--soluk);
font-size:11px;
}
.dy-alan{
position:relative;
margin-bottom:14px;
}
.dy-alan:last-child{
margin-bottom:0;
}
.dy-alan label{
display:block;
margin-bottom:6px;
color:var(--soluk);
font-size:11.5px;
font-weight:800;
}
.dy-alan label b{
color:var(--vurgu);
}
.dy-alan input,
.dy-alan select,
.dy-alan textarea{
width:100%;
border:1px solid var(--cizgi);
border-radius:11px;
background:var(--panel-ikincil);
color:var(--yazi);
padding:11px 12px;
outline:none;
font:500 13px var(--govde-yazi);
}
.dy-alan textarea{
resize:vertical;
min-height:90px;
}
.dy-alan input:focus,
.dy-alan select:focus,
.dy-alan textarea:focus{
border-color:var(--vurgu);
box-shadow:0 0 0 3px var(--vurgu-soluk);
}
.dy-alan>small{
display:block;
margin-top:5px;
color:var(--silik);
font-size:9.5px;
}
.dy-iki-alan{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.dy-karakter{
position:absolute;
right:9px;
bottom:8px;
color:var(--silik);
font:600 9px var(--tek-aralikli-yazi);
}
.dy-ai-dugme{
min-height:34px;
padding:0 10px;
border:1px solid rgba(122,60,255,.22);
border-radius:9px;
background:rgba(122,60,255,.08);
color:#7a3cff;
font-size:10px;
font-weight:800;
}
.dy-lisans-alani{
display:grid;
gap:10px;
}
.dy-lisans-kart{
position:relative;
border:1px solid var(--cizgi);
border-radius:13px;
padding:14px;
background:var(--panel-ikincil);
}
label.dy-lisans-kart{
cursor:pointer;
display:grid;
grid-template-columns:20px 1fr;
gap:10px;
}
.dy-lisans-kart>input{
appearance:auto;
-webkit-appearance:auto;
margin-top:2px;
accent-color:var(--vurgu);
}
.dy-lisans-kart.etkin{
border-color:rgba(23,138,85,.35);
background:rgba(23,138,85,.06);
}
.dy-lisans-kart strong{
display:block;
font-size:12px;
}
.dy-lisans-kart p{
margin-top:4px;
color:var(--soluk);
font-size:10.5px;
line-height:1.55;
}
.dy-anahtar-satiri{
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:center;
padding:13px 14px;
border:1px solid var(--cizgi);
border-radius:13px;
background:var(--panel-ikincil);
}
.dy-anahtar-satiri strong{
display:block;
font-size:11.5px;
}
.dy-anahtar-satiri span{
display:block;
margin-top:3px;
color:var(--soluk);
font-size:10px;
}
.dy-anahtar-satiri input{
appearance:auto;
-webkit-appearance:auto;
width:20px;
height:20px;
accent-color:var(--vurgu);
}
.dy-fiyat-alani{
height:62px;
display:grid;
grid-template-columns:45px 1fr;
border:1px solid var(--cizgi);
border-radius:13px;
overflow:hidden;
background:var(--panel-ikincil);
}
.dy-fiyat-alani>span{
display:grid;
place-items:center;
background:var(--vurgu-soluk);
color:var(--vurgu);
font-family:var(--baslik-yazi);
}
.dy-fiyat-alani input{
border:0;
background:transparent;
outline:none;
color:var(--yazi);
padding:0 14px;
font:700 22px var(--tek-aralikli-yazi);
}
.dy-fiyat-not{
margin-top:9px;
color:var(--silik);
font-size:10px;
}
.dy-matematik{
display:grid;
grid-template-columns:1fr 120px;
gap:14px;
align-items:center;
}
.dy-matematik strong{
display:block;
font:700 17px var(--tek-aralikli-yazi);
}
.dy-matematik span{
display:block;
margin-top:4px;
color:var(--soluk);
font-size:10.5px;
}
.dy-matematik input{
width:100%;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
color:var(--yazi);
padding:11px;
outline:none;
}
.dy-ozet-karti .dy-kart-govde{
padding-top:14px;
}
.dy-ozet-kapak{
aspect-ratio:4/3;
border-radius:14px;
overflow:hidden;
background:
radial-gradient(circle at 25% 20%,var(--vurgu-soluk),transparent 38%),
var(--panel-ikincil);
display:grid;
place-items:center;
border:1px solid var(--cizgi);
color:var(--vurgu);
font:800 11px var(--tek-aralikli-yazi);
}
.dy-ozet-kapak img{
width:100%;
height:100%;
object-fit:cover;
}
.dy-ozet-karti h3{
margin-top:13px;
font-family:var(--baslik-yazi);
font-size:14px;
line-height:1.4;
}
.dy-ozet-karti>div>p,
.dy-ozet-karti .dy-kart-govde>p{
margin:7px 0 13px;
color:var(--soluk);
font-size:10.5px;
line-height:1.55;
}
.dy-ozet-satir,
.dy-magaza-durum{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:9px 0;
border-top:1px dashed var(--cizgi);
font-size:10.5px;
}
.dy-ozet-satir span,
.dy-magaza-durum span{
color:var(--silik);
}
.dy-ozet-satir b,
.dy-magaza-durum b{
text-align:right;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
}
.dy-yayin-onay{
display:grid;
grid-template-columns:20px 1fr;
gap:9px;
align-items:start;
}
.dy-yayin-onay input{
appearance:auto;
-webkit-appearance:auto;
width:17px;
height:17px;
accent-color:var(--vurgu);
}
.dy-yayin-onay span{
color:var(--soluk);
font-size:10.5px;
line-height:1.5;
}
.dy-yayinla{
width:100%;
min-height:48px;
margin-top:14px;
border:0;
border-radius:12px;
background:linear-gradient(135deg,var(--vurgu),var(--vurgu-ikincil));
color:var(--vurgu-yazi);
font-size:12px;
font-weight:900;
}
.dy-yayin-karti p{
margin-top:8px;
color:var(--silik);
text-align:center;
font-size:9.5px;
line-height:1.45;
}
@media(max-width:1000px){
.dy-form{
grid-template-columns:1fr;
}
.dy-yan-kolon{
position:static;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.dy-yayin-karti{
grid-column:1/-1;
}
}
@media(max-width:760px){
.dy-baslik{
grid-template-columns:1fr;
}
.dy-limitler{
grid-template-columns:repeat(3,1fr);
}
.dy-tip-secimi,
.dy-iki-alan{
grid-template-columns:1fr;
}
.dy-gorsel-onizleme{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:620px){
.dijital-yukle-sayfasi{
padding:18px 0 48px;
}
.dy-ust-yol{
margin-bottom:18px;
}
.dy-baslik{
margin-bottom:20px;
}
.dy-baslik h1{
font-size:40px;
}
.dy-limitler>div{
padding:10px;
}
.dy-limitler small{
font-size:7.5px;
}
.dy-limitler b{
font-size:16px;
}
.dy-kart{
border-radius:15px;
}
.dy-kart-baslik{
padding:12px 14px;
}
.dy-kart-govde{
padding:14px;
}
.dy-card-baslik{
gap:7px;
}
.dy-kart-baslik h2{
font-size:12px;
}
.dy-ai-dugme{
font-size:9px;
}
.dy-yan-kolon{
grid-template-columns:1fr;
}
.dy-yayin-karti{
grid-column:auto;
}
.dy-dosya-alani{
min-height:180px;
}
.dy-matematik{
grid-template-columns:1fr;
}
}
/* =========================================================
KANAL BAZLI FİYATLANDIRMA
Para standardı: 50.000,00 TL
========================================================= */
.dy-fiyat-aciklama{margin:0 0 14px;color:var(--soluk);font-size:11.5px;line-height:1.6}
.dy-kanal-fiyatlar{display:grid;gap:10px}
.dy-kanal-fiyat-karti{border:1px solid var(--cizgi);border-radius:15px;background:var(--panel-ikincil);overflow:hidden}
.dy-kanal-fiyat-karti:has(.dy-kanal-ust input:checked){border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-soluk)}
.dy-kanal-ust{display:grid;grid-template-columns:20px 42px minmax(0,1fr);gap:10px;align-items:center;padding:14px;cursor:pointer}
.dy-kanal-ust>input{appearance:auto;-webkit-appearance:auto;width:17px;height:17px;accent-color:var(--vurgu)}
.dy-kanal-ikon{width:42px;height:42px;border-radius:11px;background:rgba(23,138,85,.09);color:var(--basarili);display:grid;place-items:center;font-family:var(--baslik-yazi);font-size:14px;font-weight:800}
.dy-kanal-ikon.mor{color:#7a3cff;background:rgba(122,60,255,.09)}
.dy-kanal-ikon.turuncu{color:var(--vurgu);background:var(--vurgu-soluk)}
.dy-kanal-ust strong{display:block;font-size:12.5px}
.dy-kanal-ust small{display:block;margin-top:3px;color:var(--soluk);font-size:10.5px;line-height:1.45}
.dy-kanal-fiyat-alani{padding:0 14px 14px 86px}
.dy-kanal-fiyat-alani[hidden]{display:none!important}
.dy-kanal-fiyat-alani>label{display:block;margin-bottom:6px;color:var(--soluk);font-size:10.5px;font-weight:800}
.dy-para-girdi{height:50px;display:grid;grid-template-columns:minmax(0,1fr) 48px;border:1px solid var(--cizgi);border-radius:11px;overflow:hidden;background:var(--panel)}
.dy-para-girdi:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-soluk)}
.dy-para-girdi input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--yazi);padding:0 12px;font:700 17px var(--tek-aralikli-yazi)}
.dy-para-girdi span{display:grid;place-items:center;border-left:1px solid var(--cizgi);background:var(--vurgu-soluk);color:var(--vurgu);font:800 11px var(--tek-aralikli-yazi)}
.dy-fiziksel-mini-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.dy-fiyat-kural{margin-top:14px;padding:12px 14px;border:1px dashed var(--cizgi-ikincil);border-radius:12px;background:var(--panel)}
.dy-fiyat-kural strong{display:block;font-size:11px;color:var(--vurgu)}
.dy-fiyat-kural span{display:block;margin-top:3px;color:var(--soluk);font-size:10.5px;line-height:1.5}
.dy-fiyat-kural b{color:var(--yazi);font-family:var(--tek-aralikli-yazi)}
#ozet-fiyat{max-width:210px;white-space:normal;line-height:1.55}
@media(max-width:620px){
.dy-kanal-ust{grid-template-columns:18px 38px minmax(0,1fr);padding:12px}
.dy-kanal-ikon{width:38px;height:38px}
.dy-kanal-fiyat-alani{padding:0 12px 12px}
.dy-fiziksel-mini-alanlar{grid-template-columns:1fr}
}
/* =========================================================
ÇIKIŞ İKONU — SADECE İKON
========================================================= */
.ust-cikis-dugmesi{
width:38px !important;
min-width:38px !important;
height:38px !important;
padding:0 !important;
gap:0 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
.ust-cikis-dugmesi .simge{
width:16px !important;
height:16px !important;
}
.ust-cikis-dugmesi span{
display:none !important;
}
@media(max-width:700px){
.ust-cikis-dugmesi{
width:36px !important;
min-width:36px !important;
height:36px !important;
}
}
/* =========================================================
DİJİTAL YÜKLEME BAŞLIK ÖLÇÜSÜ — SON
========================================================= */
.dy-baslik{
align-items:center;
margin-bottom:26px;
}
.dy-baslik h1{
margin:10px 0 10px !important;
max-width:620px;
font-size:clamp(34px,4.2vw,58px) !important;
line-height:.98 !important;
letter-spacing:-.045em !important;
}
.dy-baslik p{
max-width:680px;
font-size:13.5px;
line-height:1.62;
}
.dy-kicker{
font-size:9.5px;
}
.dy-limitler{
align-self:center;
}
/* Ücretli lisans alanında tekrar eden kartları kaldıran sade bilgi kutusu */
.dy-lisans-bilgi{
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:12px;
align-items:start;
padding:14px;
border:1px solid rgba(122,60,255,.22);
border-radius:13px;
background:rgba(122,60,255,.06);
}
.dy-lisans-bilgi-ikon{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(122,60,255,.12);
color:#7a3cff;
font:800 14px var(--tek-aralikli-yazi);
}
.dy-lisans-bilgi strong{
display:block;
font-size:12px;
}
.dy-lisans-bilgi p{
margin-top:4px;
color:var(--soluk);
font-size:10.5px;
line-height:1.55;
}
@media(max-width:900px){
.dy-baslik h1{
font-size:clamp(34px,7vw,48px) !important;
}
}
@media(max-width:620px){
.dy-baslik{
gap:18px;
}
.dy-baslik h1{
max-width:none;
font-size:36px !important;
line-height:1 !important;
letter-spacing:-.04em !important;
}
.dy-baslik p{
font-size:12.5px;
}
.dy-limitler{
width:100%;
}
.dy-lisans-bilgi{
grid-template-columns:32px minmax(0,1fr);
padding:12px;
}
.dy-lisans-bilgi-ikon{
width:32px;
height:32px;
}
}
/* =========================================================
SÜRÜKLE BIRAK — MODEL VE GÖRSEL
========================================================= */
.dy-dosya-alani,
.dy-gorsel-yukle{
transition:
border-color .18s ease,
background .18s ease,
box-shadow .18s ease,
transform .18s ease;
}
.dy-dosya-alani.surukleme-var,
.dy-gorsel-yukle.surukleme-var{
border-color:var(--vurgu) !important;
background:
linear-gradient(135deg,var(--vurgu-soluk),transparent),
var(--panel-ikincil) !important;
box-shadow:0 0 0 4px var(--vurgu-soluk);
transform:translateY(-2px);
}
.dy-dosya-alani.surukleme-var strong,
.dy-gorsel-yukle.surukleme-var strong{
color:var(--vurgu);
}
/* =========================================================
DİJİTAL YÜKLEME — GÖRSEL / TAŞMA / KART AYRIMI
========================================================= */
/* Başlık masaüstünde tek satır, kontrollü ölçü. */
.dy-baslik h1{
max-width:none !important;
white-space:nowrap;
font-size:clamp(34px,4vw,54px) !important;
line-height:1 !important;
letter-spacing:-.045em !important;
}
.dy-baslik{
grid-template-columns:minmax(0,1fr) auto;
}
/* Kartlar birbirine yapışmasın. */
.dy-ana-kolon{
gap:20px !important;
}
.dy-kart{
position:relative;
overflow:hidden;
}
.dy-kart + .dy-kart{
margin-top:0;
}
/* Başlık ve sağ özet alanlarında taşmayı önle. */
.dy-kart-baslik{
min-width:0;
}
.dy-kart-baslik>div{
min-width:0;
}
.dy-kart-baslik h2{
min-width:0;
overflow-wrap:anywhere;
}
.dy-ozet-karti .dy-kart-baslik>div{
align-items:center;
}
.dy-ozet-karti .dy-kart-baslik h2{
white-space:nowrap;
}
/* Görsel kartları */
.dy-gorsel-onizleme{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start;
}
.dy-gorsel-karti{
min-width:0;
aspect-ratio:4/3;
cursor:grab;
overflow:hidden;
}
.dy-gorsel-karti:active{
cursor:grabbing;
}
.dy-gorsel-karti.kapak-secili{
border-color:var(--vurgu);
box-shadow:0 0 0 3px var(--vurgu-soluk);
}
.dy-gorsel-karti.surukleniyor{
opacity:.55;
}
.dy-gorsel-karti.surukleme-hedef{
border-color:var(--vurgu);
transform:translateY(-2px);
}
.dy-gorsel-ust-etiket{
position:absolute;
left:7px;
top:7px;
z-index:2;
}
.dy-gorsel-ust-etiket span{
position:static !important;
display:inline-flex;
padding:4px 7px;
border-radius:7px;
background:rgba(0,0,0,.72);
color:#fff;
font:700 8px var(--tek-aralikli-yazi);
}
.dy-gorsel-islemler{
position:absolute;
left:7px;
right:7px;
bottom:7px;
z-index:3;
display:flex;
gap:6px;
align-items:center;
}
.dy-gorsel-islemler button{
min-height:29px;
border:0;
border-radius:8px;
padding:0 8px;
background:rgba(255,255,255,.94);
color:#191b20;
font-size:8.5px;
font-weight:800;
box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.dy-gorsel-islemler button:first-child{
flex:1;
}
.dy-gorsel-islemler button.sil{
flex:none;
width:29px;
padding:0;
color:var(--vurgu);
font-size:15px;
}
.dy-dosya-islemleri{
display:flex;
align-items:center;
gap:7px;
}
.dy-dosya-islemleri button{
width:28px;
height:28px;
border:1px solid var(--cizgi);
border-radius:8px;
background:var(--panel);
color:var(--vurgu);
font-size:15px;
}
/* Sağ kolonun 4. görseldeki taşmasını önle. */
.dy-form{
grid-template-columns:minmax(0,1fr) minmax(290px,330px);
}
.dy-yan-kolon,
.dy-ozet-karti,
.dy-ozet-karti .dy-kart-govde{
min-width:0;
max-width:100%;
}
.dy-ozet-karti h3,
.dy-ozet-karti p,
.dy-ozet-satir b{
overflow-wrap:anywhere;
}
#ozet-fiyat{
max-width:185px;
}
/* Lisans içindeki ücretsiz ve ücretli sistem birbirine karışmaz. */
#ucretsiz-lisans-alani[hidden],
#ucretli-lisans-alani[hidden]{
display:none !important;
}
@media(max-width:1050px){
.dy-form{
grid-template-columns:1fr;
}
.dy-yan-kolon{
position:static;
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:760px){
.dy-baslik h1{
white-space:normal;
font-size:40px !important;
}
.dy-gorsel-onizleme{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:500px){
.dy-gorsel-onizleme{
grid-template-columns:1fr;
}
.dy-yan-kolon{
grid-template-columns:1fr;
}
}
/* =========================================================
ÜRÜN AKIŞI V5 — DETAY / MAĞAZA KARTI / ÖZET
========================================================= */
/* Yükleme özeti */
.dy-ozet-baslik{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:9px !important;
}
.dy-ozet-kicker{
flex:none;
padding:7px 8px;
border-radius:9px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:700 8px var(--tek-aralikli-yazi);
}
.dy-ozet-baslik h2{
white-space:nowrap;
font-size:14px !important;
}
.dy-ozet-rozetler{
display:flex;
flex-wrap:wrap;
gap:5px;
margin:9px 0 12px;
}
.dy-ozet-rozetler span{
padding:5px 7px;
border:1px solid var(--cizgi);
border-radius:7px;
background:var(--panel-ikincil);
color:var(--soluk);
font:700 8px var(--tek-aralikli-yazi);
}
/* Mağaza ürün kartı — referans görünüme yakın */
.pm-urun-v5{
border-radius:17px !important;
box-shadow:0 12px 28px -24px rgba(0,0,0,.35);
}
.pm-urun-v5 .pm-urun-gorsel{
aspect-ratio:1.22/1;
background:#ecebea;
}
.pm-urun-v5 .pm-urun-gorsel img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.pm-urun-kart-ust{
position:absolute;
inset:10px 10px auto 10px;
display:flex;
align-items:center;
gap:5px;
z-index:3;
}
.pm-kart-durum,
.pm-kart-yeni,
.pm-kart-favori{
width:27px;
height:27px;
display:grid;
place-items:center;
border-radius:8px;
background:rgba(255,255,255,.9);
box-shadow:0 3px 12px rgba(0,0,0,.08);
font-size:12px;
}
.pm-kart-durum{color:var(--basarili)}
.pm-kart-yeni{color:var(--vurgu)}
.pm-kart-favori{margin-left:auto;color:var(--soluk)}
.pm-urun-v5 .pm-urun-bilgi{
padding:15px;
}
.pm-kart-tur{
color:var(--silik);
font:700 8px var(--tek-aralikli-yazi);
letter-spacing:.08em;
}
.pm-urun-v5 h3{
min-height:auto !important;
margin-top:8px;
font-size:14px;
line-height:1.35;
}
.pm-kart-satici{
margin-top:6px;
color:var(--silik);
font-size:10px;
}
.pm-kart-meta{
display:flex;
gap:10px;
margin-top:9px;
color:var(--soluk);
font-size:10px;
}
.pm-kart-meta span:first-child{
color:#b27a00;
font-weight:800;
}
.pm-kart-lisanslar{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:12px;
}
.pm-kart-lisanslar span{
padding:5px 7px;
border-radius:7px;
border:1px solid;
font:800 8px var(--tek-aralikli-yazi);
}
.pm-kart-lisanslar .mavi{color:#377fca;border-color:#9dccff;background:#edf6ff}
.pm-kart-lisanslar .turuncu{color:#db541d;border-color:#f2a180;background:#fff4ee}
.pm-kart-lisanslar .yesil{color:#21875d;border-color:#9bd9bd;background:#effbf5}
.pm-kart-lisanslar .sari{color:#966b16;border-color:#ead08d;background:#fff9e9}
.pm-kart-alt{
margin-top:13px;
padding-top:13px;
border-top:1px dashed var(--cizgi);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.pm-kart-alt strong{
color:var(--vurgu);
font:800 18px var(--tek-aralikli-yazi);
}
.pm-kart-secenek{
min-height:38px;
padding:0 12px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:10px;
background:var(--vurgu);
color:#fff !important;
font-size:10.5px;
font-weight:900;
}
/* Ürün detay */
.urun-detay-sayfasi{
padding:26px 0 70px;
}
.ud-yol{
display:flex;
align-items:center;
gap:7px;
margin-bottom:20px;
color:var(--silik);
font:700 9px var(--tek-aralikli-yazi);
}
.ud-yol strong{color:var(--yazi)}
.ud-hero{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
gap:26px;
align-items:start;
}
.ud-medya,
.ud-bilgi,
.ud-aciklama,
.ud-yan-kart{
border:1px solid var(--cizgi);
border-radius:20px;
background:var(--panel);
}
.ud-medya{padding:14px}
.ud-ana-gorsel{
aspect-ratio:4/3;
border-radius:15px;
overflow:hidden;
background:var(--panel-ikincil);
display:grid;
place-items:center;
}
.ud-ana-gorsel img{
width:100%;
height:100%;
object-fit:contain;
}
.ud-gorsel-yok{
color:var(--silik);
font:800 12px var(--tek-aralikli-yazi);
}
.ud-kucuk-gorseller{
display:flex;
gap:8px;
margin-top:10px;
overflow-x:auto;
}
.ud-kucuk-gorseller button{
width:82px;
height:66px;
flex:none;
border:1px solid var(--cizgi);
border-radius:10px;
overflow:hidden;
padding:0;
background:var(--panel-ikincil);
}
.ud-kucuk-gorseller button.etkin{border-color:var(--vurgu)}
.ud-kucuk-gorseller img{
width:100%;
height:100%;
object-fit:cover;
}
.ud-bilgi{
padding:24px;
position:sticky;
top:88px;
}
.ud-ust-rozetler{
display:flex;
justify-content:space-between;
gap:8px;
color:var(--silik);
font:700 8px var(--tek-aralikli-yazi);
}
.ud-bilgi h1{
margin:11px 0 8px;
font-family:var(--baslik-yazi);
font-size:clamp(25px,3.2vw,40px);
line-height:1.06;
letter-spacing:-.04em;
}
.ud-satici{
display:inline-flex;
align-items:center;
gap:4px;
color:var(--soluk);
font-size:11px;
}
.ud-satici strong{color:var(--yazi)}
.ud-satici i{
width:17px;height:17px;border-radius:50%;
display:grid;place-items:center;background:#1d9bf0;color:#fff;font-style:normal;font-size:9px
}
.ud-meta{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:11px;
color:var(--silik);
font-size:10px;
}
.ud-kisa{
margin-top:16px;
color:var(--soluk);
font-size:13px;
line-height:1.65;
}
.ud-lisans-rozetler{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:16px;
}
.ud-lisans-rozetler span{
padding:6px 8px;
border-radius:7px;
border:1px solid;
font:800 8.5px var(--tek-aralikli-yazi);
}
.ud-lisans-rozetler .mavi{color:#377fca;border-color:#9dccff;background:#edf6ff}
.ud-lisans-rozetler .turuncu{color:#db541d;border-color:#f2a180;background:#fff4ee}
.ud-lisans-rozetler .yesil{color:#21875d;border-color:#9bd9bd;background:#effbf5}
.ud-lisans-rozetler .sari{color:#966b16;border-color:#ead08d;background:#fff9e9}
.ud-fiyat{
margin-top:22px;
padding-top:17px;
border-top:1px dashed var(--cizgi);
}
.ud-fiyat small{
display:block;
color:var(--silik);
font-size:9px;
}
.ud-fiyat strong{
display:block;
margin-top:4px;
color:var(--vurgu);
font:800 28px var(--tek-aralikli-yazi);
}
.ud-ana-dugme{
width:100%;
min-height:50px;
margin-top:15px;
border:0;
border-radius:12px;
background:var(--vurgu);
color:#fff;
font-size:12px;
font-weight:900;
}
.ud-guven{
margin-top:10px;
color:var(--silik);
font-size:9px;
line-height:1.5;
text-align:center;
}
.ud-alt{
display:grid;
grid-template-columns:minmax(0,1fr) 290px;
gap:20px;
margin-top:22px;
align-items:start;
}
.ud-aciklama,
.ud-yan-kart{padding:22px}
.ud-aciklama h2,
.ud-yan-kart h3{
font-family:var(--baslik-yazi);
font-size:16px;
margin-bottom:14px;
}
.ud-aciklama>div{
color:var(--soluk);
font-size:13px;
line-height:1.75;
}
.ud-etiketler{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:18px;
}
.ud-etiketler span{
padding:6px 9px;
border-radius:999px;
background:var(--panel-ikincil);
color:var(--silik);
font-size:9.5px;
}
.ud-yan-kart>div{
display:flex;
justify-content:space-between;
gap:10px;
padding:10px 0;
border-top:1px dashed var(--cizgi);
font-size:10.5px;
}
.ud-yan-kart span{color:var(--silik)}
.ud-modal{
position:fixed;
inset:0;
z-index:250;
display:none;
align-items:center;
justify-content:center;
padding:18px;
}
.ud-modal.acik{display:flex}
.ud-modal-arka{
position:absolute;
inset:0;
background:rgba(15,17,22,.66);
backdrop-filter:blur(5px);
}
.ud-modal-kutu{
position:relative;
z-index:2;
width:min(680px,100%);
max-height:calc(100vh - 36px);
max-height:calc(100dvh - 36px);
overflow:auto;
padding:22px;
border-radius:20px;
background:var(--panel);
border:1px solid var(--cizgi);
box-shadow:0 24px 70px rgba(0,0,0,.3);
}
.ud-modal-kutu h2{
font-family:var(--baslik-yazi);
font-size:19px;
}
.ud-modal-kutu>p{
margin-top:5px;
color:var(--silik);
font-size:10.5px;
}
.ud-modal-kapat{
position:absolute;
right:18px;
top:18px;
width:36px;
height:36px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel);
color:var(--soluk);
font-size:20px;
}
.ud-secim-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:18px;
}
.ud-secim{
position:relative;
padding:14px;
border:1px solid var(--cizgi);
border-radius:13px;
background:var(--panel-ikincil);
cursor:pointer;
}
.ud-secim.etkin{
border-color:var(--vurgu);
box-shadow:0 0 0 2px var(--vurgu-soluk);
}
.ud-secim input{
position:absolute;
opacity:0;
}
.ud-secim strong{
display:block;
font-size:12px;
}
.ud-secim span{
display:block;
margin-top:4px;
min-height:31px;
color:var(--silik);
font-size:10px;
line-height:1.45;
}
.ud-secim b{
display:block;
margin-top:9px;
color:var(--vurgu);
font:700 12px var(--tek-aralikli-yazi);
}
.ud-hesap{
margin-top:14px;
padding-top:13px;
border-top:1px dashed var(--cizgi);
}
.ud-hesap>div{
display:flex;
justify-content:space-between;
gap:12px;
font-size:11px;
}
.ud-modal-alt{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin-top:16px;
}
.ud-modal-alt button{
min-height:45px;
border-radius:11px;
font-size:11px;
font-weight:900;
}
.ud-vazgec{
border:1px solid var(--cizgi);
background:var(--panel);
color:var(--yazi);
}
.ud-sepete-ekle{
border:0;
background:var(--vurgu);
color:#fff;
}
@media(max-width:900px){
.ud-hero{grid-template-columns:1fr}
.ud-bilgi{position:static}
.ud-alt{grid-template-columns:1fr}
}
@media(max-width:620px){
.ud-secim-grid{grid-template-columns:1fr}
.ud-modal-alt{grid-template-columns:1fr}
}
/* =========================================================
PALAMUT.SHOP — ÜRÜN DETAY SAYFASI
Ana style.css değişkenleri ve tasarım sistemi kullanılır.
========================================================= */
.urun-sayfasi{
padding:22px 0 72px;
}
.urun-yol{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
font-family:var(--tek-aralikli-yazi);
font-size:10.5px;
color:var(--silik);
margin-bottom:18px;
}
.urun-yol a:hover{color:var(--vurgu-ikincil)}
.urun-yol i{font-style:normal;color:var(--cizgi-ikincil)}
.urun-ust{
display:grid;
grid-template-columns:minmax(0,1fr) 400px;
gap:20px;
align-items:start;
}
.urun-sol{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
min-width:0;
}
/* ÜRÜN GÖRSELİ */
.urun-galeri{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:18px;
overflow:hidden;
box-shadow:var(--golge);
}
.urun-galeri-ana{
--panel:#141924;
--panel-ikincil:#1a2130;
--cizgi:rgba(255,255,255,.08);
--cizgi-ikincil:rgba(255,255,255,.16);
--silik:#5f6b7d;
--soluk:#98a2b3;
--yazi:#eef1f6;
--vurgu-ikincil:#ffa07a;
position:relative;
aspect-ratio:4/3;
min-height:500px;
display:grid;
place-items:center;
overflow:hidden;
background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
radial-gradient(60% 70% at 50% 45%,#1b2230,#0d1118 78%);
background-size:34px 34px,34px 34px,auto;
}
.urun-galeri-etiket{
position:absolute;
left:14px;
top:14px;
z-index:5;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
font-weight:600;
letter-spacing:.1em;
text-transform:uppercase;
background:rgba(12,15,20,.78);
color:var(--soluk);
border:1px solid var(--cizgi);
border-radius:7px;
padding:6px 10px;
pointer-events:none;
}
.urun-gorsel-islemleri{
position:absolute;
top:12px;
right:12px;
z-index:12;
display:flex;
align-items:center;
gap:7px;
max-width:calc(100% - 24px);
}
.urun-gorsel-islemleri .urun-gorsel-buton{
position:relative;
flex:0 0 40px;
width:40px;
height:40px;
padding:0;
margin:0;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.12);
border-radius:10px;
background:rgba(12,15,20,.80);
color:var(--soluk);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
transition:.2s;
}
.urun-gorsel-islemleri .urun-gorsel-buton:hover{
color:var(--yazi);
border-color:rgba(255,255,255,.28);
}
.urun-gorsel-islemleri .urun-gorsel-buton.favori-etkin{
color:#ff4d6d;
border-color:#ff4d6d;
background:rgba(255,77,109,.10);
}
.urun-gorsel-islemleri .urun-gorsel-buton.takip-etkin{
color:var(--bilgi);
border-color:var(--bilgi);
background:color-mix(in srgb,var(--bilgi) 10%,rgba(12,15,20,.8));
}
.urun-gorsel-islemleri .simge{
width:18px;
height:18px;
}
.urun-galeri-ok{
position:absolute;
top:50%;
z-index:10;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:50%;
display:grid;
place-items:center;
background:rgba(12,15,20,.78);
border:1px solid var(--cizgi-ikincil);
color:var(--soluk);
transition:.2s;
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
.urun-galeri-ok:hover{
color:var(--vurgu);
border-color:var(--vurgu);
}
.urun-galeri-ok.sol{left:12px}
.urun-galeri-ok.sag{right:12px}
.urun-galeri-ok .simge{
width:20px;
height:20px;
}
.urun-model-yedek{
width:min(68%,430px);
aspect-ratio:1;
position:relative;
filter:drop-shadow(0 28px 38px rgba(0,0,0,.48));
}
.urun-model-yedek::before{
content:"";
position:absolute;
inset:18% 15% 16%;
border-radius:45% 48% 50% 46%;
background:
radial-gradient(circle at 38% 28%,#ffc7aa 0 11%,transparent 12%),
radial-gradient(circle at 49% 48%,#ff6d34 0 37%,#c94618 38% 52%,transparent 53%);
transform:rotate(-8deg);
}
.urun-model-yedek::after{
content:"";
position:absolute;
left:22%;
right:17%;
bottom:8%;
height:11%;
border-radius:50%;
background:linear-gradient(#7d5033,#4c2f1e);
}
.urun-galeri-ipucu{
position:absolute;
bottom:11px;
left:14px;
z-index:5;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
color:var(--silik);
pointer-events:none;
}
.urun-kucuk-gorseller{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
padding:10px;
border-top:1px solid var(--cizgi);
}
.urun-kucuk-gorsel{
position:relative;
aspect-ratio:4/3;
border:1px solid var(--cizgi);
border-radius:10px;
overflow:hidden;
background:radial-gradient(70% 80% at 50% 40%,var(--panel-ikincil),var(--zemin-ikincil));
transition:.2s;
}
.urun-kucuk-gorsel:hover{border-color:var(--cizgi-ikincil)}
.urun-kucuk-gorsel.etkin{
border-color:var(--vurgu);
box-shadow:0 0 0 1px var(--vurgu) inset;
}
.urun-kucuk-gorsel span{
position:absolute;
left:7px;
bottom:7px;
font-family:var(--tek-aralikli-yazi);
font-size:9.5px;
background:color-mix(in srgb,var(--zemin) 82%,transparent);
color:var(--soluk);
border:1px solid var(--cizgi);
border-radius:6px;
padding:4px 7px;
}
/* ÜRÜN ÖZETİ */
.urun-ozet{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:var(--yaricap);
padding:19px;
box-shadow:var(--golge);
}
.urun-etiketler{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-bottom:14px;
}
.urun-etiketler .lisans-etiketi{
font-size:10px;
}
.urun-baslik{
font-family:var(--baslik-yazi);
font-weight:700;
font-size:clamp(18px,1.8vw,24px);
line-height:1.2;
letter-spacing:-.02em;
margin:0 0 11px;
}
.urun-kisa-aciklama{
color:var(--soluk);
font-size:15px;
line-height:1.6;
}
.urun-satici-kisa{
display:flex;
align-items:center;
gap:10px;
margin-top:16px;
padding:11px;
border:1px solid var(--cizgi);
border-radius:11px;
background:var(--panel-ikincil);
}
.urun-satici-avatar{
width:42px;
height:42px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(135deg,var(--vurgu),var(--vurgu-ikincil));
color:var(--vurgu-yazi);
font-family:var(--baslik-yazi);
font-size:11px;
font-weight:700;
flex:none;
}
.urun-satici-kisa b{font-size:13.5px}
.urun-satici-kisa span{
display:block;
font-size:11.5px;
color:var(--silik);
margin-top:2px;
}
.urun-dogrulama{color:var(--bilgi);margin-left:3px}
.urun-istatistikler{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:13px;
}
.urun-istatistik{
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:10px;
padding:10px 11px;
}
.urun-istatistik b{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:14px;
}
.urun-istatistik span{
font-size:10.5px;
color:var(--silik);
}
.urun-ozet-bolum{
border-top:1px solid var(--cizgi);
margin-top:15px;
padding-top:14px;
}
.urun-ozet-bolum h3{
font-family:var(--tek-aralikli-yazi);
font-size:10.5px;
letter-spacing:.1em;
color:var(--silik);
text-transform:uppercase;
margin-bottom:8px;
}
.urun-lisans-kutu{
padding:10px 11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.urun-lisans-kutu + .urun-lisans-kutu{margin-top:7px}
.urun-lisans-kutu b{font-size:12.5px}
.urun-lisans-kutu p{
margin-top:4px;
color:var(--soluk);
font-size:11.5px;
line-height:1.45;
}
.urun-hizli-bilgi{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.urun-hizli-bilgi div{
padding:9px 10px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:9px;
}
.urun-hizli-bilgi span{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:9px;
color:var(--silik);
text-transform:uppercase;
letter-spacing:.06em;
}
.urun-hizli-bilgi b{
display:block;
margin-top:3px;
font-size:12px;
}
/* SATIN ALMA KUTUSU */
.urun-satin-al{
position:sticky;
top:calc(var(--ust-yukseklik) + 18px);
background:var(--panel);
border:1px solid var(--cizgi-ikincil);
border-radius:16px;
padding:18px;
box-shadow:var(--golge);
}
.urun-fiyat-etiket{
font-family:var(--tek-aralikli-yazi);
font-size:10px;
letter-spacing:.1em;
color:var(--silik);
text-transform:uppercase;
}
.urun-fiyat-satir{
display:flex;
align-items:flex-end;
gap:8px;
margin-top:5px;
}
.urun-fiyat{
font-family:var(--baslik-yazi);
font-size:28px;
line-height:1;
color:var(--vurgu-ikincil);
font-weight:700;
}
.urun-eski-fiyat{
font-family:var(--tek-aralikli-yazi);
font-size:11px;
color:var(--silik);
text-decoration:line-through;
margin-bottom:2px;
}
.urun-indirim{
margin-left:auto;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
font-weight:600;
color:var(--vurgu-ikincil);
background:var(--vurgu-soluk);
border:1px solid color-mix(in srgb,var(--vurgu) 35%,transparent);
border-radius:7px;
padding:5px 8px;
}
.urun-fiyat-not{
color:var(--silik);
font-size:11px;
margin-top:5px;
}
.urun-kanallar{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
margin:16px 0 13px;
}
.urun-kanal{
min-height:54px;
text-align:left;
padding:9px 10px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
color:var(--soluk);
transition:.2s;
}
.urun-kanal b{
display:block;
font-size:12.5px;
}
.urun-kanal span{
display:block;
margin-top:2px;
font-size:10.5px;
color:var(--silik);
}
.urun-kanal:hover{border-color:var(--cizgi-ikincil)}
.urun-kanal.etkin{
border-color:var(--vurgu);
color:var(--vurgu-ikincil);
background:var(--vurgu-soluk);
box-shadow:0 0 0 1px var(--vurgu) inset;
}
.urun-kanal.etkin span{color:var(--soluk)}
.urun-form-etiket{
display:block;
font-size:11.5px;
font-weight:600;
color:var(--soluk);
margin:10px 0 6px;
}
.urun-secim{
width:100%;
min-height:41px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:9px;
padding:9px 10px;
color:var(--yazi);
outline:0;
}
.urun-secim:focus{border-color:var(--vurgu)}
.urun-satis-turu{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.urun-satis-turu button{
min-height:44px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
font-size:12px;
font-weight:700;
color:var(--soluk);
}
.urun-satis-turu button.etkin{
border-color:var(--basarili);
color:var(--basarili);
background:color-mix(in srgb,var(--basarili) 9%,transparent);
}
.urun-stok-kutu,
.urun-ozel-kutu{
margin-top:10px;
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.urun-stok-kutu > b,
.urun-ozel-kutu > b{font-size:12.5px}
.urun-stok-kutu > p,
.urun-ozel-kutu > p{
margin-top:4px;
font-size:11.5px;
color:var(--soluk);
line-height:1.45;
}
.urun-stok-listesi{
display:grid;
gap:6px;
margin-top:9px;
}
.urun-stok-satir{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 9px;
border-radius:8px;
background:var(--panel);
border:1px solid var(--cizgi);
font-size:11.5px;
}
.urun-stok-satir strong{color:var(--basarili)}
.urun-cift{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.urun-teslimat{
margin-top:9px;
padding:9px 10px;
border-left:2px solid var(--basarili);
background:color-mix(in srgb,var(--basarili) 8%,transparent);
color:var(--soluk);
font-size:11.5px;
}
.urun-teslimat b{color:var(--basarili)}
.urun-satin-islemleri{
display:grid;
gap:8px;
margin-top:13px;
}
.urun-satin-islemleri .dugme{
width:100%;
}
.urun-lisans-dogrulama{
margin-top:12px;
padding:10px 11px;
border:1px solid color-mix(in srgb,var(--bilgi) 30%,transparent);
border-radius:10px;
background:color-mix(in srgb,var(--bilgi) 8%,transparent);
color:var(--bilgi);
font-size:11px;
font-weight:600;
line-height:1.45;
}
.urun-magaza-kutu{
margin-top:14px;
padding-top:13px;
border-top:1px solid var(--cizgi);
}
.urun-magaza-baslik{
display:grid;
grid-template-columns:42px 1fr auto;
gap:9px;
align-items:center;
}
.urun-magaza-baslik b{font-size:12.5px}
.urun-magaza-baslik span{
display:block;
font-size:10px;
color:var(--silik);
margin-top:2px;
}
.urun-magaza-istatistik{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:5px;
margin:9px 0;
}
.urun-magaza-istatistik div{
text-align:center;
padding:7px 3px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:8px;
}
.urun-magaza-istatistik b{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:11px;
}
.urun-magaza-istatistik span{
font-size:9px;
color:var(--silik);
}
.urun-magaza-dugmeler{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
/* İÇERİK SEKME ÇUBUĞU */
.urun-sekme-cubugu{
position:sticky;
top:var(--ust-yukseklik);
z-index:70;
margin-top:20px;
border:1px solid var(--cizgi);
border-radius:12px;
background:color-mix(in srgb,var(--zemin) 90%,transparent);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
overflow-x:auto;
scrollbar-width:none;
}
.urun-sekme-cubugu::-webkit-scrollbar{display:none}
.urun-sekmeler{
display:flex;
min-width:max-content;
}
.urun-sekmeler button{
height:45px;
padding:0 14px;
font-size:12px;
font-weight:600;
color:var(--soluk);
border-bottom:2px solid transparent;
}
.urun-sekmeler button:hover{color:var(--yazi)}
.urun-sekmeler button.etkin{
color:var(--vurgu-ikincil);
border-bottom-color:var(--vurgu);
}
/* ALT İÇERİK */
.urun-icerik-izgarasi{
display:grid;
grid-template-columns:minmax(0,1fr) 300px;
gap:18px;
margin-top:18px;
}
.urun-ana-icerik{
display:grid;
gap:16px;
}
.urun-bolum{
scroll-margin-top:calc(var(--ust-yukseklik) + 66px);
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:var(--yaricap);
padding:20px;
}
.urun-bolum-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
.urun-bolum-baslik h2{
font-family:var(--baslik-yazi);
font-size:clamp(17px,2vw,22px);
}
.urun-bolum-baslik p{
margin-top:4px;
font-size:12px;
color:var(--silik);
}
.urun-aciklama{
color:var(--soluk);
font-size:14.5px;
line-height:1.7;
}
.urun-tasarimci-notu{
margin-top:13px;
padding:11px 12px;
border-left:2px solid var(--vurgu);
background:var(--vurgu-soluk);
color:var(--soluk);
font-size:12.5px;
}
.urun-tasarimci-notu b{color:var(--vurgu-ikincil)}
.urun-teknik-izgara{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}
.urun-teknik{
padding:10px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:9px;
}
.urun-teknik span{
display:block;
font-family:var(--tek-aralikli-yazi);
font-size:9px;
color:var(--silik);
text-transform:uppercase;
letter-spacing:.06em;
}
.urun-teknik b{
display:block;
margin-top:4px;
font-size:12.5px;
}
.urun-surumler{
display:grid;
gap:8px;
}
.urun-surum{
display:grid;
grid-template-columns:62px 1fr auto;
gap:10px;
align-items:center;
padding:10px 11px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:10px;
}
.urun-surum strong{
font-family:var(--tek-aralikli-yazi);
font-size:12px;
}
.urun-surum b{font-size:12.5px}
.urun-surum p{
margin-top:2px;
color:var(--silik);
font-size:10.5px;
}
.urun-baskilar{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}
.urun-baski{
position:relative;
aspect-ratio:1;
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:10px;
background:radial-gradient(70% 80% at 50% 40%,var(--panel-ikincil),var(--zemin-ikincil));
}
.urun-baski span{
position:absolute;
left:7px;
bottom:7px;
font-family:var(--tek-aralikli-yazi);
font-size:9px;
padding:4px 6px;
border-radius:6px;
background:color-mix(in srgb,var(--zemin) 80%,transparent);
color:var(--soluk);
border:1px solid var(--cizgi);
}
.urun-puan-ozet{
display:grid;
grid-template-columns:140px 1fr;
gap:18px;
align-items:center;
margin-bottom:14px;
}
.urun-puan-buyuk{
text-align:center;
}
.urun-puan-buyuk strong{
display:block;
font-family:var(--baslik-yazi);
font-size:34px;
color:var(--altin);
}
.urun-puan-buyuk span{
font-size:11px;
color:var(--silik);
}
.urun-puan-cubuklari{
display:grid;
gap:5px;
}
.urun-puan-satir{
display:grid;
grid-template-columns:28px 1fr 32px;
gap:8px;
align-items:center;
font-family:var(--tek-aralikli-yazi);
font-size:9.5px;
color:var(--silik);
}
.urun-puan-cubuk{
height:6px;
border-radius:999px;
background:var(--panel-ikincil);
overflow:hidden;
}
.urun-puan-cubuk i{
display:block;
height:100%;
background:var(--altin);
}
.urun-yorum,
.urun-soru{
padding:12px 0;
border-top:1px solid var(--cizgi);
}
.urun-yorum:first-of-type,
.urun-soru:first-of-type{border-top:0}
.urun-yorum-ust{
display:flex;
justify-content:space-between;
gap:10px;
}
.urun-yorum-ust b{font-size:12.5px}
.urun-yorum-ust span{
font-family:var(--tek-aralikli-yazi);
font-size:9.5px;
color:var(--silik);
}
.urun-yorum p,
.urun-soru p{
margin-top:5px;
font-size:12.5px;
color:var(--soluk);
line-height:1.55;
}
.urun-soru b{font-size:12.5px}
/* SAĞ YAN BİLGİ */
.urun-yan{
display:grid;
gap:13px;
align-content:start;
}
.urun-yan-kutu{
background:var(--panel);
border:1px solid var(--cizgi);
border-radius:var(--yaricap);
padding:15px;
}
.urun-yan-kutu h3{
font-family:var(--baslik-yazi);
font-size:13.5px;
margin-bottom:10px;
}
.urun-guvence{
display:grid;
gap:9px;
}
.urun-guvence-satir{
display:grid;
grid-template-columns:32px 1fr;
gap:9px;
}
.urun-guvence-simge{
width:32px;
height:32px;
border-radius:9px;
display:grid;
place-items:center;
background:color-mix(in srgb,var(--basarili) 9%,transparent);
color:var(--basarili);
}
.urun-guvence-satir b{font-size:11.5px}
.urun-guvence-satir span{
display:block;
margin-top:2px;
font-size:10.5px;
color:var(--silik);
line-height:1.4;
}
.urun-diger-listesi{
display:grid;
gap:7px;
}
.urun-diger{
display:grid;
grid-template-columns:58px 1fr;
gap:8px;
padding:7px;
background:var(--panel-ikincil);
border:1px solid var(--cizgi);
border-radius:9px;
}
.urun-diger-gorsel{
width:58px;
aspect-ratio:1;
border-radius:8px;
background:radial-gradient(70% 80% at 50% 40%,var(--panel),var(--zemin-ikincil));
}
.urun-diger b{font-size:11.5px}
.urun-diger span{
display:block;
margin-top:2px;
font-size:9.5px;
color:var(--silik);
}
.urun-diger strong{
display:block;
margin-top:4px;
font-family:var(--tek-aralikli-yazi);
font-size:10.5px;
color:var(--vurgu-ikincil);
}
.urun-bildir{
width:100%;
display:flex;
align-items:center;
gap:7px;
text-align:left;
padding:9px 10px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
color:var(--soluk);
font-size:11.5px;
transition:.2s;
}
.urun-bildir + .urun-bildir{margin-top:7px}
.urun-bildir:hover{
color:var(--vurgu-ikincil);
border-color:var(--vurgu);
}
/* MOBİL SATIN ALMA */
.urun-mobil-satin{
display:none;
}
@media(max-width:1120px){
.urun-ust{
grid-template-columns:minmax(0,1fr) 360px;
}
.urun-sol{
grid-template-columns:minmax(0,1fr) 290px;
}
.urun-teknik-izgara{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:920px){
.urun-ust{
grid-template-columns:1fr;
}
.urun-satin-al{
position:static;
}
.urun-sol{
grid-template-columns:minmax(0,1fr) 300px;
}
.urun-icerik-izgarasi{
grid-template-columns:1fr;
}
.urun-yan{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:720px){
.urun-sayfasi{
padding-top:14px;
}
.urun-sol{
grid-template-columns:1fr;
}
.urun-galeri-ana{
min-height:340px;
}
.urun-gorsel-islemleri{
top:10px;
right:10px;
gap:6px;
}
.urun-gorsel-islemleri .urun-gorsel-buton{
flex-basis:38px;
width:38px;
height:38px;
}
.urun-galeri-ok{
width:42px;
height:42px;
}
.urun-sekme-cubugu{
top:var(--ust-yukseklik);
}
.urun-teknik-izgara{
grid-template-columns:1fr 1fr;
}
.urun-baskilar{
grid-template-columns:1fr 1fr;
}
.urun-puan-ozet{
grid-template-columns:1fr;
}
.urun-yan{
grid-template-columns:1fr;
}
.urun-surum{
grid-template-columns:54px 1fr;
}
.urun-surum .dugme{
grid-column:1/-1;
width:100%;
}
.urun-mobil-satin{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:105;
display:flex;
align-items:center;
gap:10px;
padding:9px 14px;
background:color-mix(in srgb,var(--zemin) 92%,transparent);
border-top:1px solid var(--cizgi-ikincil);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.urun-mobil-satin strong{
font-family:var(--baslik-yazi);
font-size:15px;
color:var(--vurgu-ikincil);
white-space:nowrap;
}
.urun-mobil-satin .dugme{
flex:1;
}
body{
padding-bottom:66px;
}
}
@media(max-width:480px){
.urun-kanallar,
.urun-satis-turu,
.urun-cift{
grid-template-columns:1fr;
}
.urun-kucuk-gorseller{
gap:6px;
padding:8px;
}
.urun-galeri-ana{
min-height:290px;
}
.urun-galeri-etiket{
top:10px;
left:10px;
}
.urun-hizli-bilgi{
grid-template-columns:1fr 1fr;
}
}
/* =========================================================
V6 MEDYA ALANI — FOTOĞRAF / 360°-3D / AR
Sayfa ilk açılışta FOTOĞRAF gösterir.
========================================================= */
.urun-galeri-ana{
min-height:500px;
background:#11161f;
}
.urun-galeri-etiket{display:none!important}
.urun-medya-sekmeleri{
position:absolute;
top:13px;
left:50%;
transform:translateX(-50%);
z-index:35;
display:flex;
align-items:center;
gap:4px;
padding:4px;
border-radius:999px;
background:rgba(10,13,18,.88);
border:1px solid rgba(255,255,255,.13);
box-shadow:0 8px 24px rgba(0,0,0,.22);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.urun-medya-sekme{
min-height:34px;
padding:0 13px;
border-radius:999px;
color:#aab2bf;
font-size:11.5px;
font-weight:700;
line-height:1;
white-space:nowrap;
transition:.2s;
}
.urun-medya-sekme:hover{color:#fff}
.urun-medya-sekme.etkin{
background:#fff;
color:#171a20;
}
.urun-medya-sekme.ar{
display:flex;
align-items:center;
gap:6px;
}
.urun-medya-sekme .simge{width:14px;height:14px}
.urun-gorsel-islemleri{
top:13px!important;
right:13px!important;
z-index:40!important;
visibility:visible!important;
opacity:1!important;
display:flex!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton{
visibility:visible!important;
opacity:1!important;
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
z-index:41!important;
background:rgba(10,13,18,.88)!important;
border-color:rgba(255,255,255,.14)!important;
color:#dbe1e9!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton:hover{
color:#fff!important;
border-color:rgba(255,255,255,.35)!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton.favori-etkin{
color:#ff5e7d!important;
border-color:#ff5e7d!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton.takip-etkin{
color:#70b5ff!important;
border-color:#70b5ff!important;
}
.urun-medya-katmani{
position:absolute;
inset:0;
z-index:2;
display:none;
}
.urun-medya-katmani.etkin{display:block}
.urun-fotograf-sahne{
width:100%;
height:100%;
position:relative;
overflow:hidden;
background:
radial-gradient(ellipse at 50% 75%,rgba(232,72,15,.16),transparent 42%),
linear-gradient(145deg,#ece8df,#f8f6f0);
}
.urun-fotograf-sahne::before{
content:"";
position:absolute;
width:min(48%,360px);
aspect-ratio:1;
left:50%;
top:48%;
transform:translate(-50%,-50%) rotate(-7deg);
border-radius:46% 49% 48% 45%;
background:
radial-gradient(circle at 36% 28%,#ffd1ba 0 11%,transparent 12%),
radial-gradient(circle at 50% 49%,#ff743d 0 36%,#cc4b1d 37% 52%,transparent 53%);
filter:drop-shadow(0 28px 28px rgba(70,42,25,.20));
}
.urun-fotograf-sahne::after{
content:"";
position:absolute;
width:46%;
height:8%;
left:50%;
bottom:15%;
transform:translateX(-50%);
background:rgba(79,46,28,.62);
filter:blur(14px);
border-radius:50%;
}
.urun-fotograf-bilgi{
position:absolute;
left:16px;
bottom:14px;
z-index:3;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
color:#6b7280;
background:rgba(255,255,255,.76);
border:1px solid rgba(20,24,30,.08);
border-radius:7px;
padding:6px 9px;
backdrop-filter:blur(6px);
}
.urun-3d-sahne{
width:100%;
height:100%;
background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
radial-gradient(60% 70% at 50% 45%,#1b2230,#0d1118 78%);
background-size:34px 34px,34px 34px,auto;
}
model-viewer#urun-model-viewer{
width:100%;
height:100%;
min-height:500px;
--poster-color:transparent;
background:transparent;
}
.urun-3d-yedek{
position:absolute;
inset:0;
display:grid;
place-items:center;
pointer-events:none;
}
.urun-3d-yedek .urun-model-yedek{
width:min(60%,410px);
transition:transform .05s linear;
transform-style:preserve-3d;
}
.urun-3d-aciklama{
position:absolute;
left:14px;
bottom:11px;
z-index:6;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
color:#6d7889;
pointer-events:none;
}
.urun-galeri-ok{
z-index:25!important;
}
.urun-galeri-ok[hidden]{display:none!important}
.urun-galeri-ipucu{display:none!important}
/* Küçük görseller artık gerçek fotoğraf sırası mantığında. */
.urun-kucuk-gorsel span{pointer-events:none}
@media(max-width:900px){
.urun-medya-sekmeleri{
top:11px;
}
.urun-medya-sekme{
min-height:32px;
padding:0 11px;
font-size:10.5px;
}
}
@media(max-width:720px){
.urun-gorsel-islemleri{
top:56px!important;
right:10px!important;
}
.urun-medya-sekmeleri{
top:10px;
max-width:calc(100% - 20px);
}
.urun-medya-sekme{
padding:0 10px;
}
model-viewer#urun-model-viewer{
min-height:340px;
}
}
@media(max-width:430px){
.urun-medya-sekme{
font-size:10px;
padding:0 9px;
}
.urun-medya-sekme.ar span{display:none}
.urun-gorsel-islemleri .urun-gorsel-buton{
width:36px!important;height:36px!important;flex-basis:36px!important;
}
}
/* =========================================================
V7 MEDYA DÜZENİ — çakışmasız masaüstü + mobil
========================================================= */
.urun-galeri-ana{
padding-top:0;
}
/* Fotoğraf / 360° / AR ana geçişi */
.urun-medya-sekmeleri{
top:12px!important;
left:12px!important;
right:auto!important;
transform:none!important;
max-width:calc(100% - 24px)!important;
gap:3px!important;
padding:4px!important;
border-radius:12px!important;
}
.urun-medya-sekme{
min-height:34px!important;
padding:0 11px!important;
font-size:10.5px!important;
border-radius:9px!important;
}
/* Favori + takip: ayrı grup. Medya sekmelerinin altında, sağ üst. */
.urun-gorsel-islemleri{
position:absolute!important;
top:62px!important;
right:12px!important;
left:auto!important;
z-index:45!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
visibility:visible!important;
opacity:1!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton{
width:40px!important;
height:40px!important;
flex:0 0 40px!important;
display:grid!important;
place-items:center!important;
visibility:visible!important;
opacity:1!important;
}
/* Foto okları: ortalı, net ve her iki tarafta. */
.urun-galeri-ok{
width:46px!important;
height:46px!important;
z-index:30!important;
}
.urun-galeri-ok.sol{left:12px!important}
.urun-galeri-ok.sag{right:12px!important}
/* Fotoğraf alanı daha doğal ürün fotoğrafı hissi versin. */
.urun-fotograf-sahne{
background:
radial-gradient(ellipse at 50% 76%,rgba(232,72,15,.12),transparent 40%),
linear-gradient(150deg,#e8e4dc 0%,#f8f6f1 60%,#ece8df 100%)!important;
}
.urun-fotograf-sahne::before{
width:min(46%,330px)!important;
top:47%!important;
}
.urun-fotograf-sahne::after{
width:40%!important;
bottom:13%!important;
}
/* Masaüstünde başlık ve özet daha dengeli. */
.urun-sol{
grid-template-columns:minmax(0,1fr) 300px!important;
}
.urun-kisa-aciklama{
font-size:14px!important;
line-height:1.55!important;
}
/* 3D görünümde gerçek model alanı açıkça interaktif. */
.urun-3d-sahne{
cursor:grab;
touch-action:none;
}
.urun-3d-sahne:active{cursor:grabbing}
/* AR butonu cihaz destekliyorsa ayrı aksiyon gibi okunur. */
.urun-medya-sekme.ar{
color:#d9e8ff;
}
.urun-medya-sekme.ar.etkin{
color:#171a20;
}
/* Tablet / mobil */
@media(max-width:920px){
.urun-sol{
grid-template-columns:minmax(0,1fr) 285px!important;
}
}
@media(max-width:760px){
.urun-sol{
grid-template-columns:1fr!important;
}
.urun-medya-sekmeleri{
top:10px!important;
left:10px!important;
max-width:calc(100% - 20px)!important;
}
.urun-gorsel-islemleri{
top:54px!important;
right:10px!important;
}
.urun-gorsel-islemleri .urun-gorsel-buton{
width:38px!important;
height:38px!important;
flex-basis:38px!important;
}
.urun-medya-sekme{
min-height:32px!important;
padding:0 9px!important;
font-size:10px!important;
}
}
@media(max-width:430px){
.urun-medya-sekmeleri{
max-width:calc(100% - 20px)!important;
}
.urun-medya-sekme{
padding:0 8px!important;
font-size:9.7px!important;
}
.urun-medya-sekme.ar span{display:inline!important}
.urun-gorsel-islemleri{
top:52px!important;
}
}
/* =========================================================
V8 — GÖRSEL ALANI DÜZELTMELERİ
========================================================= */
/* Fotoğrafın taşmasını tamamen engelle ve ortala */
.urun-fotograf-sahne{
position:relative;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:70px 64px 48px!important;
overflow:hidden!important;
}
.urun-fotograf-sahne::before,
.urun-fotograf-sahne::after{
content:none!important;
display:none!important;
}
.urun-fotograf-cerceve{
position:relative;
width:100%;
height:100%;
min-height:300px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.urun-demo-gorsel{
position:relative;
width:min(62%,330px);
max-width:330px;
aspect-ratio:1/1;
flex:0 0 auto;
transform:none!important;
margin:auto;
border-radius:44% 48% 50% 46%;
background:
radial-gradient(circle at 35% 28%,#ffd1bb 0 10%,transparent 11%),
radial-gradient(circle at 50% 50%,#ff743d 0 36%,#d44e1d 37% 52%,transparent 53%);
filter:drop-shadow(0 26px 28px rgba(70,42,25,.22));
}
.urun-demo-gorsel::after{
content:"";
position:absolute;
left:8%;
right:8%;
bottom:-22%;
height:12%;
border-radius:50%;
background:rgba(87,52,32,.34);
filter:blur(13px);
}
/* Sağ / sol oklar asla kaybolmasın ve medya katmanlarının üstünde kalsın */
.urun-galeri-ok{
display:grid!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
z-index:60!important;
}
.urun-galeri-ok.sol{
left:12px!important;
right:auto!important;
}
.urun-galeri-ok.sag{
right:12px!important;
left:auto!important;
}
#foto-sol[hidden],
#foto-sag[hidden]{
display:none!important;
}
/* Fotoğraf modunda ikisi de görünür */
.urun-galeri-ana.fotograf-modu #foto-sol,
.urun-galeri-ana.fotograf-modu #foto-sag{
display:grid!important;
visibility:visible!important;
opacity:1!important;
}
/* 3D modunda fotoğraf oklarını kaldır */
.urun-galeri-ana.ucboyut-modu #foto-sol,
.urun-galeri-ana.ucboyut-modu #foto-sag{
display:none!important;
}
/* Satıcı bloğu: yalnızca sağ panelde, mavi tik ile */
.urun-onayli-magaza{
display:inline-flex!important;
align-items:center;
gap:5px;
}
.mavi-tik{
width:17px;
height:17px;
display:inline-grid;
place-items:center;
flex:0 0 17px;
}
.mavi-tik svg{
width:17px;
height:17px;
fill:var(--bilgi);
}
.mavi-tik svg path:last-child{
fill:none;
stroke:#fff;
stroke-width:2.25;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Ürün özet alanı satıcı tekrarından sonra daha sade */
.urun-ozet .urun-istatistikler{
margin-top:16px;
}
/* Medya düğmeleri oklarla çakışmaz */
.urun-medya-sekmeleri{z-index:70!important}
.urun-gorsel-islemleri{z-index:71!important}
@media(max-width:760px){
.urun-fotograf-sahne{
padding:68px 54px 44px!important;
}
.urun-demo-gorsel{
width:min(68%,280px);
max-width:280px;
}
}
@media(max-width:460px){
.urun-fotograf-sahne{
padding:64px 48px 42px!important;
}
.urun-demo-gorsel{
width:min(72%,240px);
max-width:240px;
}
}
/* =========================================================
V9 — MEDYA ALANI SIFIRDAN
Eski galeri stillerinden tamamen bağımsız.
========================================================= */
.medya-v9-kart{
overflow:hidden!important;
}
.medya-v9-sahne{
position:relative;
width:100%;
aspect-ratio:4/3;
min-height:500px;
overflow:hidden;
background:linear-gradient(145deg,#e9e5dc,#faf8f3);
isolation:isolate;
}
.medya-v9-ust{
position:absolute;
top:12px;
left:12px;
right:12px;
z-index:100;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
pointer-events:none;
}
.medya-v9-sekmeler,
.medya-v9-sosyal{
pointer-events:auto;
}
.medya-v9-sekmeler{
display:flex;
align-items:center;
gap:3px;
padding:4px;
border:1px solid rgba(255,255,255,.12);
border-radius:12px;
background:rgba(12,15,20,.88);
box-shadow:0 8px 24px rgba(0,0,0,.20);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.medya-v9-sekme{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
padding:0 11px;
border-radius:8px;
color:#aab2bf;
font-size:10.5px;
font-weight:700;
white-space:nowrap;
}
.medya-v9-sekme:hover{color:#fff}
.medya-v9-sekme.etkin{
color:#171a20;
background:#fff;
}
.medya-v9-sekme .simge{width:14px;height:14px}
.medya-v9-sosyal{
display:flex;
gap:7px;
flex:none;
}
.medya-v9-sosyal-btn{
width:40px;
height:40px;
flex:0 0 40px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
border-radius:10px;
background:rgba(12,15,20,.88);
color:#d7dee8;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:.2s;
}
.medya-v9-sosyal-btn .simge{width:18px;height:18px}
.medya-v9-sosyal-btn:hover{color:#fff;border-color:rgba(255,255,255,.34)}
.medya-v9-sosyal-btn.favori-etkin{color:#ff5878;border-color:#ff5878}
.medya-v9-sosyal-btn.takip-etkin{color:#72b8ff;border-color:#72b8ff}
.medya-v9-foto,
.medya-v9-3d{
position:absolute;
inset:0;
display:none;
}
.medya-v9-foto.etkin,
.medya-v9-3d.etkin{display:block}
.medya-v9-foto-kutu{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:72px 72px 58px;
overflow:hidden;
}
.medya-v9-foto-kutu img{
display:block;
width:auto;
height:auto;
max-width:76%;
max-height:76%;
object-fit:contain;
object-position:center center;
margin:auto;
transform:none;
}
.medya-v9-oklar{
position:absolute;
inset:0;
z-index:40;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 12px;
pointer-events:none;
}
.medya-v9-ok{
width:46px;
height:46px;
flex:0 0 46px;
display:grid!important;
place-items:center;
visibility:visible!important;
opacity:1!important;
pointer-events:auto;
border:1px solid rgba(255,255,255,.16);
border-radius:50%;
background:rgba(12,15,20,.78);
color:#c9d1dc;
box-shadow:0 7px 22px rgba(0,0,0,.16);
transition:.2s;
}
.medya-v9-ok:hover{
color:var(--vurgu);
border-color:var(--vurgu);
}
.medya-v9-ok .simge{width:20px;height:20px}
.medya-v9-sayac{
position:absolute;
left:14px;
bottom:12px;
z-index:50;
padding:5px 8px;
border:1px solid rgba(20,24,30,.08);
border-radius:7px;
background:rgba(255,255,255,.82);
color:#667085;
font-family:var(--tek-aralikli-yazi);
font-size:9.5px;
backdrop-filter:blur(5px);
}
.medya-v9-3d{
background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
radial-gradient(60% 70% at 50% 45%,#1b2230,#0d1118 78%);
background-size:34px 34px,34px 34px,auto;
cursor:grab;
touch-action:none;
}
.medya-v9-3d:active{cursor:grabbing}
.medya-v9-3d model-viewer{
position:absolute;
inset:0;
width:100%;
height:100%;
min-height:500px;
z-index:4;
background:transparent;
--poster-color:transparent;
}
.medya-v9-3d-yedek{
position:absolute;
inset:0;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
}
.medya-v9-3d-yedek img{
max-width:58%;
max-height:64%;
object-fit:contain;
transform-style:preserve-3d;
transition:transform .04s linear;
}
.medya-v9-ipucu{
position:absolute;
left:14px;
bottom:11px;
z-index:8;
color:#6e7989;
font-family:var(--tek-aralikli-yazi);
font-size:9.5px;
pointer-events:none;
}
.medya-v9-kucukler{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
padding:10px;
border-top:1px solid var(--cizgi);
}
.medya-v9-kucuk{
position:relative;
aspect-ratio:4/3;
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:10px;
background:radial-gradient(70% 80% at 50% 40%,var(--panel-ikincil),var(--zemin-ikincil));
transition:.2s;
}
.medya-v9-kucuk:hover{border-color:var(--cizgi-ikincil)}
.medya-v9-kucuk.etkin{
border-color:var(--vurgu);
box-shadow:0 0 0 1px var(--vurgu) inset;
}
.medya-v9-kucuk span{
position:absolute;
left:7px;
bottom:7px;
padding:4px 6px;
border:1px solid var(--cizgi);
border-radius:6px;
background:color-mix(in srgb,var(--zemin) 82%,transparent);
color:var(--soluk);
font-family:var(--tek-aralikli-yazi);
font-size:9px;
}
/* Onay işareti yalnızca sağ mağaza panelinde */
.urun-onayli-magaza{
display:inline-flex!important;
align-items:center!important;
gap:5px!important;
}
.mavi-tik{
width:17px!important;
height:17px!important;
flex:0 0 17px!important;
display:inline-grid!important;
place-items:center!important;
}
.mavi-tik svg{width:17px!important;height:17px!important;fill:var(--bilgi)!important}
.mavi-tik svg path:last-child{
fill:none!important;
stroke:#fff!important;
stroke-width:2.25!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
@media(max-width:760px){
.medya-v9-sahne{min-height:360px}
.medya-v9-ust{
top:10px;left:10px;right:10px;
}
.medya-v9-sekme{
min-height:32px;
padding:0 9px;
font-size:10px;
}
.medya-v9-sosyal-btn{
width:38px;height:38px;flex-basis:38px;
}
.medya-v9-foto-kutu{
padding:72px 54px 50px;
}
.medya-v9-foto-kutu img{
max-width:82%;
max-height:78%;
}
.medya-v9-3d model-viewer{min-height:360px}
}
@media(max-width:520px){
.medya-v9-ust{
align-items:flex-start;
}
.medya-v9-sekmeler{
max-width:calc(100% - 92px);
overflow-x:auto;
scrollbar-width:none;
}
.medya-v9-sekmeler::-webkit-scrollbar{display:none}
.medya-v9-sekme{
padding:0 8px;
font-size:9.6px;
}
.medya-v9-sosyal{
gap:5px;
}
.medya-v9-sosyal-btn{
width:36px;height:36px;flex-basis:36px;
}
.medya-v9-ok{
width:42px;height:42px;flex-basis:42px;
}
.medya-v9-foto-kutu{
padding:66px 46px 46px;
}
}
/* =========================================================
V10 — SON MENÜ / DUYURU / KONTROL DÜZELTMELERİ
========================================================= */
.ust-duyuru{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}
.duyuru-cek{
display:inline-flex;
align-items:center;
gap:5px;
padding:2px 8px;
border-radius:999px;
background:rgba(26,13,5,.12);
color:#fff5d9;
font-family:var(--tek-aralikli-yazi);
font-weight:700;
letter-spacing:.06em;
line-height:1.4;
}
.duyuru-cek strong{
color:#fff;
animation:cek-vurgu 1.5s ease-in-out infinite;
}
.duyuru-para{
width:19px;
height:19px;
display:grid;
place-items:center;
border-radius:50%;
background:#1a0d05;
color:#ffd36c;
font-weight:700;
animation:para-sekme 1.5s ease-in-out infinite;
}
@keyframes cek-vurgu{
0%,100%{opacity:1;transform:translateY(0)}
50%{opacity:.72;transform:translateY(-1px)}
}
@keyframes para-sekme{
0%,100%{transform:translateY(0) rotate(0)}
50%{transform:translateY(-2px) rotate(-7deg)}
}
/* Galeri v9 güvenlik: her iki ok görünür, gerçek foto contain/center */
.medya-v9-foto.etkin .medya-v9-oklar{
display:flex!important;
visibility:visible!important;
opacity:1!important;
}
.medya-v9-foto.etkin #v9-sol,
.medya-v9-foto.etkin #v9-sag{
display:grid!important;
visibility:visible!important;
opacity:1!important;
}
.medya-v9-foto-kutu{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.medya-v9-foto-kutu img{
max-width:78%!important;
max-height:76%!important;
object-fit:contain!important;
object-position:center!important;
margin:auto!important;
}
/* Favori ve takip masaüstü + mobil görünür */
.medya-v9-sosyal{
display:flex!important;
visibility:visible!important;
opacity:1!important;
z-index:110!important;
}
.medya-v9-sosyal-btn{
display:grid!important;
visibility:visible!important;
opacity:1!important;
}
/* Satıcı bilgisinin tekrarını engelle */
.urun-ozet .urun-satici-kisa{display:none!important}
/* SSS / iletişim hedeflerinin sticky header altında kaybolmaması */
#sss,#iletisim,#blog{scroll-margin-top:calc(var(--ust-yukseklik) + 24px)}
/* Ürün özet başlığı sakin */
.urun-baslik{
font-size:clamp(18px,1.7vw,23px)!important;
line-height:1.2!important;
}
@media(max-width:760px){
.ust-duyuru{
font-size:10.5px;
line-height:1.35;
padding:7px 10px;
}
.duyuru-cek{
padding:2px 7px;
}
.medya-v9-sahne{min-height:350px!important}
.medya-v9-foto-kutu{padding:70px 52px 48px!important}
.medya-v9-foto-kutu img{
max-width:84%!important;
max-height:78%!important;
}
}
@media(max-width:480px){
.medya-v9-ust{
gap:6px!important;
}
.medya-v9-sekmeler{
max-width:calc(100% - 84px)!important;
}
.medya-v9-foto-kutu{
padding:68px 44px 44px!important;
}
}
/* Dinamik ürün ekleri */
.medya-v9-kucuk img{width:100%;height:100%;object-fit:cover;display:block}
.medya-v9-gorsel-yok{min-height:260px;display:grid;place-items:center;color:var(--silik);font:800 12px var(--tek-aralikli-yazi)}
.v5-bos-urun-bolumu{padding:28px 18px;border:1px dashed var(--cizgi-ikincil);border-radius:11px;color:var(--silik);text-align:center;font-size:12px}
.v5-uyelik-kilit-notu{padding:10px 11px;margin-bottom:13px;border-left:2px solid var(--bilgi);background:color-mix(in srgb,var(--bilgi) 8%,transparent);border-radius:8px}
.v5-uyelik-kilit-notu b{display:block;font-size:11.5px}.v5-uyelik-kilit-notu span{display:block;margin-top:2px;color:var(--silik);font-size:10.5px}
.v5-ucretsiz-panel h2{margin:10px 0 8px;font-family:var(--baslik-yazi);font-size:19px}
.v5-ucretsiz-rozet{display:inline-flex;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--basarili) 10%,transparent);color:var(--basarili);border:1px solid color-mix(in srgb,var(--basarili) 28%,transparent);font:700 9px var(--tek-aralikli-yazi)}
.v5-ucretsiz-aciklama{color:var(--soluk);font-size:12px;line-height:1.55}
/* =========================================================
V7 — KART HİZASI + TAM MEDYA + 3D
========================================================= */
/* ANA SAYFA: her ürün kartının geometrisi aynı */
#en-iyiler .dortlu-izgara{
align-items:stretch;
}
#en-iyiler .kart{
height:100%;
}
#en-iyiler .kart-gorseli{
width:100%;
aspect-ratio:4 / 3 !important;
min-height:0 !important;
overflow:hidden !important;
flex:none;
}
#en-iyiler .kart-gorseli > img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
object-position:center !important;
}
#en-iyiler .kart-gorseli .cizim{
width:100% !important;
height:100% !important;
margin:0 !important;
padding:8% !important;
object-fit:contain;
}
#en-iyiler .kart-govde{
display:grid !important;
grid-template-rows:auto 42px 20px 20px 58px 1fr auto;
gap:8px !important;
min-height:274px;
}
#en-iyiler .kart-basligi{
min-height:42px;
max-height:42px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
#en-iyiler .kart-uretici{
min-height:20px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#en-iyiler .kart-puan{
min-height:20px;
flex-wrap:nowrap !important;
overflow:hidden;
}
#en-iyiler .rozetler{
min-height:58px;
align-content:flex-start;
}
#en-iyiler .kart-alt{
min-height:48px;
margin-top:0 !important;
}
.kart-secenek-bilgisi{
margin-left:auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 9px;
border:1px solid var(--cizgi);
border-radius:8px;
background:var(--panel-ikincil);
color:var(--silik);
font:600 9px var(--tek-aralikli-yazi);
white-space:nowrap;
}
/* MAĞAZA: ana sayfa kartlarıyla aynı disiplin */
.pm-urunler{
align-items:stretch;
}
.pm-urun-v5{
height:100%;
display:flex !important;
flex-direction:column !important;
}
.pm-urun-v5 .pm-urun-gorsel{
width:100%;
aspect-ratio:4 / 3 !important;
min-height:0 !important;
flex:none;
overflow:hidden;
}
.pm-urun-v5 .pm-urun-gorsel img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
}
.pm-urun-v5 .pm-urun-bilgi{
flex:1;
display:grid !important;
grid-template-rows:auto 42px 18px 20px 58px 1fr auto;
gap:8px;
}
.pm-urun-v5 h3{
min-height:42px !important;
max-height:42px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.pm-kart-satici{
min-height:18px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pm-kart-meta{
min-height:20px;
margin-top:0 !important;
}
.pm-kart-lisanslar{
min-height:58px;
margin-top:0 !important;
align-content:flex-start;
}
.pm-kart-alt{
min-height:48px;
margin-top:0 !important;
}
.pm-kart-secenek-bilgisi{
margin-left:auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 9px;
border:1px solid var(--cizgi);
border-radius:8px;
color:var(--silik);
background:var(--panel-ikincil);
font:600 9px var(--tek-aralikli-yazi);
white-space:nowrap;
}
/* ÜRÜN DETAY: fotoğraf ana medya alanını gerçekten doldurur */
.medya-v9-sahne{
min-height:520px !important;
}
.medya-v9-foto-kutu{
inset:0 !important;
padding:0 !important;
width:100%;
height:100%;
}
.medya-v9-foto-kutu img{
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
margin:0 !important;
transform:none !important;
}
.medya-v9-kucuk{
overflow:hidden;
}
.medya-v9-kucuk img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* 3D */
.urun-3d-tuval-kutu{
position:absolute;
inset:0;
}
#urun-3d-tuval{
width:100%;
height:100%;
display:block;
cursor:grab;
touch-action:none;
}
#urun-3d-tuval:active{
cursor:grabbing;
}
.urun-3d-yukleniyor{
position:absolute;
inset:0;
display:grid;
place-items:center;
padding:30px;
color:#7f8a9a;
font:600 11px var(--tek-aralikli-yazi);
text-align:center;
pointer-events:none;
}
.urun-3d-yukleniyor[hidden]{
display:none !important;
}
/* Satın alma seçenekleri eşit kutu */
.urun-kanallar{
grid-auto-rows:1fr;
}
.urun-kanal{
min-height:66px !important;
display:flex;
flex-direction:column;
justify-content:center;
}
@media(max-width:720px){
.medya-v9-sahne{
min-height:380px !important;
}
#en-iyiler .kart-govde{
min-height:250px;
}
}
/* =========================================================
V8 — ZİYARETÇİYE AÇIK SUNUCU TARAFI ÜRÜN KATALOĞU
========================================================= */
.v8-sunucu-karti .kart-gorseli{
aspect-ratio:4/3;
overflow:hidden;
}
.v8-sunucu-karti .kart-gorseli>img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.v8-kart-gorsel-yok{
width:100%;
height:100%;
display:grid;
place-items:center;
background:var(--panel-ikincil);
color:var(--silik);
font:800 11px var(--tek-aralikli-yazi);
}
/* =========================================================
HAFTANIN MODELİ — SABİT 3D / FALLBACK
========================================================= */
#goruntu-alani{
isolation:isolate;
}
#yedek-gorunum{
z-index:2;
opacity:1;
visibility:visible;
transition:opacity .24s ease, visibility .24s ease;
}
#yedek-gorunum.ucboyut-hazir{
opacity:0;
visibility:hidden;
}
#ucboyut-tuvali{
z-index:3;
opacity:1;
transition:opacity .22s ease;
}
#ucboyut-tuvali.hazirlaniyor{
opacity:0;
}
#ucboyut-tuvali.hazir{
opacity:1;
}
/* araçlar ve yazılar modelin üzerinde kalır */
#goruntu-alani .koordinatlar,
#goruntu-alani .hafta-seridi,
#goruntu-alani .hafta-parlama,
#goruntu-alani .goruntu-araclari,
#goruntu-alani .ipucu,
#goruntu-alani .goruntu-ilerleme{
z-index:6;
}
/* =========================================================
V10 — ÜST MENÜ EŞİT BUTONLAR + MOBİL MENÜ
========================================================= */
.ust-hesabim-dugmesi,
.ust-cikis-dugmesi{
height:38px !important;
min-height:38px !important;
border-radius:10px !important;
border-width:1px !important;
box-sizing:border-box !important;
}
.ust-hesabim-dugmesi{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 11px 0 7px !important;
}
.ust-cikis-dugmesi{
width:38px !important;
min-width:38px !important;
max-width:38px !important;
padding:0 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
.ust-hesap-avatar{
width:24px !important;
height:24px !important;
}
.mobil-menu-simgesi{
position:relative;
z-index:125 !important;
pointer-events:auto !important;
cursor:pointer !important;
}
/* =========================================================
MOBİL MENÜ — TEK VE TUTARLI DURUM KURALI
Önceki üç ayrı/çakışan tanım (temel kural + iki yama)
burada birleştirildi. Masaüstünde body üzerinde "menu-acik"
sınıfı unutulmuş olsa bile (yeniden boyutlandırma, tablet
döndürme, geri/ileri önbelleği) menü asla görünür kalmaz;
bu kural aynı özgüllükte olduğu için kaskaddaki en son kural
olarak kazanır.
========================================================= */
@media(min-width:1081px){
body.menu-acik .mobil-menu,
.mobil-menu{
transform:translateX(102%) !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
body.menu-acik .mobil-menu-arkaplan,
.mobil-menu-arkaplan{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}
}
/* =========================================================
V10 — ANA SAYFA ÜRÜN KARTLARI TAM HİZA
========================================================= */
#en-iyi-model-listesi,
#cok-satan-listesi,
#populer-model-listesi,
#cok-indirilen-listesi,
#ucretsiz-model-listesi{
align-items:stretch !important;
}
#en-iyi-model-listesi .kart,
#cok-satan-listesi .kart,
#populer-model-listesi .kart,
#cok-indirilen-listesi .kart,
#ucretsiz-model-listesi .kart{
height:100% !important;
min-height:535px !important;
display:grid !important;
grid-template-rows:220px minmax(0,1fr) !important;
overflow:hidden !important;
}
#en-iyi-model-listesi .kart-gorseli,
#cok-satan-listesi .kart-gorseli,
#populer-model-listesi .kart-gorseli,
#cok-indirilen-listesi .kart-gorseli,
#ucretsiz-model-listesi .kart-gorseli{
width:100% !important;
height:220px !important;
min-height:220px !important;
max-height:220px !important;
aspect-ratio:auto !important;
overflow:hidden !important;
display:block !important;
}
#en-iyi-model-listesi .kart-gorseli > img,
#cok-satan-listesi .kart-gorseli > img,
#populer-model-listesi .kart-gorseli > img,
#cok-indirilen-listesi .kart-gorseli > img,
#ucretsiz-model-listesi .kart-gorseli > img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
display:block !important;
}
/* Telefon genişliğinde 2'li ürün grid'i: sabit 220px görsel çok
yer kaplayıp kartı orantısız uzatıyordu — daha kompakt bir versiyon. */
#en-iyi-model-listesi .v8-kart-gorsel-yok,
#cok-satan-listesi .v8-kart-gorsel-yok,
#populer-model-listesi .v8-kart-gorsel-yok,
#cok-indirilen-listesi .v8-kart-gorsel-yok,
#ucretsiz-model-listesi .v8-kart-gorsel-yok{
width:100% !important;
height:100% !important;
}
#en-iyi-model-listesi .kart-govde,
#cok-satan-listesi .kart-govde,
#populer-model-listesi .kart-govde,
#cok-indirilen-listesi .kart-govde,
#ucretsiz-model-listesi .kart-govde{
min-height:315px !important;
height:100% !important;
padding:16px !important;
display:grid !important;
grid-template-rows:
20px
46px
22px
22px
62px
minmax(0,1fr)
50px !important;
row-gap:7px !important;
align-content:stretch !important;
}
#en-iyi-model-listesi .v5-kart-ust,
#cok-satan-listesi .v5-kart-ust,
#populer-model-listesi .v5-kart-ust,
#cok-indirilen-listesi .v5-kart-ust,
#ucretsiz-model-listesi .v5-kart-ust{
height:20px !important;
min-height:20px !important;
align-items:center !important;
}
#en-iyi-model-listesi .kart-basligi,
#cok-satan-listesi .kart-basligi,
#populer-model-listesi .kart-basligi,
#cok-indirilen-listesi .kart-basligi,
#ucretsiz-model-listesi .kart-basligi{
height:46px !important;
min-height:46px !important;
max-height:46px !important;
margin:0 !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
line-height:1.35 !important;
}
#en-iyi-model-listesi .kart-uretici,
#cok-satan-listesi .kart-uretici,
#populer-model-listesi .kart-uretici,
#cok-indirilen-listesi .kart-uretici,
#ucretsiz-model-listesi .kart-uretici{
height:22px !important;
min-height:22px !important;
margin:0 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
#en-iyi-model-listesi .kart-puan,
#cok-satan-listesi .kart-puan,
#populer-model-listesi .kart-puan,
#cok-indirilen-listesi .kart-puan,
#ucretsiz-model-listesi .kart-puan{
height:22px !important;
min-height:22px !important;
margin:0 !important;
align-items:center !important;
}
#en-iyi-model-listesi .rozetler,
#cok-satan-listesi .rozetler,
#populer-model-listesi .rozetler,
#cok-indirilen-listesi .rozetler,
#ucretsiz-model-listesi .rozetler{
height:62px !important;
min-height:62px !important;
max-height:62px !important;
margin:0 !important;
align-content:flex-start !important;
overflow:hidden !important;
}
#en-iyi-model-listesi .kart-alt,
#cok-satan-listesi .kart-alt,
#populer-model-listesi .kart-alt,
#cok-indirilen-listesi .kart-alt,
#ucretsiz-model-listesi .kart-alt{
height:50px !important;
min-height:50px !important;
margin:0 !important;
padding-top:12px !important;
align-self:end !important;
border-top:1px dashed var(--cizgi) !important;
}
#en-iyi-model-listesi .fiyat,
#cok-satan-listesi .fiyat,
#populer-model-listesi .fiyat,
#cok-indirilen-listesi .fiyat,
#ucretsiz-model-listesi .fiyat{
min-width:0;
display:flex !important;
align-items:baseline !important;
}
#en-iyi-model-listesi .fiyat strong,
#cok-satan-listesi .fiyat strong,
#populer-model-listesi .fiyat strong,
#cok-indirilen-listesi .fiyat strong,
#ucretsiz-model-listesi .fiyat strong{
white-space:nowrap !important;
}
.kart-secenek-bilgisi{
min-width:112px !important;
height:32px !important;
min-height:32px !important;
margin-left:auto !important;
padding:0 9px !important;
box-sizing:border-box !important;
}
/* =========================================================
MOBİL — KOMPAKT / PREMIUM ÜRÜN KARTI (≤560px, 2'li grid)
Yukarıdaki masaüstü-öncelikli sabit piksel yükseklikler dar
ekranda görseli aşırı uzatıyor, fiyat+buton satırını ve
etiketleri (STL/3MF, FİZİKSEL BASKI) ekranın dışına taşırıp
kesiyordu. Bu blok, üstteki kurallardan SONRA geldiği için
(aynı özgüllük + !important eşitliğinde kaskadda kazanan
kural budur) onları mobilde geçersiz kılar.
========================================================= */
@media(max-width:560px){
#en-iyi-model-listesi .kart,
#cok-satan-listesi .kart,
#populer-model-listesi .kart,
#cok-indirilen-listesi .kart,
#ucretsiz-model-listesi .kart{
min-height:0 !important;
height:auto !important;
display:flex !important;
grid-template-rows:none !important;
}
/* Sabit piksel yükseklik yerine orana dayalı çerçeve: kart ne kadar
dar olursa olsun görsel her zaman kendi genişliğiyle orantılı,
minimum alanı kaplar — taşma ve gereksiz uzama olmaz. */
#en-iyi-model-listesi .kart-gorseli,
#cok-satan-listesi .kart-gorseli,
#populer-model-listesi .kart-gorseli,
#cok-indirilen-listesi .kart-gorseli,
#ucretsiz-model-listesi .kart-gorseli{
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:1/1 !important;
}
#en-iyi-model-listesi .kart-govde,
#cok-satan-listesi .kart-govde,
#populer-model-listesi .kart-govde,
#cok-indirilen-listesi .kart-govde,
#ucretsiz-model-listesi .kart-govde{
padding:11px 12px 12px !important;
gap:7px !important;
}
#en-iyi-model-listesi .kart-basligi,
#cok-satan-listesi .kart-basligi,
#populer-model-listesi .kart-basligi,
#cok-indirilen-listesi .kart-basligi,
#ucretsiz-model-listesi .kart-basligi{
font-size:13px !important;
}
#en-iyi-model-listesi .kart-uretici,
#cok-satan-listesi .kart-uretici,
#populer-model-listesi .kart-uretici,
#cok-indirilen-listesi .kart-uretici,
#ucretsiz-model-listesi .kart-uretici{
height:auto !important;
min-height:0 !important;
}
#en-iyi-model-listesi .kart-puan,
#cok-satan-listesi .kart-puan,
#populer-model-listesi .kart-puan,
#cok-indirilen-listesi .kart-puan,
#ucretsiz-model-listesi .kart-puan{
height:auto !important;
min-height:0 !important;
}
/* Etiket/rozet satırı (STL/3MF, FİZİKSEL BASKI vb.) dar kartta
taşıp kesilmesin diye tek satıra sığdırmıyoruz; alt satıra
sarmasına izin veriyoruz. */
#en-iyi-model-listesi .rozetler,
#cok-satan-listesi .rozetler,
#populer-model-listesi .rozetler,
#cok-indirilen-listesi .rozetler,
#ucretsiz-model-listesi .rozetler{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
flex-wrap:wrap !important;
}
#en-iyi-model-listesi .lisans-etiketi,
#cok-satan-listesi .lisans-etiketi,
#populer-model-listesi .lisans-etiketi,
#cok-indirilen-listesi .lisans-etiketi,
#ucretsiz-model-listesi .lisans-etiketi{
font-size:9px !important;
padding:3px 6px !important;
}
/* Fiyat + sepete ekle satırı: buton dar kartta metniyle birlikte
sığmadığı için ekranın dışına taşıp kesiliyordu. Butonu ikon-only
kompakt kareye indirip taşmayı kökten çözüyoruz. */
#en-iyi-model-listesi .kart-alt,
#cok-satan-listesi .kart-alt,
#populer-model-listesi .kart-alt,
#cok-indirilen-listesi .kart-alt,
#ucretsiz-model-listesi .kart-alt{
height:auto !important;
min-height:0 !important;
flex-wrap:nowrap !important;
}
#en-iyi-model-listesi .fiyat,
#cok-satan-listesi .fiyat,
#populer-model-listesi .fiyat,
#cok-indirilen-listesi .fiyat,
#ucretsiz-model-listesi .fiyat{
font-size:13.5px !important;
flex-shrink:1 !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
#en-iyi-model-listesi .eski-fiyat,
#cok-satan-listesi .eski-fiyat,
#populer-model-listesi .eski-fiyat,
#cok-indirilen-listesi .eski-fiyat,
#ucretsiz-model-listesi .eski-fiyat{
display:none !important;
}
#en-iyi-model-listesi .ekle-dugmesi,
#cok-satan-listesi .ekle-dugmesi,
#populer-model-listesi .ekle-dugmesi,
#cok-indirilen-listesi .ekle-dugmesi,
#ucretsiz-model-listesi .ekle-dugmesi{
flex-shrink:0 !important;
width:34px !important;
height:34px !important;
padding:0 !important;
border-radius:9px !important;
justify-content:center !important;
gap:0 !important;
font-size:0 !important;
}
#en-iyi-model-listesi .ekle-dugmesi .simge,
#cok-satan-listesi .ekle-dugmesi .simge,
#populer-model-listesi .ekle-dugmesi .simge,
#cok-indirilen-listesi .ekle-dugmesi .simge,
#ucretsiz-model-listesi .ekle-dugmesi .simge{
width:16px !important;
height:16px !important;
}
.kart-secenek-bilgisi{
min-width:0 !important;
font-size:9.5px !important;
padding:0 7px !important;
}
}
/* Masaüstü kart genişlikleri değişse de içerik hizası bozulmasın. */
@media(min-width:769px){
.dortlu-izgara{
grid-auto-rows:1fr;
}
}
@media(max-width:700px){
.ust-hesabim-dugmesi,
.ust-cikis-dugmesi{
height:36px !important;
min-height:36px !important;
}
.ust-cikis-dugmesi{
width:36px !important;
min-width:36px !important;
max-width:36px !important;
}
#en-iyi-model-listesi .kart,
#cok-satan-listesi .kart,
#populer-model-listesi .kart,
#cok-indirilen-listesi .kart,
#ucretsiz-model-listesi .kart{
min-height:505px !important;
grid-template-rows:200px minmax(0,1fr) !important;
}
#en-iyi-model-listesi .kart-gorseli,
#cok-satan-listesi .kart-gorseli,
#populer-model-listesi .kart-gorseli,
#cok-indirilen-listesi .kart-gorseli,
#ucretsiz-model-listesi .kart-gorseli{
height:200px !important;
min-height:200px !important;
max-height:200px !important;
}
}
/* =========================================================
V10.1 — ÜRÜN KARTI ALTTAKİ GEREKSİZ BOŞLUK DÜZELTMESİ
========================================================= */
/*
* Önceki sürümde kart gövdesinde minmax(0,1fr) satırı ve
* gereğinden büyük min-height bulunduğu için fiyat satırının
* altında boş alan kalıyordu. Kart artık içeriği kadar uzar.
*/
#en-iyi-model-listesi .kart,
#cok-satan-listesi .kart,
#populer-model-listesi .kart,
#cok-indirilen-listesi .kart,
#ucretsiz-model-listesi .kart{
min-height:0 !important;
height:auto !important;
grid-template-rows:220px auto !important;
}
#en-iyi-model-listesi .kart-govde,
#cok-satan-listesi .kart-govde,
#populer-model-listesi .kart-govde,
#cok-indirilen-listesi .kart-govde,
#ucretsiz-model-listesi .kart-govde{
min-height:0 !important;
height:auto !important;
grid-template-rows:
20px
46px
22px
22px
62px
50px !important;
align-content:start !important;
}
#en-iyi-model-listesi .kart-alt,
#cok-satan-listesi .kart-alt,
#populer-model-listesi .kart-alt,
#cok-indirilen-listesi .kart-alt,
#ucretsiz-model-listesi .kart-alt{
align-self:auto !important;
margin-top:0 !important;
}
/* Kartların aynı satırdaki yükseklikleri yine eşit kalsın. */
.dortlu-izgara{
align-items:stretch !important;
}
.dortlu-izgara > .kart{
align-self:stretch !important;
}
@media(max-width:700px){
#en-iyi-model-listesi .kart,
#cok-satan-listesi .kart,
#populer-model-listesi .kart,
#cok-indirilen-listesi .kart,
#ucretsiz-model-listesi .kart{
min-height:0 !important;
grid-template-rows:200px auto !important;
}
}
/* =========================================================
V12 — ÖDEME SAYFASI
========================================================= */
.odeme-sayfasi{
min-height:70vh;
padding:26px 0 76px;
background:var(--zemin);
}
.odeme-yol{
display:flex;
align-items:center;
gap:8px;
margin-bottom:22px;
color:var(--silik);
font:700 9px var(--tek-aralikli-yazi);
}
.odeme-yol i{
font-style:normal;
color:var(--cizgi-guclu);
}
.odeme-yol .tamam{
color:var(--basarili);
}
.odeme-yol .etkin{
color:var(--vurgu);
}
.odeme-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:24px;
}
.odeme-baslik h1{
max-width:700px;
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(30px,5vw,56px);
line-height:1;
letter-spacing:-.05em;
}
.odeme-baslik p{
max-width:650px;
margin-top:10px;
color:var(--soluk);
font-size:12px;
line-height:1.6;
}
.odeme-test-rozet{
flex:none;
min-width:180px;
padding:11px 13px;
border:1px solid color-mix(in srgb,var(--bilgi) 35%,var(--cizgi));
border-radius:12px;
background:color-mix(in srgb,var(--bilgi) 7%,var(--panel));
}
.odeme-test-rozet b,
.odeme-test-rozet span{
display:block;
}
.odeme-test-rozet b{
color:var(--bilgi);
font:800 9px var(--tek-aralikli-yazi);
}
.odeme-test-rozet span{
margin-top:3px;
color:var(--soluk);
font-size:9.5px;
}
.odeme-uyari-kutusu{
display:grid;
gap:5px;
margin-bottom:17px;
padding:13px 15px;
border:1px solid color-mix(in srgb,var(--tehlike) 32%,var(--cizgi));
border-radius:12px;
background:color-mix(in srgb,var(--tehlike) 5%,var(--panel));
}
.odeme-uyari-kutusu b{
color:var(--tehlike);
font-size:11px;
}
.odeme-uyari-kutusu span{
color:var(--soluk);
font-size:10px;
}
.odeme-izgara{
display:grid;
grid-template-columns:minmax(0,1fr) 350px;
gap:20px;
align-items:start;
}
.odeme-sol{
display:grid;
gap:16px;
}
.odeme-kart,
.odeme-ozet{
border:1px solid var(--cizgi);
border-radius:17px;
background:var(--panel);
box-shadow:0 14px 32px -30px rgba(0,0,0,.35);
}
.odeme-kart{
padding:18px;
}
.odeme-kart-baslik{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:15px;
}
.odeme-kart-baslik>div{
display:flex;
align-items:center;
gap:10px;
}
.odeme-kart-baslik>div>span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 9px var(--tek-aralikli-yazi);
}
.odeme-kart-baslik h2{
font-family:var(--baslik-yazi);
font-size:14px;
}
.odeme-kart-baslik p{
margin-top:2px;
color:var(--silik);
font-size:9.5px;
}
.odeme-mini-link{
color:var(--vurgu);
font-size:10px;
font-weight:800;
}
.odeme-adres-listesi{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.odeme-adres{
position:relative;
min-width:0;
display:grid;
grid-template-columns:20px minmax(0,1fr);
gap:9px;
padding:12px;
border:1px solid var(--cizgi);
border-radius:12px;
background:var(--panel-ikincil);
cursor:pointer;
}
.odeme-adres:has(input:checked){
border-color:var(--vurgu);
box-shadow:0 0 0 2px var(--vurgu-soluk);
}
.odeme-adres input{
position:absolute;
opacity:0;
}
.odeme-adres-secim{
width:17px;
height:17px;
margin-top:1px;
border:1.5px solid var(--cizgi-guclu);
border-radius:50%;
background:var(--panel);
}
.odeme-adres:has(input:checked) .odeme-adres-secim{
border:5px solid var(--vurgu);
}
.odeme-adres-icerik{
min-width:0;
}
.odeme-adres-icerik strong,
.odeme-adres-icerik b,
.odeme-adres-icerik span{
display:block;
}
.odeme-adres-icerik strong{
margin-bottom:5px;
color:var(--yazi);
font-size:11px;
}
.odeme-adres-icerik strong small{
margin-left:5px;
padding:3px 5px;
border-radius:5px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font-size:7px;
}
.odeme-adres-icerik b{
margin-bottom:3px;
font-size:10px;
}
.odeme-adres-icerik span{
color:var(--silik);
font-size:9px;
line-height:1.45;
}
.odeme-adres-yok{
padding:20px;
border:1px dashed var(--cizgi-guclu);
border-radius:12px;
text-align:center;
}
.odeme-adres-yok b{
display:block;
font-size:12px;
}
.odeme-adres-yok p{
max-width:430px;
margin:5px auto 12px;
color:var(--silik);
font-size:10px;
line-height:1.5;
}
.odeme-magazalar{
display:grid;
gap:12px;
}
.odeme-magaza{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:13px;
}
.odeme-magaza>header{
min-height:48px;
padding:9px 12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
background:var(--panel-ikincil);
border-bottom:1px solid var(--cizgi);
}
.odeme-magaza>header span,
.odeme-magaza>header b{
display:block;
}
.odeme-magaza>header span{
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
}
.odeme-magaza>header b{
margin-top:2px;
font-size:10.5px;
}
.odeme-magaza>header strong{
color:var(--vurgu);
font:800 10.5px var(--tek-aralikli-yazi);
}
.odeme-urunler{
display:grid;
}
.odeme-urun{
display:grid;
grid-template-columns:86px minmax(0,1fr) auto;
gap:11px;
padding:11px;
align-items:center;
}
.odeme-urun+.odeme-urun{
border-top:1px solid var(--cizgi);
}
.odeme-urun-gorsel{
width:86px;
height:72px;
overflow:hidden;
display:grid;
place-items:center;
border-radius:9px;
background:var(--panel-ikincil);
}
.odeme-urun-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.odeme-urun-gorsel span{
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
}
.odeme-urun-bilgi{
min-width:0;
}
.odeme-urun-bilgi h3{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:var(--yazi);
font-size:11.5px;
}
.odeme-urun-tur{
display:block;
margin-top:4px;
color:var(--vurgu);
font-size:9px;
font-weight:700;
}
.odeme-urun-meta{
display:flex;
flex-wrap:wrap;
gap:4px 10px;
margin-top:6px;
color:var(--silik);
font-size:8.5px;
}
.odeme-fiyat-degisti{
margin-top:6px;
color:var(--uyari);
font-size:8.5px;
}
.odeme-urun-fiyat{
min-width:105px;
text-align:right;
}
.odeme-urun-fiyat span,
.odeme-urun-fiyat strong{
display:block;
white-space:nowrap;
}
.odeme-urun-fiyat span{
color:var(--silik);
font-size:8.5px;
text-decoration:line-through;
}
.odeme-urun-fiyat strong{
margin-top:2px;
color:var(--vurgu);
font:800 11px var(--tek-aralikli-yazi);
}
.odeme-yontem{
position:relative;
display:grid;
grid-template-columns:38px minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:12px;
border:1px solid var(--cizgi);
border-radius:12px;
background:var(--panel-ikincil);
}
.odeme-yontem.etkin{
border-color:var(--vurgu);
box-shadow:0 0 0 2px var(--vurgu-soluk);
}
.odeme-yontem input{
position:absolute;
opacity:0;
}
.odeme-yontem-simge{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--vurgu);
color:#fff;
font:800 13px var(--tek-aralikli-yazi);
}
.odeme-yontem>span strong,
.odeme-yontem>span small{
display:block;
}
.odeme-yontem>span strong{
font-size:11px;
}
.odeme-yontem>span small{
margin-top:2px;
color:var(--silik);
font-size:9px;
}
.odeme-yontem>b{
color:var(--basarili);
font:800 8px var(--tek-aralikli-yazi);
}
.odeme-guven-notu{
display:flex;
gap:8px;
margin-top:10px;
padding:10px;
border-radius:10px;
background:color-mix(in srgb,var(--basarili) 6%,var(--panel));
}
.odeme-guven-notu>span{
color:var(--basarili);
font-weight:900;
}
.odeme-guven-notu b{
display:block;
font-size:9.5px;
}
.odeme-guven-notu p{
margin-top:2px;
color:var(--silik);
font-size:8.5px;
line-height:1.4;
}
.odeme-sag{
position:sticky;
top:88px;
}
.odeme-ozet{
padding:18px;
}
.odeme-ozet h2{
margin-top:5px;
font-family:var(--baslik-yazi);
font-size:17px;
}
.odeme-ozet dl{
display:grid;
gap:10px;
margin:17px 0;
}
.odeme-ozet dl>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
color:var(--soluk);
font-size:10px;
}
.odeme-ozet dd{
margin:0;
color:var(--yazi);
font-weight:800;
}
.odeme-ozet .indirim dd{
color:var(--basarili);
}
.odeme-ozet .toplam{
margin-top:4px;
padding-top:13px;
border-top:1px dashed var(--cizgi);
color:var(--yazi);
font-size:12px;
}
.odeme-ozet .toplam dd{
color:var(--vurgu);
font:800 16px var(--tek-aralikli-yazi);
}
.odeme-ozet-bilgi{
display:grid;
gap:5px;
padding:10px;
border-radius:9px;
background:var(--panel-ikincil);
}
.odeme-ozet-bilgi span{
color:var(--silik);
font-size:8.5px;
line-height:1.45;
}
.odeme-onay{
display:grid;
grid-template-columns:18px minmax(0,1fr);
gap:8px;
align-items:start;
margin:13px 0;
color:var(--soluk);
font-size:8.8px;
line-height:1.5;
cursor:pointer;
}
.odeme-onay input{
width:16px;
height:16px;
accent-color:var(--vurgu);
}
.odeme-tamamla-dugmesi{
width:100%;
min-height:48px;
}
.odeme-tamamla-dugmesi:disabled{
opacity:.45;
cursor:not-allowed;
}
.odeme-engel-notu{
margin-top:7px;
color:var(--tehlike);
font-size:8.5px;
text-align:center;
}
.odeme-sepete-don{
display:block;
margin-top:11px;
color:var(--silik);
font-size:9px;
text-align:center;
}
@media(max-width:960px){
.odeme-izgara{
grid-template-columns:1fr;
}
.odeme-sag{
position:static;
}
.odeme-adres-listesi{
grid-template-columns:1fr;
}
}
@media(max-width:640px){
.odeme-sayfasi{
padding-top:18px;
}
.odeme-baslik{
align-items:flex-start;
flex-direction:column;
}
.odeme-test-rozet{
width:100%;
}
.odeme-urun{
grid-template-columns:72px minmax(0,1fr);
}
.odeme-urun-gorsel{
width:72px;
height:66px;
}
.odeme-urun-fiyat{
grid-column:2;
min-width:0;
text-align:left;
}
.odeme-yol{
font-size:8px;
}
}
/* =========================================================
V12.1 — ÖDEME ONAY CHECKBOX GÖRÜNÜRLÜĞÜ
========================================================= */
.odeme-onay{
grid-template-columns:22px minmax(0,1fr) !important;
gap:10px !important;
align-items:start !important;
}
.odeme-onay input[type="checkbox"]{
-webkit-appearance:none !important;
appearance:none !important;
width:20px !important;
min-width:20px !important;
height:20px !important;
min-height:20px !important;
margin:1px 0 0 !important;
padding:0 !important;
display:grid !important;
place-items:center !important;
border:2px solid rgba(25,33,45,.38) !important;
border-radius:6px !important;
background:#fff !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.65), 0 1px 2px rgba(18,22,28,.08) !important;
cursor:pointer !important;
}
.odeme-onay input[type="checkbox"]:hover{
border-color:rgba(25,33,45,.58) !important;
background:#fffaf6 !important;
}
.odeme-onay input[type="checkbox"]::after{
content:"";
width:9px;
height:5px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg) scale(0);
transform-origin:center;
transition:transform .12s ease;
}
.odeme-onay input[type="checkbox"]:checked{
border-color:var(--vurgu) !important;
background:var(--vurgu) !important;
}
.odeme-onay input[type="checkbox"]:checked::after{
transform:rotate(-45deg) scale(1);
}
.odeme-onay input[type="checkbox"]:focus-visible{
outline:3px solid var(--vurgu-soluk) !important;
outline-offset:2px !important;
}
/* =========================================================
V12.1 — ÖDEME BAŞARILI
========================================================= */
.odeme-basarili-sayfasi{
min-height:70vh;
padding:46px 0 80px;
background:var(--zemin);
}
.odeme-basarili-kutu{
width:min(760px,100%);
margin:0 auto;
padding:30px;
border:1px solid var(--cizgi);
border-radius:20px;
background:var(--panel);
box-shadow:0 24px 70px -55px rgba(0,0,0,.4);
}
.odeme-basarili-simge{
width:52px;
height:52px;
margin-bottom:14px;
display:grid;
place-items:center;
border-radius:50%;
background:color-mix(in srgb,var(--basarili) 13%,var(--panel));
color:var(--basarili);
font-size:24px;
font-weight:900;
}
.odeme-basarili-kutu h1{
margin-top:8px;
font-family:var(--baslik-yazi);
font-size:clamp(27px,5vw,46px);
line-height:1.05;
letter-spacing:-.04em;
}
.odeme-basarili-aciklama{
margin-top:10px;
color:var(--soluk);
font-size:11px;
line-height:1.6;
}
.odeme-basarili-ozet{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin-top:20px;
}
.odeme-basarili-ozet>div{
padding:12px;
border-radius:11px;
background:var(--panel-ikincil);
}
.odeme-basarili-ozet span,
.odeme-basarili-ozet b{
display:block;
}
.odeme-basarili-ozet span{
color:var(--silik);
font-size:8.5px;
}
.odeme-basarili-ozet b{
margin-top:4px;
font:800 11px var(--tek-aralikli-yazi);
}
.odeme-basarili-urunler{
margin-top:16px;
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:12px;
}
.odeme-basarili-urunler article{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px;
}
.odeme-basarili-urunler article+article{
border-top:1px solid var(--cizgi);
}
.odeme-basarili-urunler span,
.odeme-basarili-urunler a,
.odeme-basarili-urunler small{
display:block;
}
.odeme-basarili-urunler span{
color:var(--silik);
font-size:8px;
}
.odeme-basarili-urunler a{
margin-top:2px;
color:var(--yazi);
font-size:11px;
font-weight:800;
}
.odeme-basarili-urunler small{
margin-top:3px;
color:var(--silik);
font-size:8.5px;
}
.odeme-basarili-urunler strong{
flex:none;
color:var(--vurgu);
font:800 10.5px var(--tek-aralikli-yazi);
}
.odeme-basarili-not{
display:grid;
gap:3px;
margin-top:12px;
padding:11px;
border-radius:10px;
background:var(--panel-ikincil);
}
.odeme-basarili-not.dijital{
background:color-mix(in srgb,var(--bilgi) 7%,var(--panel));
}
.odeme-basarili-not b{
font-size:10px;
}
.odeme-basarili-not span{
color:var(--silik);
font-size:9px;
line-height:1.45;
}
.odeme-basarili-eylemler{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:18px;
}
@media(max-width:600px){
.odeme-basarili-kutu{
padding:20px 15px;
}
.odeme-basarili-ozet{
grid-template-columns:1fr;
}
.odeme-basarili-eylemler{
display:grid;
}
.odeme-basarili-eylemler .dugme{
width:100%;
}
}
/* =========================================================
V13 — İNDİRMELERİM
========================================================= */
.indirmeler-sayfasi{
min-height:70vh;
padding:34px 0 80px;
background:var(--zemin);
}
.indirmeler-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:22px;
}
.indirmeler-baslik h1{
margin-top:6px;
font-family:var(--baslik-yazi);
font-size:clamp(31px,5vw,52px);
letter-spacing:-.05em;
}
.indirmeler-baslik p{
max-width:650px;
margin-top:8px;
color:var(--soluk);
font-size:11px;
line-height:1.6;
}
.indirmeler-listesi{
display:grid;
gap:11px;
}
.indirme-karti{
display:grid;
grid-template-columns:120px minmax(0,1fr) auto;
gap:15px;
align-items:center;
padding:12px;
border:1px solid var(--cizgi);
border-radius:15px;
background:var(--panel);
}
.indirme-gorsel{
width:120px;
height:96px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:10px;
background:var(--panel-ikincil);
}
.indirme-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.indirme-gorsel>span{
color:var(--silik);
font:700 8px var(--tek-aralikli-yazi);
}
.indirme-bilgi{
min-width:0;
}
.indirme-magaza{
color:var(--silik);
font-size:8.5px;
}
.indirme-bilgi h2{
margin-top:3px;
color:var(--yazi);
font-size:14px;
}
.indirme-meta,
.indirme-siparis{
display:flex;
flex-wrap:wrap;
gap:5px 12px;
margin-top:7px;
}
.indirme-meta span{
padding:4px 6px;
border:1px solid var(--cizgi);
border-radius:6px;
color:var(--soluk);
font-size:8px;
}
.indirme-siparis span{
color:var(--silik);
font-size:8px;
}
.indirme-eylem{
min-width:195px;
}
.indirme-eylem .dugme{
width:100%;
}
.indirmeler-bos{
min-height:330px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:30px;
border:1px dashed var(--cizgi-guclu);
border-radius:16px;
background:var(--panel);
text-align:center;
}
.indirmeler-bos b{
font-family:var(--baslik-yazi);
font-size:17px;
}
.indirmeler-bos p{
color:var(--soluk);
font-size:10px;
}
@media(max-width:760px){
.indirmeler-baslik{
align-items:flex-start;
flex-direction:column;
}
.indirme-karti{
grid-template-columns:86px minmax(0,1fr);
}
.indirme-gorsel{
width:86px;
height:78px;
}
.indirme-eylem{
grid-column:1/-1;
min-width:0;
}
}
/* =========================================================
V14 — SİPARİŞLERİM
========================================================= */
.siparislerim-sayfasi,
.siparis-detay-sayfasi{
min-height:72vh;
padding:34px 0 82px;
background:var(--zemin);
}
.siparislerim-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:22px;
}
.siparislerim-baslik h1{
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(32px,5vw,54px);
letter-spacing:-.05em;
}
.siparislerim-baslik p{
max-width:690px;
margin-top:8px;
color:var(--soluk);
font-size:11px;
line-height:1.65;
}
.siparislerim-baslik-eylem{
display:flex;
gap:8px;
flex-wrap:wrap;
}
.siparislerim-liste{
display:grid;
gap:12px;
}
.siparis-karti{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel);
box-shadow:0 15px 35px -34px rgba(0,0,0,.4);
}
.siparis-karti-ust,
.siparis-karti-alt{
padding:13px 15px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.siparis-karti-ust{
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.siparis-karti-etiket,
.siparis-karti-tarih{
display:block;
}
.siparis-karti-etiket{
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
letter-spacing:.1em;
}
.siparis-karti-no{
display:inline-block;
margin-top:2px;
color:var(--yazi);
font:800 13px var(--tek-aralikli-yazi);
}
.siparis-karti-tarih{
margin-top:2px;
color:var(--silik);
font-size:8.5px;
}
.siparis-durum{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 9px;
border:1px solid var(--cizgi);
border-radius:999px;
background:var(--panel);
color:var(--soluk);
font:700 8px var(--tek-aralikli-yazi);
white-space:nowrap;
}
.siparis-durum.basarili{
color:var(--basarili);
border-color:color-mix(in srgb,var(--basarili) 32%,var(--cizgi));
background:color-mix(in srgb,var(--basarili) 7%,var(--panel));
}
.siparis-durum.hata{
color:var(--vurgu);
border-color:color-mix(in srgb,var(--vurgu) 32%,var(--cizgi));
background:var(--vurgu-soluk);
}
.siparis-durum.bilgi{
color:var(--bilgi);
border-color:color-mix(in srgb,var(--bilgi) 32%,var(--cizgi));
background:color-mix(in srgb,var(--bilgi) 7%,var(--panel));
}
.siparis-durum.uyari{
color:var(--uyari);
border-color:color-mix(in srgb,var(--uyari) 35%,var(--cizgi));
background:color-mix(in srgb,var(--uyari) 7%,var(--panel));
}
.siparis-karti-orta{
padding:15px;
}
.siparis-karti-ozet{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.siparis-karti-ozet>div{
padding:10px 11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.siparis-karti-ozet span,
.siparis-karti-ozet strong{
display:block;
}
.siparis-karti-ozet span{
color:var(--silik);
font-size:8px;
}
.siparis-karti-ozet strong{
margin-top:3px;
font:800 10.5px var(--tek-aralikli-yazi);
}
.siparis-karti-turler{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:10px;
}
.siparis-tur{
padding:5px 7px;
border:1px solid var(--cizgi);
border-radius:7px;
font:700 7.5px var(--tek-aralikli-yazi);
}
.siparis-tur.dijital{
color:var(--bilgi);
}
.siparis-tur.fiziksel{
color:var(--uyari);
}
.siparis-karti-alt{
border-top:1px dashed var(--cizgi);
}
.siparis-karti-not{
display:grid;
gap:2px;
color:var(--silik);
font-size:8.5px;
}
.siparis-karti-eylem{
display:flex;
gap:7px;
flex:none;
}
.siparislerim-bos{
min-height:360px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:30px;
border:1px dashed var(--cizgi-ikincil);
border-radius:17px;
background:var(--panel);
text-align:center;
}
.siparislerim-bos-simge{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:16px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 15px var(--tek-aralikli-yazi);
}
.siparislerim-bos h2{
font-family:var(--baslik-yazi);
font-size:17px;
}
.siparislerim-bos p{
max-width:430px;
color:var(--soluk);
font-size:10px;
}
/* =========================================================
V14 — SİPARİŞ DETAY
========================================================= */
.siparis-detay-geri{
margin-bottom:13px;
}
.siparis-detay-geri a{
color:var(--soluk);
font-size:9.5px;
font-weight:700;
}
.siparis-detay-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:20px;
padding:20px;
border:1px solid var(--cizgi);
border-radius:17px;
background:var(--panel);
}
.siparis-detay-hero h1{
margin-top:6px;
font-family:var(--baslik-yazi);
font-size:clamp(24px,4vw,40px);
letter-spacing:-.04em;
}
.siparis-detay-hero-meta{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:7px;
color:var(--silik);
font-size:9px;
}
.siparis-detay-hero-sag{
display:flex;
align-items:flex-end;
flex-direction:column;
gap:9px;
}
.siparis-detay-hero-sag>strong{
color:var(--vurgu);
font:800 18px var(--tek-aralikli-yazi);
white-space:nowrap;
}
.siparis-detay-izgara{
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:18px;
align-items:start;
}
.siparis-detay-ana{
display:grid;
gap:13px;
}
.siparis-magaza-karti{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel);
}
.siparis-magaza-karti-ust{
min-height:65px;
padding:12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.siparis-magaza-karti-ust span,
.siparis-magaza-karti-ust a,
.siparis-magaza-karti-ust small{
display:block;
}
.siparis-magaza-karti-ust>div>span{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.siparis-magaza-karti-ust a{
margin-top:2px;
font-size:11.5px;
font-weight:800;
}
.siparis-magaza-karti-ust small{
margin-top:2px;
color:var(--silik);
font-size:8px;
}
.siparis-magaza-urunler{
display:grid;
}
.siparis-detay-urun{
display:grid;
grid-template-columns:88px minmax(0,1fr) auto;
gap:11px;
align-items:center;
padding:11px 13px;
}
.siparis-detay-urun+.siparis-detay-urun{
border-top:1px solid var(--cizgi);
}
.siparis-detay-gorsel{
width:88px;
height:72px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:9px;
background:var(--panel-ikincil);
}
.siparis-detay-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.siparis-detay-gorsel>span{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.siparis-detay-urun-bilgi{
min-width:0;
}
.siparis-detay-urun-bilgi h2{
overflow:hidden;
color:var(--yazi);
font-size:11.5px;
white-space:nowrap;
text-overflow:ellipsis;
}
.siparis-detay-urun-meta{
display:flex;
flex-wrap:wrap;
gap:5px 10px;
margin-top:6px;
}
.siparis-detay-urun-meta span{
color:var(--silik);
font-size:8.3px;
}
.siparis-detay-urun-fiyat{
min-width:105px;
text-align:right;
}
.siparis-detay-urun-fiyat strong,
.siparis-detay-urun-fiyat span{
display:block;
white-space:nowrap;
}
.siparis-detay-urun-fiyat strong{
color:var(--vurgu);
font:800 10.5px var(--tek-aralikli-yazi);
}
.siparis-detay-urun-fiyat span{
margin-top:2px;
color:var(--silik);
font-size:8px;
text-decoration:line-through;
}
.siparis-magaza-karti-alt{
min-height:57px;
padding:10px 13px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
border-top:1px dashed var(--cizgi);
}
.siparis-magaza-ozet{
display:flex;
flex-wrap:wrap;
gap:5px 12px;
color:var(--silik);
font-size:8.5px;
}
.siparis-magaza-ozet b{
color:var(--yazi);
}
.siparis-magaza-eylem{
display:flex;
align-items:center;
gap:9px;
}
.siparis-kargo-bilgi{
display:grid;
gap:2px;
text-align:right;
}
.siparis-kargo-bilgi b{
font-size:8.5px;
}
.siparis-kargo-bilgi span{
color:var(--silik);
font:600 8px var(--tek-aralikli-yazi);
}
.siparis-detay-yan{
position:sticky;
top:88px;
display:grid;
gap:12px;
}
.siparis-detay-ozet,
.siparis-detay-adres,
.siparis-detay-yardim{
padding:16px;
border:1px solid var(--cizgi);
border-radius:15px;
background:var(--panel);
}
.siparis-detay-ozet dl{
display:grid;
gap:9px;
margin:15px 0;
}
.siparis-detay-ozet dl>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:var(--soluk);
font-size:9.5px;
}
.siparis-detay-ozet dd{
margin:0;
color:var(--yazi);
font-weight:800;
}
.siparis-detay-ozet .indirim dd{
color:var(--basarili);
}
.siparis-detay-ozet .toplam{
margin-top:3px;
padding-top:11px;
border-top:1px dashed var(--cizgi);
color:var(--yazi);
font-size:11px;
}
.siparis-detay-ozet .toplam dd{
color:var(--vurgu);
font:800 14px var(--tek-aralikli-yazi);
}
.siparis-detay-odeme{
display:flex;
align-items:center;
gap:7px;
padding:10px;
border-radius:9px;
background:var(--panel-ikincil);
}
.siparis-detay-odeme>span{
color:var(--silik);
font-size:8px;
}
.siparis-detay-odeme>b{
margin-left:auto;
font-size:9px;
}
.siparis-detay-odeme small{
padding:3px 5px;
border-radius:5px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:700 7px var(--tek-aralikli-yazi);
}
.siparis-detay-adres h2,
.siparis-detay-yardim h2{
margin-top:8px;
font-family:var(--baslik-yazi);
font-size:12px;
}
.siparis-detay-adres>b{
display:block;
margin-top:8px;
font-size:10px;
}
.siparis-detay-adres p,
.siparis-detay-yardim p{
margin-top:4px;
color:var(--silik);
font-size:8.8px;
line-height:1.55;
}
.siparis-detay-yardim .dugme{
width:100%;
margin-top:11px;
}
@media(max-width:900px){
.siparis-detay-izgara{
grid-template-columns:1fr;
}
.siparis-detay-yan{
position:static;
}
}
@media(max-width:700px){
.siparislerim-baslik{
align-items:flex-start;
flex-direction:column;
}
.siparislerim-baslik-eylem{
width:100%;
}
.siparislerim-baslik-eylem .dugme{
flex:1;
}
.siparis-karti-ozet{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.siparis-karti-alt{
align-items:flex-start;
flex-direction:column;
}
.siparis-karti-eylem{
width:100%;
}
.siparis-karti-eylem .dugme{
flex:1;
}
.siparis-detay-hero{
align-items:flex-start;
flex-direction:column;
}
.siparis-detay-hero-sag{
width:100%;
align-items:flex-start;
}
.siparis-detay-urun{
grid-template-columns:72px minmax(0,1fr);
}
.siparis-detay-gorsel{
width:72px;
height:66px;
}
.siparis-detay-urun-fiyat{
grid-column:2;
min-width:0;
text-align:left;
}
.siparis-magaza-karti-alt{
align-items:flex-start;
flex-direction:column;
}
.siparis-magaza-eylem{
width:100%;
justify-content:space-between;
}
}
/* =========================================================
V15 — SATICI / SATIŞLARIM
========================================================= */
.satici-sayfasi{
min-height:72vh;
padding:34px 0 82px;
background:var(--zemin);
}
.satici-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:22px;
}
.satici-baslik h1{
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(32px,5vw,54px);
letter-spacing:-.05em;
}
.satici-baslik p{
max-width:700px;
margin-top:8px;
color:var(--soluk);
font-size:11px;
line-height:1.65;
}
.satici-baslik-eylem{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.satici-ozet-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:9px;
margin-bottom:15px;
}
.satici-ozet-grid article{
padding:12px;
border:1px solid var(--cizgi);
border-radius:11px;
background:var(--panel);
}
.satici-ozet-grid span,
.satici-ozet-grid b{
display:block;
}
.satici-ozet-grid span{
color:var(--silik);
font-size:8px;
}
.satici-ozet-grid b{
margin-top:4px;
font:800 12px var(--tek-aralikli-yazi);
}
.satici-ozet-grid article.vurgu{
border-color:color-mix(in srgb,var(--vurgu) 30%,var(--cizgi));
background:var(--vurgu-soluk);
}
.satici-ozet-grid article.vurgu b{
color:var(--vurgu);
}
.satici-filtreler{
display:flex;
gap:7px;
overflow:auto;
margin-bottom:14px;
padding-bottom:2px;
}
.satici-filtreler a{
flex:none;
min-height:34px;
padding:0 10px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--cizgi);
border-radius:8px;
background:var(--panel);
color:var(--soluk);
font-size:9px;
font-weight:700;
}
.satici-filtreler a.etkin{
border-color:var(--vurgu);
background:var(--vurgu-soluk);
color:var(--vurgu);
}
.satici-satis-listesi{
display:grid;
gap:11px;
}
.satici-satis-karti{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:15px;
background:var(--panel);
}
.satici-satis-karti>header,
.satici-satis-karti>footer{
padding:12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.satici-satis-karti>header{
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.satici-satis-karti>header>div>span,
.satici-satis-karti>header>div>a,
.satici-satis-karti>header>div>small{
display:block;
}
.satici-satis-karti>header>div>span{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.satici-satis-karti>header>div>a{
margin-top:2px;
color:var(--yazi);
font:800 11px var(--tek-aralikli-yazi);
}
.satici-satis-karti>header>div>small{
margin-top:2px;
color:var(--silik);
font-size:8px;
}
.satici-satis-icerik{
padding:13px 14px;
}
.satici-musteri span,
.satici-musteri b{
display:block;
}
.satici-musteri span{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.satici-musteri b{
margin-top:2px;
font-size:10.5px;
}
.satici-satis-veriler{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:7px;
margin-top:10px;
}
.satici-satis-veriler>div{
padding:9px 10px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
}
.satici-satis-veriler span,
.satici-satis-veriler b{
display:block;
}
.satici-satis-veriler span{
color:var(--silik);
font-size:7.5px;
}
.satici-satis-veriler b{
margin-top:3px;
font:800 9.5px var(--tek-aralikli-yazi);
}
.satici-satis-turler{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
margin-top:9px;
}
.satici-kargo-kisa{
color:var(--soluk);
font:600 8px var(--tek-aralikli-yazi);
}
.satici-satis-karti>footer{
border-top:1px dashed var(--cizgi);
}
.satici-satis-karti>footer>span{
color:var(--silik);
font-size:8.5px;
}
.satici-bos{
min-height:280px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
border:1px dashed var(--cizgi-ikincil);
border-radius:15px;
background:var(--panel);
}
.satici-bos b{
font-family:var(--baslik-yazi);
font-size:14px;
}
.satici-bos p{
color:var(--silik);
font-size:9px;
}
/* Satıcı sipariş detay */
.satici-geri{
margin-bottom:12px;
}
.satici-geri a{
color:var(--soluk);
font-size:9px;
font-weight:700;
}
.satici-detay-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:17px;
padding:18px;
border:1px solid var(--cizgi);
border-radius:16px;
background:var(--panel);
}
.satici-detay-hero h1{
margin-top:5px;
font-family:var(--baslik-yazi);
font-size:clamp(23px,4vw,38px);
letter-spacing:-.04em;
}
.satici-detay-hero p{
margin-top:6px;
color:var(--silik);
font-size:8.5px;
}
.satici-detay-hero-sag{
display:flex;
align-items:flex-end;
flex-direction:column;
gap:4px;
}
.satici-detay-hero-sag>strong{
margin-top:4px;
color:var(--vurgu);
font:800 17px var(--tek-aralikli-yazi);
}
.satici-detay-hero-sag>small{
color:var(--silik);
font-size:7.5px;
}
.satici-detay-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:16px;
align-items:start;
}
.satici-detay-sol,
.satici-detay-yan{
display:grid;
gap:12px;
}
.satici-detay-yan{
position:sticky;
top:88px;
}
.satici-panel-kart{
padding:15px;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.satici-panel-baslik{
margin-bottom:13px;
}
.satici-panel-baslik>div{
display:flex;
align-items:center;
gap:9px;
}
.satici-panel-baslik>div>span{
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 8px var(--tek-aralikli-yazi);
}
.satici-panel-baslik h2{
font-family:var(--baslik-yazi);
font-size:12px;
}
.satici-panel-baslik p{
margin-top:2px;
color:var(--silik);
font-size:8px;
}
.satici-detay-urunler{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:11px;
}
.satici-detay-urun{
display:grid;
grid-template-columns:78px minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px;
}
.satici-detay-urun+.satici-detay-urun{
border-top:1px solid var(--cizgi);
}
.satici-detay-gorsel{
width:78px;
height:66px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:8px;
background:var(--panel-ikincil);
}
.satici-detay-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.satici-detay-gorsel>span{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.satici-detay-urun-bilgi{
min-width:0;
}
.satici-detay-urun-bilgi h3{
overflow:hidden;
color:var(--yazi);
font-size:10.5px;
white-space:nowrap;
text-overflow:ellipsis;
}
.satici-detay-urun-bilgi>div{
display:flex;
flex-wrap:wrap;
gap:4px 9px;
margin-top:5px;
}
.satici-detay-urun-bilgi span{
color:var(--silik);
font-size:7.8px;
}
.satici-detay-fiyat{
text-align:right;
}
.satici-detay-fiyat strong,
.satici-detay-fiyat small{
display:block;
}
.satici-detay-fiyat strong{
color:var(--vurgu);
font:800 9.5px var(--tek-aralikli-yazi);
}
.satici-detay-fiyat small{
margin-top:2px;
color:var(--silik);
font-size:7.5px;
}
.satici-durum-formu{
display:grid;
gap:11px;
}
.satici-durum-formu label>span{
display:block;
margin-bottom:5px;
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
text-transform:uppercase;
}
.satici-durum-formu input,
.satici-durum-formu select{
width:100%;
min-height:40px;
padding:0 11px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
color:var(--yazi);
outline:0;
}
.satici-durum-formu input:focus,
.satici-durum-formu select:focus{
border-color:var(--vurgu);
}
.satici-kargo-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.satici-form-sonuc{
min-height:18px;
color:var(--vurgu);
font-size:8.5px;
}
.satici-form-sonuc.basarili{
color:var(--basarili);
}
.satici-dijital-teslim{
display:flex;
align-items:center;
gap:12px;
}
.satici-dijital-simge{
flex:none;
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:50%;
background:color-mix(in srgb,var(--basarili) 10%,var(--panel));
color:var(--basarili);
font-size:18px;
font-weight:900;
}
.satici-dijital-teslim h2{
font-family:var(--baslik-yazi);
font-size:11px;
}
.satici-dijital-teslim p{
margin-top:3px;
color:var(--silik);
font-size:8.5px;
line-height:1.55;
}
.satici-yan-baslik{
margin-top:8px;
font-family:var(--baslik-yazi);
font-size:11px;
}
.satici-yan-satir{
margin-top:5px;
color:var(--silik);
font-size:8.5px;
line-height:1.5;
}
.satici-finans-ozeti{
display:grid;
gap:8px;
margin-top:12px;
}
.satici-finans-ozeti>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:var(--soluk);
font-size:8.5px;
}
.satici-finans-ozeti dd{
margin:0;
color:var(--yazi);
font-weight:800;
}
.satici-finans-ozeti .toplam{
margin-top:2px;
padding-top:10px;
border-top:1px dashed var(--cizgi);
font-size:10px;
}
.satici-finans-ozeti .toplam dd{
color:var(--vurgu);
font:800 12px var(--tek-aralikli-yazi);
}
@media(max-width:900px){
.satici-ozet-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.satici-detay-grid{
grid-template-columns:1fr;
}
.satici-detay-yan{
position:static;
}
}
@media(max-width:680px){
.satici-baslik{
align-items:flex-start;
flex-direction:column;
}
.satici-baslik-eylem{
width:100%;
}
.satici-baslik-eylem .dugme{
flex:1;
}
.satici-satis-veriler{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.satici-satis-karti>footer{
align-items:flex-start;
flex-direction:column;
}
.satici-satis-karti>footer .dugme{
width:100%;
}
.satici-detay-hero{
align-items:flex-start;
flex-direction:column;
}
.satici-detay-hero-sag{
align-items:flex-start;
}
.satici-kargo-form-grid{
grid-template-columns:1fr;
}
.satici-detay-urun{
grid-template-columns:64px minmax(0,1fr);
}
.satici-detay-gorsel{
width:64px;
height:58px;
}
.satici-detay-fiyat{
grid-column:2;
text-align:left;
}
}
/* =========================================================
V16 — TASARIMLARIM
========================================================= */
.tasarimlarim-sayfasi,
.tasarim-duzenle-sayfasi{
min-height:72vh;
padding:34px 0 82px;
background:var(--zemin);
}
.tasarimlarim-baslik,
.tasarim-duzenle-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:20px;
}
.tasarimlarim-baslik h1,
.tasarim-duzenle-baslik h1{
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(31px,5vw,52px);
letter-spacing:-.05em;
}
.tasarimlarim-baslik p,
.tasarim-duzenle-baslik p{
max-width:700px;
margin-top:8px;
color:var(--soluk);
font-size:11px;
line-height:1.65;
}
.tasarimlarim-baslik-eylem{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.tasarimlarim-ozet{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:8px;
margin-bottom:13px;
}
.tasarimlarim-ozet article{
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel);
}
.tasarimlarim-ozet span,
.tasarimlarim-ozet b{
display:block;
}
.tasarimlarim-ozet span{
color:var(--silik);
font-size:7.5px;
}
.tasarimlarim-ozet b{
margin-top:3px;
font:800 11px var(--tek-aralikli-yazi);
}
.tasarimlarim-filtre{
display:flex;
gap:7px;
overflow:auto;
margin-bottom:14px;
}
.tasarimlarim-filtre a{
flex:none;
min-height:34px;
padding:0 11px;
display:flex;
align-items:center;
border:1px solid var(--cizgi);
border-radius:8px;
background:var(--panel);
color:var(--soluk);
font-size:8.5px;
font-weight:700;
}
.tasarimlarim-filtre a.etkin{
border-color:var(--vurgu);
background:var(--vurgu-soluk);
color:var(--vurgu);
}
.tasarimlarim-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:13px;
}
.tasarimim-karti{
display:flex;
min-width:0;
overflow:hidden;
flex-direction:column;
border:1px solid var(--cizgi);
border-radius:15px;
background:var(--panel);
}
.tasarimim-gorsel{
position:relative;
height:210px;
display:grid;
place-items:center;
overflow:hidden;
background:var(--panel-ikincil);
}
.tasarimim-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.tasarimim-gorsel>span{
color:var(--silik);
font:800 9px var(--tek-aralikli-yazi);
}
.tasarimim-durum{
position:absolute;
top:9px;
left:9px;
padding:5px 7px;
border:1px solid var(--cizgi);
border-radius:7px;
background:var(--panel);
font:700 7px var(--tek-aralikli-yazi);
}
.tasarimim-durum.yayinda{
color:var(--basarili);
}
.tasarimim-durum.pasif{
color:var(--uyari);
}
.tasarimim-govde{
display:flex;
flex:1;
flex-direction:column;
padding:13px;
}
.tasarimim-ust{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
}
.tasarimim-ust span{
color:var(--vurgu);
font:700 7px var(--tek-aralikli-yazi);
}
.tasarimim-ust b{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.tasarimim-govde h2{
margin-top:5px;
min-height:38px;
color:var(--yazi);
font-size:13px;
line-height:1.45;
}
.tasarimim-govde>p{
height:38px;
margin-top:5px;
overflow:hidden;
color:var(--soluk);
font-size:8.5px;
line-height:1.5;
}
.tasarimim-dosyalar{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:9px;
}
.tasarimim-dosyalar span{
padding:4px 5px;
border:1px solid var(--cizgi);
border-radius:6px;
color:var(--silik);
font-size:7px;
}
.tasarimim-istatistik{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:5px;
margin-top:10px;
}
.tasarimim-istatistik>div{
min-width:0;
padding:7px;
border-radius:7px;
background:var(--panel-ikincil);
}
.tasarimim-istatistik span,
.tasarimim-istatistik b{
display:block;
}
.tasarimim-istatistik span{
overflow:hidden;
color:var(--silik);
font-size:6.7px;
white-space:nowrap;
text-overflow:ellipsis;
}
.tasarimim-istatistik b{
margin-top:2px;
overflow:hidden;
font:800 7.8px var(--tek-aralikli-yazi);
white-space:nowrap;
text-overflow:ellipsis;
}
.tasarimim-alt{
min-height:56px;
padding:10px 13px;
display:flex;
align-items:center;
justify-content:space-between;
gap:9px;
border-top:1px dashed var(--cizgi);
}
.tasarimim-alt>small{
color:var(--silik);
font-size:7px;
}
.tasarimim-alt>div{
display:flex;
gap:6px;
}
.tasarimlarim-bos{
min-height:330px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:7px;
border:1px dashed var(--cizgi-ikincil);
border-radius:16px;
background:var(--panel);
text-align:center;
}
.tasarimlarim-bos>span{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:15px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 13px var(--tek-aralikli-yazi);
}
.tasarimlarim-bos h2{
font-family:var(--baslik-yazi);
font-size:14px;
}
.tasarimlarim-bos p{
color:var(--silik);
font-size:9px;
}
/* =========================================================
V16 — TASARIM DÜZENLE
========================================================= */
.tasarim-duzenle-yol{
display:flex;
gap:7px;
margin-bottom:12px;
color:var(--silik);
font-size:8.5px;
}
.tasarim-duzenle-yol b{
color:var(--yazi);
}
.tasarim-duzenle-form{
display:grid;
grid-template-columns:minmax(0,1fr) 300px;
gap:15px;
align-items:start;
}
.tasarim-duzenle-sol{
display:grid;
gap:12px;
}
.tasarim-duzenle-sag{
position:sticky;
top:88px;
}
.tasarim-duzenle-kart{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.tasarim-duzenle-kart>header{
min-height:57px;
padding:11px 13px;
display:flex;
align-items:center;
gap:9px;
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.tasarim-duzenle-kart>header>span{
width:30px;
height:30px;
flex:none;
display:grid;
place-items:center;
border-radius:8px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 8px var(--tek-aralikli-yazi);
}
.tasarim-duzenle-kart>header h2{
font-family:var(--baslik-yazi);
font-size:11px;
}
.tasarim-duzenle-kart>header p{
margin-top:2px;
color:var(--silik);
font-size:7.7px;
}
.tasarim-duzenle-govde{
padding:13px;
}
.tasarim-yayin-kilidi{
display:grid;
grid-template-columns:40px minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.tasarim-yayin-kilidi>span{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font-weight:900;
}
.tasarim-yayin-kilidi b{
display:block;
font-size:10px;
}
.tasarim-yayin-kilidi p{
margin-top:2px;
color:var(--silik);
font-size:7.8px;
}
.tasarim-yayin-kilidi small{
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
}
.tasarim-model-dosyalari{
display:grid;
gap:7px;
}
.tasarim-model-dosyalari article{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:9px;
align-items:center;
padding:9px;
border:1px solid var(--cizgi);
border-radius:9px;
}
.tasarim-model-dosyalari article>span{
height:35px;
display:grid;
place-items:center;
border-radius:7px;
background:var(--panel-ikincil);
color:var(--bilgi);
font:800 7px var(--tek-aralikli-yazi);
}
.tasarim-model-dosyalari b,
.tasarim-model-dosyalari small{
display:block;
}
.tasarim-model-dosyalari b{
overflow:hidden;
font-size:9px;
white-space:nowrap;
text-overflow:ellipsis;
}
.tasarim-model-dosyalari small{
margin-top:2px;
color:var(--silik);
font-size:7.5px;
}
.tasarim-surum-notu{
display:grid;
gap:3px;
margin-top:9px;
padding:9px;
border-radius:8px;
background:color-mix(in srgb,var(--bilgi) 7%,var(--panel));
}
.tasarim-surum-notu b{
font-size:8.5px;
}
.tasarim-surum-notu span{
color:var(--silik);
font-size:7.7px;
line-height:1.5;
}
.tasarim-kapak-secimi{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.tasarim-kapak-secimi label{
position:relative;
cursor:pointer;
}
.tasarim-kapak-secimi input{
position:absolute;
opacity:0;
pointer-events:none;
}
.tasarim-kapak-gorsel{
display:block;
height:130px;
overflow:hidden;
border:2px solid transparent;
border-radius:10px;
background:var(--panel-ikincil);
}
.tasarim-kapak-gorsel img{
width:100%;
height:100%;
object-fit:cover;
}
.tasarim-kapak-secimi label>b{
display:block;
margin-top:5px;
color:var(--silik);
font-size:7.5px;
text-align:center;
}
.tasarim-kapak-secimi input:checked+.tasarim-kapak-gorsel{
border-color:var(--vurgu);
box-shadow:0 0 0 3px var(--vurgu-soluk);
}
.tasarim-kapak-secimi input:checked~b{
color:var(--vurgu);
}
.tasarim-alanlar{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.tasarim-alanlar label.tam{
grid-column:1/-1;
}
.tasarim-alanlar label>span,
.tasarim-kanal label>span{
display:block;
margin-bottom:5px;
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
text-transform:uppercase;
}
.tasarim-alanlar input,
.tasarim-alanlar select,
.tasarim-alanlar textarea,
.tasarim-kanal input{
width:100%;
padding:10px 11px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
color:var(--yazi);
outline:0;
}
.tasarim-alanlar input:focus,
.tasarim-alanlar select:focus,
.tasarim-alanlar textarea:focus,
.tasarim-kanal input:focus{
border-color:var(--vurgu);
}
.tasarim-alanlar textarea{
resize:vertical;
}
.tasarim-kanallar{
display:grid;
gap:8px;
}
.tasarim-kanal{
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.tasarim-kanal-ac{
display:flex;
align-items:center;
gap:9px;
margin-bottom:9px;
}
.tasarim-kanal-ac input{
width:19px !important;
height:19px !important;
flex:none;
appearance:auto;
accent-color:var(--vurgu);
}
.tasarim-kanal-ac b,
.tasarim-kanal-ac span{
display:block;
}
.tasarim-kanal-ac b{
font-size:9px;
}
.tasarim-kanal-ac div>span{
margin:1px 0 0;
color:var(--silik);
font-size:7.5px;
text-transform:none;
}
.tasarim-kanal-iki{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.tasarim-duzenle-yayin{
padding:15px;
}
.tasarim-yayin-durum{
display:grid;
gap:6px;
margin:13px 0;
}
.tasarim-yayin-durum>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 9px;
border-radius:8px;
background:var(--panel-ikincil);
}
.tasarim-yayin-durum span{
color:var(--silik);
font-size:7.5px;
}
.tasarim-yayin-durum b{
font-size:8px;
}
.tasarim-yayin-toggle{
display:flex;
gap:8px;
align-items:flex-start;
margin-bottom:11px;
cursor:pointer;
}
.tasarim-yayin-toggle input{
width:19px;
height:19px;
flex:none;
appearance:auto;
accent-color:var(--vurgu);
}
.tasarim-yayin-toggle b,
.tasarim-yayin-toggle span{
display:block;
}
.tasarim-yayin-toggle b{
font-size:9px;
}
.tasarim-yayin-toggle span{
margin-top:2px;
color:var(--silik);
font-size:7.5px;
}
.tasarim-duzenle-yayin>.dugme{
width:100%;
margin-top:7px;
}
.tasarim-duzenle-not{
display:block;
margin-top:10px;
color:var(--silik);
font-size:7.5px;
line-height:1.5;
}
.tasarim-duzenle-bos{
padding:20px;
border:1px dashed var(--cizgi);
border-radius:9px;
color:var(--silik);
font-size:8.5px;
text-align:center;
}
@media(max-width:980px){
.tasarimlarim-ozet{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.tasarimlarim-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.tasarim-duzenle-form{
grid-template-columns:1fr;
}
.tasarim-duzenle-sag{
position:static;
}
}
@media(max-width:680px){
.tasarimlarim-baslik,
.tasarim-duzenle-baslik{
align-items:flex-start;
flex-direction:column;
}
.tasarimlarim-baslik-eylem{
width:100%;
display:grid;
}
.tasarimlarim-ozet{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.tasarimlarim-grid{
grid-template-columns:1fr;
}
.tasarimim-gorsel{
height:230px;
}
.tasarim-alanlar,
.tasarim-kanal-iki{
grid-template-columns:1fr;
}
.tasarim-alanlar label.tam{
grid-column:auto;
}
.tasarim-kapak-secimi{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* =========================================================
V17 — TASARIM SÜRÜM YÖNETİMİ
========================================================= */
.surum-sayfasi{
min-height:72vh;
padding:34px 0 82px;
background:var(--zemin);
}
.surum-yol{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-bottom:12px;
color:var(--silik);
font-size:8.5px;
}
.surum-yol b{
color:var(--yazi);
}
.surum-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
margin-bottom:18px;
}
.surum-baslik h1{
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(30px,5vw,50px);
letter-spacing:-.05em;
}
.surum-baslik p{
max-width:720px;
margin-top:8px;
color:var(--soluk);
font-size:11px;
line-height:1.65;
}
.surum-baslik p strong{
color:var(--yazi);
}
.surum-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 310px;
gap:15px;
align-items:start;
}
.surum-form,
.surum-yan{
display:grid;
gap:12px;
}
.surum-yan{
position:sticky;
top:88px;
}
.surum-kart{
overflow:hidden;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.surum-kart>header{
min-height:58px;
padding:11px 13px;
display:flex;
align-items:center;
gap:9px;
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.surum-kart>header>span{
width:30px;
height:30px;
flex:none;
display:grid;
place-items:center;
border-radius:8px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 8px var(--tek-aralikli-yazi);
}
.surum-kart>header h2{
font-family:var(--baslik-yazi);
font-size:11px;
}
.surum-kart>header p{
margin-top:2px;
color:var(--silik);
font-size:7.7px;
}
.surum-kart-govde{
padding:13px;
}
.surum-tipleri{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.surum-tipleri label{
cursor:pointer;
}
.surum-tipleri input{
position:absolute;
opacity:0;
pointer-events:none;
}
.surum-tipleri label>div{
height:100%;
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel-ikincil);
}
.surum-tipleri b,
.surum-tipleri strong,
.surum-tipleri span{
display:block;
}
.surum-tipleri b{
color:var(--silik);
font-size:8px;
}
.surum-tipleri strong{
margin-top:4px;
font:800 12px var(--tek-aralikli-yazi);
}
.surum-tipleri span{
margin-top:7px;
color:var(--silik);
font-size:7.5px;
line-height:1.5;
}
.surum-tipleri input:checked+div{
border-color:var(--vurgu);
background:var(--vurgu-soluk);
box-shadow:0 0 0 2px color-mix(in srgb,var(--vurgu) 10%,transparent);
}
.surum-tipleri input:checked+div strong{
color:var(--vurgu);
}
.surum-dosya-alani{
min-height:185px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:6px;
padding:24px;
border:1.5px dashed var(--cizgi-ikincil);
border-radius:12px;
background:var(--panel-ikincil);
text-align:center;
cursor:pointer;
transition:.18s;
}
.surum-dosya-alani.surukleniyor{
border-color:var(--vurgu);
background:var(--vurgu-soluk);
}
.surum-dosya-alani input{
display:none;
}
.surum-dosya-simge{
width:50px;
height:50px;
display:grid;
place-items:center;
margin-bottom:4px;
border-radius:14px;
background:var(--vurgu-soluk);
color:var(--vurgu);
font:800 12px var(--tek-aralikli-yazi);
}
.surum-dosya-alani b{
font-size:10px;
}
.surum-dosya-alani small{
max-width:430px;
color:var(--silik);
font-size:8px;
}
.surum-dosya-listesi{
display:grid;
gap:6px;
margin-top:9px;
}
.surum-dosya-listesi>div{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
gap:8px;
align-items:center;
padding:8px;
border:1px solid var(--cizgi);
border-radius:8px;
}
.surum-dosya-listesi>div>span{
height:32px;
display:grid;
place-items:center;
border-radius:6px;
background:var(--panel-ikincil);
color:var(--bilgi);
font:800 7px var(--tek-aralikli-yazi);
}
.surum-dosya-listesi b{
overflow:hidden;
font-size:8.5px;
white-space:nowrap;
text-overflow:ellipsis;
}
.surum-dosya-listesi small{
color:var(--silik);
font-size:7px;
}
.surum-not-alani>span{
display:block;
margin-bottom:5px;
color:var(--silik);
font:700 7.5px var(--tek-aralikli-yazi);
text-transform:uppercase;
}
.surum-not-alani textarea{
width:100%;
padding:11px;
border:1px solid var(--cizgi);
border-radius:9px;
background:var(--panel-ikincil);
color:var(--yazi);
outline:0;
resize:vertical;
}
.surum-not-alani textarea:focus{
border-color:var(--vurgu);
}
.surum-onay-karti{
padding:13px;
}
.surum-onay-karti>label{
display:flex;
gap:8px;
align-items:flex-start;
margin-bottom:11px;
color:var(--soluk);
font-size:8.3px;
line-height:1.55;
cursor:pointer;
}
.surum-onay-karti input{
width:19px;
height:19px;
flex:none;
appearance:auto;
accent-color:var(--vurgu);
}
.surum-onay-karti .dugme{
width:100%;
}
.surum-mevcut{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px;
border-radius:9px;
background:var(--vurgu-soluk);
}
.surum-mevcut strong{
color:var(--vurgu);
font:800 15px var(--tek-aralikli-yazi);
}
.surum-mevcut span{
color:var(--soluk);
font-size:7.5px;
}
.surum-mevcut-dosyalar{
display:grid;
gap:6px;
margin-top:9px;
}
.surum-mevcut-dosyalar>div{
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:7px;
align-items:center;
padding:7px;
border:1px solid var(--cizgi);
border-radius:7px;
}
.surum-mevcut-dosyalar span{
color:var(--bilgi);
font:800 6.8px var(--tek-aralikli-yazi);
}
.surum-mevcut-dosyalar b{
overflow:hidden;
font-size:7.8px;
white-space:nowrap;
text-overflow:ellipsis;
}
.surum-gecmis-bos{
padding:18px;
border:1px dashed var(--cizgi);
border-radius:8px;
color:var(--silik);
font-size:8px;
text-align:center;
}
.surum-gecmis-listesi{
display:grid;
gap:8px;
}
.surum-gecmis-listesi article{
padding:9px;
border:1px solid var(--cizgi);
border-radius:8px;
}
.surum-gecmis-listesi article>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
}
.surum-gecmis-listesi b{
font:800 9px var(--tek-aralikli-yazi);
}
.surum-gecmis-listesi span{
color:var(--silik);
font-size:7px;
}
.surum-gecmis-listesi p{
margin-top:6px;
color:var(--soluk);
font-size:7.8px;
line-height:1.55;
}
/* Ürün detayındaki Sürümler tabı için */
.urun-surumleri-listesi{
display:grid;
gap:9px;
}
.urun-surumu-guncel{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px;
border-radius:10px;
background:var(--vurgu-soluk);
}
.urun-surumu-guncel span{
color:var(--vurgu);
font:700 7.5px var(--tek-aralikli-yazi);
}
.urun-surumu-guncel strong{
color:var(--vurgu);
font:800 12px var(--tek-aralikli-yazi);
}
.urun-surumu-karti{
padding:11px;
border:1px solid var(--cizgi);
border-radius:10px;
background:var(--panel);
}
.urun-surumu-karti-ust{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.urun-surumu-karti-ust>div{
display:flex;
align-items:center;
gap:8px;
}
.urun-surumu-karti-ust strong{
font:800 9px var(--tek-aralikli-yazi);
}
.urun-surumu-karti-ust span,
.urun-surumu-karti-ust small{
color:var(--silik);
font-size:7px;
}
.urun-surumu-karti p{
margin-top:8px;
color:var(--soluk);
font-size:8.5px;
line-height:1.6;
}
.urun-surumu-karti footer{
margin-top:8px;
color:var(--silik);
font-size:7px;
}
.urun-surumleri-bos{
padding:18px;
border:1px dashed var(--cizgi);
border-radius:9px;
color:var(--silik);
font-size:8.5px;
text-align:center;
}
@media(max-width:900px){
.surum-grid{
grid-template-columns:1fr;
}
.surum-yan{
position:static;
}
}
@media(max-width:680px){
.surum-baslik{
align-items:flex-start;
flex-direction:column;
}
.surum-tipleri{
grid-template-columns:1fr;
}
}
/* =========================================================
V18 — HESABIM AÇILIR MENÜ
========================================================= */
.ust-hesap-menu{position:relative}
.ust-hesabim-dugmesi{gap:7px}
.ust-hesap-ok{width:13px;height:13px;margin-left:1px;transition:transform .18s ease}
.ust-hesap-menu.acik .ust-hesap-ok,.ust-hesap-menu:hover .ust-hesap-ok{transform:rotate(180deg)}
.ust-hesap-acilir{position:absolute;top:calc(100% + 10px);right:0;z-index:270;width:270px;padding:8px;border:1px solid var(--cizgi-ikincil);border-radius:14px;background:var(--panel);box-shadow:0 22px 55px -25px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.ust-hesap-acilir::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.ust-hesap-menu:hover .ust-hesap-acilir,.ust-hesap-menu:focus-within .ust-hesap-acilir,.ust-hesap-menu.acik .ust-hesap-acilir{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.ust-hesap-kimlik{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:8px}
.ust-hesap-buyuk-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--vurgu-soluk);color:var(--vurgu);font:800 10px var(--tek-aralikli-yazi)}
.ust-hesap-kimlik b,.ust-hesap-kimlik span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ust-hesap-kimlik b{font-size:11px}.ust-hesap-kimlik span{margin-top:2px;color:var(--silik);font-size:8px}
.ust-hesap-ayrac{height:1px;margin:5px 3px;background:var(--cizgi)}
.ust-hesap-acilir>a{min-height:36px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:8px;color:var(--soluk);font-size:9.5px;font-weight:650;transition:background .14s ease,color .14s ease}
.ust-hesap-acilir>a .simge{width:15px;height:15px;color:var(--silik)}
.ust-hesap-acilir>a:hover,.ust-hesap-acilir>a:focus-visible{background:var(--panel-ikincil);color:var(--yazi)}
.ust-hesap-acilir>a:hover .simge{color:var(--vurgu)}
.ust-hesap-acilir>a.ust-hesap-cikis,.ust-hesap-acilir>a.ust-hesap-cikis .simge{color:var(--vurgu)}
.ust-cikis-dugmesi{display:none!important}
/* =========================================================
V18 — GLOBAL CTRL+K ARAMA
========================================================= */
.ortak-arama-paleti{position:fixed;inset:0;z-index:360;padding:8vh 16px 16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.ortak-arama-paleti.acik{opacity:1;visibility:visible;pointer-events:auto}
.ortak-arama-arkasi{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(8,10,14,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ortak-arama-penceresi{position:relative;width:min(680px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--cizgi-ikincil);border-radius:17px;background:var(--panel);box-shadow:0 30px 90px -30px rgba(0,0,0,.58);transform:translateY(-8px) scale(.985);transition:transform .18s ease}
.ortak-arama-paleti.acik .ortak-arama-penceresi{transform:none}
body.ortak-arama-acik{overflow:hidden}
.ortak-arama-giris{min-height:68px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 16px;border-bottom:1px solid var(--cizgi)}
.ortak-arama-giris>.simge{width:19px;height:19px;color:var(--soluk)}
.ortak-arama-giris input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--yazi);font-size:15px;appearance:none}
.ortak-arama-giris input::placeholder{color:var(--silik)}
.ortak-arama-giris kbd,.ortak-arama-alt kbd{border:1px solid var(--cizgi);border-radius:6px;background:var(--panel-ikincil);color:var(--silik);font:600 8px var(--tek-aralikli-yazi);box-shadow:none}
.ortak-arama-giris kbd{padding:5px 7px}
.ortak-arama-kisayollar{padding:15px}.ortak-arama-kisayollar>span{display:block;margin-bottom:8px;color:var(--silik);font:700 7.5px var(--tek-aralikli-yazi);letter-spacing:.09em;text-transform:uppercase}
.ortak-arama-kisayollar>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ortak-arama-kisayollar a{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--cizgi);border-radius:9px;background:var(--panel-ikincil);color:var(--soluk);font-size:9px;font-weight:700}
.ortak-arama-kisayollar a:hover{border-color:var(--cizgi-ikincil);color:var(--yazi)}.ortak-arama-kisayollar a:hover .simge{color:var(--vurgu)}
.ortak-arama-alt{min-height:38px;display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:0 14px;border-top:1px solid var(--cizgi);color:var(--silik);font-size:7.5px}
.ortak-arama-alt span{display:flex;align-items:center;gap:4px}.ortak-arama-alt kbd{padding:2px 4px}
/* =========================================================
V18 — GLOBAL ARAMA SONUÇ SAYFASI
========================================================= */
.global-arama-sayfasi{min-height:72vh;padding:36px 0 80px;background:var(--zemin)}
.global-arama-baslik h1{margin-top:7px;font-family:var(--baslik-yazi);font-size:clamp(30px,5vw,52px);letter-spacing:-.05em}
.global-arama-baslik p{margin-top:7px;color:var(--soluk);font-size:10px}
.global-arama-form{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:18px;padding:8px 8px 8px 14px;border:1px solid var(--cizgi);border-radius:13px;background:var(--panel)}
.global-arama-form>.simge{color:var(--silik)}.global-arama-form input{min-width:0;border:0;outline:0;background:transparent}
.global-arama-bolum{margin-top:27px}.global-arama-bolum-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.global-arama-bolum-baslik h2{font-family:var(--baslik-yazi);font-size:17px}.global-arama-bolum-baslik span{color:var(--silik);font-size:8px}
.global-magaza-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.global-magaza-karti{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr);gap:9px;align-items:center;min-height:80px;padding:10px;border:1px solid var(--cizgi);border-radius:11px;background:var(--panel)}
.global-magaza-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:var(--vurgu-soluk);color:var(--vurgu);font:800 9px var(--tek-aralikli-yazi)}
.global-magaza-karti b{font-size:10px}.global-magaza-karti p{height:27px;margin-top:3px;overflow:hidden;color:var(--silik);font-size:7.8px;line-height:1.4}
.global-magaza-karti small{position:absolute;top:7px;right:7px;color:var(--basarili);font:700 6px var(--tek-aralikli-yazi)}
.global-urun-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.global-urun-karti{overflow:hidden;border:1px solid var(--cizgi);border-radius:13px;background:var(--panel)}
.global-urun-gorsel{height:165px;display:grid;place-items:center;overflow:hidden;background:var(--panel-ikincil)}
.global-urun-gorsel img{width:100%;height:100%;object-fit:cover}.global-urun-gorsel>span{color:var(--silik);font:700 8px var(--tek-aralikli-yazi)}
.global-urun-govde{padding:10px}.global-urun-govde>span{color:var(--silik);font-size:7.5px}
.global-urun-govde h3{min-height:34px;margin-top:3px;color:var(--yazi);font-size:10.5px;line-height:1.45}
.global-urun-govde>p{height:30px;margin-top:4px;overflow:hidden;color:var(--soluk);font-size:7.7px;line-height:1.5}
.global-urun-govde>div{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px}
.global-urun-govde small{color:var(--silik);font-size:6.8px}.global-urun-govde b{color:var(--vurgu);font:800 8.5px var(--tek-aralikli-yazi);white-space:nowrap}
.global-arama-bos{padding:28px;border:1px dashed var(--cizgi);border-radius:12px;background:var(--panel);text-align:center}
.global-arama-bos b{font-family:var(--baslik-yazi);font-size:12px}.global-arama-bos p{margin-top:5px;color:var(--silik);font-size:8.5px}
@media(max-width:1080px){
.global-urun-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.ust-hesap-menu{display:none}
.ortak-arama-paleti{padding:12px}
.ortak-arama-penceresi{margin-top:8vh}
.ortak-arama-kisayollar>div{grid-template-columns:1fr}
.ortak-arama-alt{justify-content:flex-start;overflow:auto}
.global-magaza-grid{grid-template-columns:1fr}
.global-urun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:500px){
.global-urun-grid{grid-template-columns:1fr}
.global-urun-gorsel{height:210px}
}
/* =========================================================
V18.1 — ARAMA PALETİ ÖNCEKİ V5 GÖRÜNÜMÜNE DÖNÜŞ
Hızlı kısayol kartları kaldırıldı.
========================================================= */
.ortak-arama-paleti{
padding:0 !important;
}
.ortak-arama-penceresi{
width:auto !important;
max-width:640px !important;
margin:9vh auto 0 !important;
border:1px solid var(--cizgi-ikincil) !important;
border-radius:16px !important;
background:var(--panel) !important;
overflow:hidden !important;
}
.ortak-arama-paleti .arama-giris{
min-height:0;
display:flex;
gap:10px;
align-items:center;
padding:15px 16px;
border-bottom:1px solid var(--cizgi);
color:var(--silik);
}
.ortak-arama-paleti .arama-giris input{
flex:1;
width:auto;
min-width:0;
background:none;
border:0;
outline:0;
color:var(--yazi);
font-size:15px;
}
.ortak-arama-paleti .arama-giris kbd{
padding:3px 7px;
font-family:var(--tek-aralikli-yazi);
font-size:10px;
border:1px solid var(--cizgi-ikincil);
border-radius:5px;
background:transparent;
}
.ortak-arama-paleti .arama-islemleri{
display:flex;
gap:8px;
flex-wrap:wrap;
padding:12px 16px;
border-bottom:1px solid var(--cizgi);
}
.ortak-arama-paleti .arama-islemleri a,
.ortak-arama-paleti .arama-islemleri button{
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 11px;
border:1px solid var(--cizgi);
border-radius:8px;
background:transparent;
color:var(--soluk);
font-size:12px;
font-weight:600;
}
.ortak-arama-paleti .arama-islemleri a:hover,
.ortak-arama-paleti .arama-islemleri button:hover{
color:var(--vurgu-ikincil);
border-color:var(--vurgu);
}
.ortak-arama-paleti .arama-listesi{
min-height:92px;
max-height:44vh;
overflow:auto;
padding:8px;
}
.ortak-arama-paleti .arama-bos{
padding:26px;
color:var(--silik);
font-size:13.5px;
text-align:center;
}
.ortak-arama-paleti .arama-alt{
display:flex;
justify-content:flex-start;
gap:16px;
min-height:0;
padding:10px 16px;
border-top:1px solid var(--cizgi);
color:var(--silik);
font-family:var(--tek-aralikli-yazi);
font-size:10.5px;
}
.ortak-arama-kisayollar,
.ortak-arama-alt{
/* Eski V18 hızlı-kısayol yapısı artık kullanılmıyor. */
}
@media(max-width:640px){
.ortak-arama-penceresi{
margin:12px !important;
}
}
/* =========================================================
V18.2 — V5 CANLI ARAMA SONUÇLARI
Yazdıkça ürünler aşağıda listelenir.
========================================================= */
.ortak-arama-paleti .arama-listesi{
padding:7px 0 !important;
min-height:260px;
max-height:44vh;
}
.ortak-arama-paleti .arama-ogesi{
width:100%;
min-height:40px;
display:grid;
grid-template-columns:22px minmax(0,1fr) minmax(90px,180px);
gap:8px;
align-items:center;
padding:8px 17px;
border:0;
border-radius:0;
background:transparent;
color:var(--yazi);
text-align:left;
cursor:pointer;
}
.ortak-arama-paleti .arama-ogesi:hover,
.ortak-arama-paleti .arama-ogesi.secili{
background:var(--panel-ikincil);
}
.ortak-arama-paleti .arama-ogesi .simge{
width:15px;
height:15px;
color:var(--vurgu);
}
.ortak-arama-paleti .arama-basligi{
overflow:hidden;
font-size:13px;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
}
.ortak-arama-paleti .arama-detayi{
overflow:hidden;
color:var(--silik);
font:500 10px var(--tek-aralikli-yazi);
text-align:right;
white-space:nowrap;
text-overflow:ellipsis;
}
.ortak-arama-paleti .arama-bos{
min-height:230px;
display:grid;
place-items:center;
padding:26px;
color:var(--silik);
font-size:12px;
}
@media(max-width:640px){
.ortak-arama-paleti .arama-ogesi{
grid-template-columns:20px minmax(0,1fr);
}
.ortak-arama-paleti .arama-detayi{
grid-column:2;
margin-top:-5px;
text-align:left;
}
}
/* =========================================================
V19 — PALAMUT KASAM / HAKEDİŞ
========================================================= */
.kasa-sayfasi{
min-height:72vh;
padding:34px 0 82px;
background:var(--zemin);
}
.kasa-sayfa-baslik{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
margin-bottom:18px;
}
.kasa-sayfa-baslik h1{
margin-top:7px;
font-family:var(--baslik-yazi);
font-size:clamp(31px,5vw,52px);
letter-spacing:-.05em;
}
.kasa-sayfa-baslik p{
max-width:680px;
margin-top:7px;
color:var(--soluk);
font-size:11px;
line-height:1.65;
}
.kasa-sayfa-eylemler{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.kasa-bildirim{
margin-bottom:12px;
padding:10px 12px;
border:1px solid color-mix(in srgb,var(--basarili) 30%,var(--cizgi));
border-radius:10px;
background:color-mix(in srgb,var(--basarili) 7%,var(--panel));
color:var(--basarili);
font-size:9px;
}
.kasa-bakiye-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
margin-bottom:12px;
}
.kasa-bakiye-grid article{
min-width:0;
padding:13px;
border:1px solid var(--cizgi);
border-radius:11px;
background:var(--panel);
}
.kasa-bakiye-grid article.bekleyen{
border-color:color-mix(in srgb,var(--uyari) 28%,var(--cizgi));
}
.kasa-bakiye-grid article.kullanilabilir{
border-color:color-mix(in srgb,var(--basarili) 28%,var(--cizgi));
background:color-mix(in srgb,var(--basarili) 5%,var(--panel));
}
.kasa-bakiye-grid span,
.kasa-bakiye-grid strong,
.kasa-bakiye-grid small{
display:block;
}
.kasa-bakiye-grid span{
color:var(--silik);
font-size:7.5px;
}
.kasa-bakiye-grid strong{
margin-top:5px;
overflow:hidden;
font:800 13px var(--tek-aralikli-yazi);
white-space:nowrap;
text-overflow:ellipsis;
}
.kasa-bakiye-grid article.kullanilabilir strong{
color:var(--basarili);
}
.kasa-bakiye-grid article.bekleyen strong{
color:var(--uyari);
}
.kasa-bakiye-grid small{
margin-top:5px;
color:var(--silik);
font-size:7px;
line-height:1.4;
}
.kasa-cekim-karti{
margin-bottom:13px;
padding:16px;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.kasa-cekim-ust{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
}
.kasa-cekim-ust h2{
margin-top:6px;
font-family:var(--baslik-yazi);
font-size:15px;
}
.kasa-cekim-ust p{
max-width:650px;
margin-top:5px;
color:var(--soluk);
font-size:8.5px;
line-height:1.55;
}
.kasa-cekim-tutar{
flex:none;
text-align:right;
}
.kasa-cekim-tutar span,
.kasa-cekim-tutar strong{
display:block;
}
.kasa-cekim-tutar span{
color:var(--silik);
font-size:7px;
}
.kasa-cekim-tutar strong{
margin-top:3px;
color:var(--basarili);
font:800 15px var(--tek-aralikli-yazi);
}
.kasa-ilerleme{
margin-top:15px;
}
.kasa-ilerleme>div:first-child{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:6px;
color:var(--silik);
font-size:7.5px;
}
.kasa-ilerleme>div:first-child b{
color:var(--yazi);
}
.kasa-ilerleme-cizgi{
height:7px;
overflow:hidden;
border-radius:99px;
background:var(--panel-ikincil);
}
.kasa-ilerleme-cizgi i{
display:block;
height:100%;
border-radius:inherit;
background:var(--vurgu);
}
.kasa-cekim-alt{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-top:14px;
padding-top:13px;
border-top:1px dashed var(--cizgi);
}
.kasa-cekim-not{
display:grid;
gap:3px;
}
.kasa-cekim-not b{
font-size:9px;
}
.kasa-cekim-not span{
max-width:650px;
color:var(--silik);
font-size:7.5px;
line-height:1.5;
}
.kasa-defter{
overflow:hidden;
margin-top:12px;
border:1px solid var(--cizgi);
border-radius:14px;
background:var(--panel);
}
.kasa-defter>header{
min-height:62px;
padding:12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:13px;
border-bottom:1px solid var(--cizgi);
background:var(--panel-ikincil);
}
.kasa-defter>header h2{
margin-top:3px;
font-family:var(--baslik-yazi);
font-size:12px;
}
.kasa-tablo-kaydir{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.kasa-tablo{
width:100%;
min-width:790px;
border-collapse:collapse;
font-size:8.5px;
}
.kasa-tablo th{
padding:9px 12px;
border-bottom:1px solid var(--cizgi);
color:var(--silik);
font:700 7px var(--tek-aralikli-yazi);
text-align:left;
text-transform:uppercase;
}
.kasa-tablo td{
padding:11px 12px;
border-bottom:1px solid var(--cizgi);
color:var(--soluk);
vertical-align:middle;
}
.kasa-tablo tr:last-child td{
border-bottom:0;
}
.kasa-tablo td:nth-child(3){
max-width:300px;
white-space:normal;
}
.kasa-tablo td b{
color:var(--yazi);
}
.kasa-arti{
color:var(--basarili)!important;
font-family:var(--tek-aralikli-yazi);
font-weight:800;
}
.kasa-eksi{
color:var(--vurgu)!important;
font-family:var(--tek-aralikli-yazi);
font-weight:800;
}
.kasa-durum{
display:inline-flex;
min-height:24px;
align-items:center;
padding:0 7px;
border:1px solid var(--cizgi);
border-radius:99px;
background:var(--panel-ikincil);
color:var(--soluk);
font:700 7px var(--tek-aralikli-yazi);
white-space:nowrap;
}
.kasa-durum.bekliyor{
color:var(--uyari);
border-color:color-mix(in srgb,var(--uyari) 28%,var(--cizgi));
}
.kasa-durum.uygun{
color:var(--basarili);
border-color:color-mix(in srgb,var(--basarili) 28%,var(--cizgi));
}
.kasa-bos{
min-height:210px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
padding:20px;
text-align:center;
}
.kasa-bos b{
font-family:var(--baslik-yazi);
font-size:12px;
}
.kasa-bos p{
color:var(--silik);
font-size:8px;
}
@media(max-width:960px){
.kasa-bakiye-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:680px){
.kasa-sayfa-baslik,
.kasa-cekim-ust,
.kasa-cekim-alt{
align-items:flex-start;
flex-direction:column;
}
.kasa-sayfa-eylemler{
width:100%;
}
.kasa-sayfa-eylemler .dugme{
flex:1;
}
.kasa-bakiye-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.kasa-cekim-tutar{
text-align:left;
}
.kasa-cekim-alt .dugme{
width:100%;
}
.kasa-defter>header{
align-items:flex-start;
flex-direction:column;
}
}
/* =========================================================
V20 — HESABIM OKUNAKLILIK + BAŞ HARFLER
========================================================= */
.ust-hesabim-dugmesi{min-height:40px}
.ust-hesap-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--vurgu-soluk),color-mix(in srgb,var(--bilgi) 10%,var(--panel)));color:var(--vurgu);font:800 10px var(--tek-aralikli-yazi);letter-spacing:-.03em}
.ust-hesap-buyuk-avatar{width:48px;height:48px;font-size:13px;letter-spacing:-.03em}
.ust-hesap-acilir{width:300px;padding:10px}
.ust-hesap-kimlik{grid-template-columns:48px minmax(0,1fr);padding:10px 9px 12px}
.ust-hesap-kimlik b{font-size:13px}
.ust-hesap-kimlik span{margin-top:3px;font-size:10px}
.ust-hesap-acilir>a{min-height:43px;gap:11px;padding:0 11px;font-size:11.5px;font-weight:650}
.ust-hesap-acilir>a .simge{width:17px;height:17px}
.ust-hesap-ayrac{margin:6px 3px}
/* =========================================================
V20 — KENDİ ÜRÜNÜNÜ SATIN ALMA MODALI
========================================================= */
body.palamut-modal-acik{overflow:hidden}
.palamut-durum-modal{position:fixed;inset:0;z-index:520;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.palamut-durum-modal.acik{opacity:1;visibility:visible;pointer-events:auto}
.palamut-durum-arkaplan{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,14,20,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.palamut-durum-pencere{position:relative;z-index:1;width:min(500px,100%);padding:32px;border:1px solid var(--cizgi-ikincil);border-radius:22px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--vurgu) 8%,transparent),transparent 43%),var(--panel);box-shadow:0 28px 90px -30px rgba(0,0,0,.55);text-align:center;transform:translateY(8px) scale(.985);transition:transform .18s ease}
.palamut-durum-modal.acik .palamut-durum-pencere{transform:none}
.palamut-durum-kapat{position:absolute;top:13px;right:13px;width:34px;height:34px;border:1px solid var(--cizgi);border-radius:10px;background:var(--panel);color:var(--soluk);font-size:21px;line-height:1}
.palamut-durum-simge{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 16px;border-radius:22px;background:var(--vurgu-soluk);color:var(--vurgu);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vurgu) 15%,transparent)}
.palamut-durum-simge svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.palamut-durum-pencere h2{margin-top:8px;font-family:var(--baslik-yazi);font-size:22px;letter-spacing:-.03em}
.palamut-durum-pencere p{max-width:390px;margin:10px auto 0;color:var(--soluk);font-size:13.5px;line-height:1.7}
.palamut-durum-eylemler{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:22px}
.palamut-durum-eylemler .dugme{min-height:46px}
/* =========================================================
V20 — MAĞAZA DOĞRULAMA UYARISI
========================================================= */
.pm-magaza-dogrulama-uyari{min-height:64px;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 14px;padding:11px 13px!important;border:1px solid color-mix(in srgb,var(--vurgu) 18%,var(--cizgi))!important;border-radius:14px!important;background:linear-gradient(100deg,color-mix(in srgb,var(--vurgu) 7%,var(--panel)),color-mix(in srgb,var(--bilgi) 3%,var(--panel)))!important;color:var(--yazi)!important;box-shadow:0 14px 32px -32px rgba(0,0,0,.5)}
.pm-magaza-dogrulama-uyari::before{content:"✓";width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--vurgu-soluk);color:var(--vurgu);font-weight:900}
.pm-magaza-dogrulama-uyari strong{font-size:11px!important}
.pm-magaza-dogrulama-uyari strong::after{content:" · Satıcı doğrulamasını tamamla";color:var(--soluk);font-weight:500}
.pm-magaza-dogrulama-uyari>span{display:none!important}
.pm-magaza-dogrulama-uyari>a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--cizgi);border-radius:9px;background:var(--panel);color:var(--vurgu)!important;font-size:9px;font-weight:800;white-space:nowrap}
/* =========================================================
V20 — PALAMUT 404
========================================================= */
.palamut-404-sayfasi{min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);display:flex;align-items:center;padding:42px 0 76px;background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--vurgu) 7%,transparent),transparent 25%),var(--zemin)}
.palamut-404-kart{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);border:1px solid var(--cizgi);border-radius:28px;background:var(--panel);box-shadow:0 30px 70px -48px rgba(0,0,0,.55)}
.palamut-404-metin{padding:clamp(28px,5vw,58px)}
.palamut-404-kod{margin-top:12px;color:var(--vurgu);font:800 clamp(72px,10vw,132px)/.9 var(--baslik-yazi);letter-spacing:-.08em}
.palamut-404-metin h1{max-width:620px;margin-top:15px;font-family:var(--baslik-yazi);font-size:clamp(22px,3.3vw,38px);line-height:1.15;letter-spacing:-.04em}
.palamut-404-metin>p{max-width:600px;margin-top:15px;color:var(--soluk);font-size:14px;line-height:1.75}
.palamut-404-eylemler{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.palamut-404-eylemler .dugme{min-height:44px}
.palamut-404-metin>small{display:block;margin-top:18px;color:var(--silik);font-size:10px}
.palamut-404-gorsel{position:relative;min-height:560px;overflow:hidden;background:var(--panel-ikincil)}
.palamut-404-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0%,transparent 22%),linear-gradient(0deg,rgba(12,12,12,.13),transparent 30%);pointer-events:none}
.palamut-404-gorsel img{width:100%;height:100%;object-fit:cover}
.palamut-404-balon{position:absolute;z-index:2;right:20px;bottom:20px;max-width:230px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:rgba(255,255,255,.88);color:#17191e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.palamut-404-balon span{font-size:20px}
.palamut-404-balon b{font-size:10px}
@media(max-width:860px){
.palamut-404-kart{grid-template-columns:1fr}
.palamut-404-gorsel{min-height:380px;order:-1}
.palamut-404-gorsel::after{background:linear-gradient(0deg,var(--panel),transparent 20%)}
}
@media(max-width:600px){
.ust-hesap-acilir{width:min(310px,calc(100vw - 28px))}
.palamut-durum-pencere{padding:28px 18px 20px}
.palamut-durum-eylemler{grid-template-columns:1fr}
.pm-magaza-dogrulama-uyari{grid-template-columns:38px minmax(0,1fr)}
.pm-magaza-dogrulama-uyari>a{grid-column:1/-1;width:100%}
.palamut-404-sayfasi{padding-top:18px}
.palamut-404-kart{border-radius:20px}
.palamut-404-gorsel{min-height:290px}
.palamut-404-metin{padding:24px 18px 28px}
.palamut-404-eylemler{display:grid}
.palamut-404-eylemler .dugme{width:100%}
}
/* =========================================================
V21 — GLOBAL OKUNABİLİRLİK STANDARDI
Palamut.Shop genelinde mikro yazı kullanımını kaldırır.
========================================================= */
/*
* Temel gövde metni ve form elemanları.
* Artık "çok küçük bilgi yazısı" yaklaşımı kullanılmaz.
*/
body{
font-size:14px;
line-height:1.55;
}
button,
input,
select,
textarea{
font-size:14px;
}
p,
li,
dd,
dt{
font-size:max(13px,1em);
}
/* Yardımcı / ikincil metinler */
small{
font-size:12.5px;
line-height:1.5;
}
/* Üst etiketler de artık okunabilir */
.ust-etiket{
font-size:12px !important;
line-height:1.35;
letter-spacing:.055em;
}
/* Butonlar */
.dugme{
font-size:13px !important;
font-weight:700;
}
/* Üst menü */
.ust-menu,
.ust-menu a,
.ust-menu button,
.ust-menu-item,
.ust-menu-alt,
.ust-hesabim-dugmesi{
font-size:13px !important;
}
.ust-hesap-kimlik b{
font-size:14px !important;
}
.ust-hesap-kimlik span{
font-size:12px !important;
}
.ust-hesap-acilir>a{
font-size:13px !important;
}
/* Arama paleti */
.arama-giris input{
font-size:14px !important;
}
.arama-giris kbd{
font-size:11px !important;
}
.arama-ogesi{
min-height:48px;
}
.arama-basligi{
font-size:13px !important;
font-weight:700;
}
.arama-detayi{
font-size:12px !important;
}
.arama-bos{
font-size:13px !important;
}
/* Kart açıklamaları / meta bilgiler */
.kart small,
.urun-karti small,
.urun-karti span,
.magaza-karti small,
.magaza-karti span,
.profil-karti small,
.profil-karti span{
font-size:12px;
}
/* Sepet */
.sepet-paneli,
.sepet-paneli button,
.sepet-paneli input{
font-size:13px;
}
.sepet-paneli small{
font-size:12px;
}
/* Durum / rozet / chip */
.rozet,
.etiket,
.durum,
.badge,
.chip,
.kasa-durum{
font-size:11.5px !important;
}
/* Palamut Kasam okunabilirlik */
.kasa-sayfa-baslik p{
font-size:13px !important;
}
.kasa-bakiye-grid span{
font-size:12px !important;
}
.kasa-bakiye-grid strong{
font-size:15px !important;
}
.kasa-bakiye-grid small{
font-size:12px !important;
}
.kasa-cekim-ust h2{
font-size:17px !important;
}
.kasa-cekim-ust p{
font-size:13px !important;
}
.kasa-cekim-tutar span{
font-size:12px !important;
}
.kasa-cekim-tutar strong{
font-size:16px !important;
}
.kasa-ilerleme>div:first-child{
font-size:12px !important;
}
.kasa-cekim-not b{
font-size:13px !important;
}
.kasa-cekim-not span{
font-size:12px !important;
}
.kasa-defter>header h2{
font-size:15px !important;
}
.kasa-tablo{
font-size:12.5px !important;
}
.kasa-tablo th{
font-size:11px !important;
}
.kasa-durum{
font-size:11.5px !important;
}
.kasa-bos b{
font-size:15px !important;
}
.kasa-bos p{
font-size:12.5px !important;
}
/* Modal */
.palamut-durum-pencere p{
font-size:14px !important;
}
.palamut-durum-eylemler .dugme{
font-size:13px !important;
}
/* 404 */
.palamut-404-metin>p{
font-size:15px !important;
}
.palamut-404-metin>small{
font-size:12.5px !important;
}
.palamut-404-balon b{
font-size:12px !important;
}
/* Form label / yardımcı metin için ortak güvenli taban */
label>span,
.form-etiket,
.alan-etiket,
.form-yardim,
.alan-yardim{
font-size:12px !important;
}
/* Mobilde de küçültme yok */
@media(max-width:700px){
body{font-size:14px}
small{font-size:12px}
.dugme{font-size:13px !important}
}
/* =========================================================
PALAMUT.SHOP — ALT MENÜ / FOOTER RESPONSIVE V2
ÖNEMLİ:
Bu bölüm yalnızca .alt-menu altında çalışır.
Üst menü, hero, kartlar, ürün sayfaları vb. alanlara müdahale etmez.
========================================================= */
.alt-menu{
margin-top:72px;
padding:32px 0 22px;
border-top:1px solid var(--cizgi);
background:
linear-gradient(
180deg,
color-mix(in srgb,var(--zemin-ikincil) 78%,var(--panel) 22%),
var(--zemin-ikincil)
);
}
.alt-menu > .kapsayici{
width:100%;
}
/* Yeni footer PHP'deki dış kart */
.alt-menu .alt-menu-kart{
width:100%;
padding:28px 26px 18px;
border:1px solid var(--cizgi);
border-radius:22px;
background:var(--panel);
box-shadow:0 18px 44px -34px rgba(0,0,0,.36);
}
/* Masaüstü */
.alt-menu .alt-menu-izgara{
display:grid;
grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(135px,1fr));
gap:30px;
align-items:start;
}
/* Marka alanı */
.alt-menu .alt-marka{
min-width:0;
}
.alt-menu .alt-amblem{
display:inline-flex;
width:max-content;
max-width:100%;
}
.alt-menu .alt-amblem svg{
flex:none;
}
.alt-menu .alt-marka-aciklama,
.alt-menu .alt-marka > p{
max-width:340px;
margin:16px 0 0;
color:var(--soluk);
font-size:14px;
line-height:1.7;
}
/* Hızlı butonlar */
.alt-menu .alt-hizli-eylemler{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:18px;
}
.alt-menu .alt-hizli-buton{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 14px;
border:1px solid transparent;
border-radius:11px;
background:var(--vurgu);
color:var(--vurgu-yazi);
font-size:13px;
font-weight:800;
line-height:1;
transition:
transform .18s ease,
border-color .18s ease,
background-color .18s ease;
}
.alt-menu .alt-hizli-buton:hover{
transform:translateY(-1px);
}
.alt-menu .alt-hizli-buton.ikincil{
border-color:var(--cizgi);
background:var(--panel-ikincil);
color:var(--yazi);
}
/* Kolonlar */
.alt-menu .alt-kolon{
display:block;
min-width:0;
}
.alt-menu .alt-kolon h3,
.alt-menu .alt-kolon > strong{
display:block;
margin:0 0 12px;
color:var(--yazi);
font-family:var(--baslik-yazi);
font-size:13px;
font-weight:700;
line-height:1.4;
}
/* Hem yeni yapısını hem eski doğrudan yapısını destekler */
.alt-menu .alt-link-listesi{
list-style:none;
display:grid;
gap:2px;
margin:0;
padding:0;
}
.alt-menu .alt-link-listesi li{
margin:0;
padding:0;
}
.alt-menu .alt-kolon a{
display:block;
min-height:36px;
padding:7px 0;
color:var(--soluk);
font-size:13.5px;
line-height:1.5;
overflow-wrap:anywhere;
transition:
color .16s ease,
transform .16s ease;
}
.alt-menu .alt-kolon a:hover{
color:var(--vurgu-ikincil);
transform:translateX(3px);
}
/* Footer alt satırı */
.alt-menu .alt-menu-alt{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:24px;
padding-top:17px;
border-top:1px solid var(--cizgi);
color:var(--silik);
font-family:var(--tek-aralikli-yazi);
font-size:11.5px;
line-height:1.5;
}
.alt-menu .alt-menu-alt-sol,
.alt-menu .alt-menu-alt-sag{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:9px;
}
.alt-menu .alt-menu-alt-sag a{
color:var(--soluk);
font-weight:700;
}
.alt-menu .alt-menu-alt-sag a:hover{
color:var(--vurgu-ikincil);
}
/* Eski altmenu.php yapısını da bozmadan destekle */
.alt-menu > .alt-menu-alt{
width:min(1240px,calc(100% - 44px));
margin-left:auto;
margin-right:auto;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1100px){
.alt-menu{
margin-top:58px;
padding-top:26px;
}
.alt-menu .alt-menu-kart{
padding:24px 22px 18px;
}
.alt-menu .alt-menu-izgara{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:26px 28px;
}
.alt-menu .alt-marka{
grid-column:1/-1;
}
.alt-menu .alt-marka-aciklama,
.alt-menu .alt-marka > p{
max-width:620px;
}
}
/* =========================================================
TELEFON / iOS / ANDROID
========================================================= */
@media(max-width:700px){
.alt-menu{
margin-top:44px;
padding:
18px
0
calc(14px + env(safe-area-inset-bottom));
}
.alt-menu > .kapsayici{
padding-left:16px;
padding-right:16px;
}
.alt-menu .alt-menu-kart{
padding:20px 16px 15px;
border-radius:18px;
}
.alt-menu .alt-menu-izgara{
grid-template-columns:1fr;
gap:0;
}
.alt-menu .alt-marka{
grid-column:auto;
padding-bottom:20px;
}
.alt-menu .alt-amblem{
min-height:auto;
}
.alt-menu .alt-marka-aciklama,
.alt-menu .alt-marka > p{
max-width:none;
margin-top:13px;
font-size:13.5px;
line-height:1.65;
}
.alt-menu .alt-hizli-eylemler{
display:grid;
grid-template-columns:1fr;
gap:8px;
margin-top:15px;
}
.alt-menu .alt-hizli-buton{
width:100%;
min-height:44px;
font-size:13px;
}
.alt-menu .alt-kolon{
padding:17px 0 11px;
border-top:1px solid var(--cizgi);
}
.alt-menu .alt-kolon h3,
.alt-menu .alt-kolon > strong{
margin-bottom:7px;
font-size:13.5px;
}
.alt-menu .alt-kolon a{
min-height:44px;
display:flex;
align-items:center;
padding:9px 0;
font-size:14px;
}
.alt-menu .alt-menu-alt{
flex-direction:column;
align-items:flex-start;
gap:12px;
margin-top:12px;
padding-top:15px;
font-size:11.5px;
}
.alt-menu > .alt-menu-alt{
width:calc(100% - 32px);
}
}
/* Çok dar ekranlar */
@media(max-width:380px){
.alt-menu > .kapsayici{
padding-left:12px;
padding-right:12px;
}
.alt-menu .alt-menu-kart{
padding-left:14px;
padding-right:14px;
}
.alt-menu .alt-kolon a{
font-size:13.5px;
}
.alt-menu > .alt-menu-alt{
width:calc(100% - 24px);
}
}
/* Dokunmatik cihazlarda gerçek dokunma alanı */
@media(pointer:coarse){
.alt-menu .alt-kolon a,
.alt-menu .alt-hizli-buton,
.alt-menu .alt-menu-alt-sag a{
min-height:44px;
}
.alt-menu .alt-menu-alt-sag a{
display:inline-flex;
align-items:center;
padding:0 4px;
}
}
/* iPhone yatay / safe-area */
@supports(padding:max(0px)){
.alt-menu{
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
}
/* =========================================================
V43 — Ürün favori + gerçek sayaçlar
========================================================= */
#urun-favori .favori-kalp{
display:block;
font-size:22px;
line-height:1;
transform:translateY(-1px);
transition:transform .18s ease,color .18s ease;
}
#urun-favori.favori-etkin{
color:#ff5878!important;
border-color:rgba(255,88,120,.72)!important;
background:color-mix(in srgb,#ff5878 12%,rgba(12,15,20,.92))!important;
box-shadow:0 0 0 3px rgba(255,88,120,.08),0 8px 22px rgba(0,0,0,.16);
}
#urun-favori.favori-etkin .favori-kalp{transform:translateY(-1px) scale(1.08)}
#urun-favori.isleniyor{opacity:.65;cursor:wait}
#urun-favori:disabled{pointer-events:none}
.urun-istatistik b.sayac-vurgu{animation:urun-sayac-vurgu .34s ease}
@keyframes urun-sayac-vurgu{
0%{transform:scale(1);opacity:1}
45%{transform:scale(1.16);opacity:.72}
100%{transform:scale(1);opacity:1}
}
/* =========================================================
V45 — Favori / Takip aktif durumu + mini bildirim
========================================================= */
#urun-favori,#urun-takip{position:relative;overflow:visible}
#urun-favori.favori-etkin,
#urun-takip.takip-etkin{
color:var(--vurgu)!important;
border-color:color-mix(in srgb,var(--vurgu) 74%,transparent)!important;
background:color-mix(in srgb,var(--vurgu) 12%,var(--panel))!important;
}
#urun-favori.favori-etkin .favori-kalp,
#urun-takip.takip-etkin .takip-simge{
color:var(--vurgu)!important;
transform:scale(1.08);
}
.sosyal-mini-bildirim{
position:fixed;
z-index:2147483646;
min-width:max-content;
max-width:220px;
padding:7px 10px;
border:1px solid color-mix(in srgb,var(--vurgu) 30%,var(--cizgi));
border-radius:9px;
background:var(--panel);
box-shadow:0 9px 24px rgba(0,0,0,.16);
color:var(--yazi);
font-size:11px;
font-weight:800;
line-height:1.2;
pointer-events:none;
opacity:0;
transform:translate(-50%,-5px) scale(.96);
transition:opacity .16s ease,transform .16s ease;
white-space:nowrap;
}
.sosyal-mini-bildirim::before{
content:"";
position:absolute;
left:50%;
bottom:100%;
width:8px;
height:8px;
background:var(--panel);
border-left:1px solid color-mix(in srgb,var(--vurgu) 30%,var(--cizgi));
border-top:1px solid color-mix(in srgb,var(--vurgu) 30%,var(--cizgi));
transform:translate(-50%,4px) rotate(45deg);
}
.sosyal-mini-bildirim.goster{opacity:1;transform:translate(-50%,0) scale(1)}
.sosyal-mini-bildirim.hata{border-color:color-mix(in srgb,#e5484d 42%,var(--cizgi));color:#e5484d}