:root{
--gece:#0A0910;
--gece2:#100E1B;
--kat:#161327;
--kat2:#1D1838;
--sis:#2A2350;
--cizgi:rgba(232,184,75,.14);
--cizgi2:rgba(236,231,218,.09);
--altin:#E4B24A;
--altin2:#F6D98A;
--altin3:#B8862E;
--mor:#8B5CF6;
--ates:#E0653C;
--metin:#EDE8DB;
--metin2:#A79FC0;
--metin3:#6E6889;
--kagit:#EFE7D4;
--disp:'Cinzel',Georgia,serif;
--ed:'Fraunces',Georgia,serif;
--ui:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
--en:1240px;
--pad:clamp(18px,4.2vw,44px);
--bosluk-b:clamp(56px,8vw,104px);
--r:16px;
--r2:11px;
--hiz:.28s;
--gecis:cubic-bezier(.22,.61,.24,1);
--yavas:cubic-bezier(.16,1,.3,1);
--hat:linear-gradient(90deg,transparent,rgba(232,184,75,.55),transparent);
--yaldiz-yazi:linear-gradient(120deg,var(--altin2),var(--altin) 45%,var(--altin3));
--govde-golge:0 0 0 1px rgba(232,184,75,.12),0 20px 60px -24px rgba(0,0,0,.8);
--mor-golge:0 0 60px -12px rgba(139,92,246,.5);
--altin-golge:0 0 50px -10px rgba(232,184,75,.4);
--kart-golge:0 2px 4px rgba(0,0,0,.3),0 18px 44px -22px rgba(0,0,0,.85);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark;scrollbar-color:var(--sis) var(--gece2);scrollbar-width:thin;overflow-x:clip}
body{margin:0;background:var(--gece);color:var(--metin);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}
input{font:inherit}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--altin);color:var(--gece)}
:focus-visible{outline:2px solid var(--altin);outline-offset:3px;border-radius:6px}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--gece2)}
::-webkit-scrollbar-thumb{background:var(--sis);border:3px solid var(--gece2);border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:var(--altin3)}

.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--pad)}
.tabnum{font-variant-numeric:tabular-nums}
.atla{position:absolute;left:12px;top:-60px;z-index:200;padding:11px 20px;font-weight:700;color:var(--gece);background:var(--altin);border-radius:0 0 10px 10px;transition:top var(--hiz) var(--gecis)}
.atla:focus{top:0}

.gokyuzu{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
 radial-gradient(120% 90% at 50% -10%,rgba(139,92,246,.16),transparent 55%),
 radial-gradient(90% 70% at 85% 8%,rgba(232,184,75,.08),transparent 50%),
 radial-gradient(80% 80% at 12% 92%,rgba(224,101,60,.07),transparent 55%),
 var(--gece)}
.gokyuzu::before{content:"";position:absolute;inset:-2px;opacity:.5;animation:kaydir 220s linear infinite;background-repeat:repeat;background-size:600px 600px;background-image:
 radial-gradient(1px 1px at 20% 30%,rgba(237,232,219,.9),transparent),
 radial-gradient(1px 1px at 70% 20%,rgba(237,232,219,.7),transparent),
 radial-gradient(1px 1px at 40% 70%,rgba(237,232,219,.8),transparent),
 radial-gradient(1.5px 1.5px at 85% 60%,rgba(246,217,138,.9),transparent),
 radial-gradient(1px 1px at 55% 45%,rgba(237,232,219,.6),transparent),
 radial-gradient(1px 1px at 10% 55%,rgba(237,232,219,.7),transparent),
 radial-gradient(1.5px 1.5px at 30% 12%,rgba(246,217,138,.8),transparent),
 radial-gradient(1px 1px at 92% 35%,rgba(237,232,219,.6),transparent),
 radial-gradient(1px 1px at 65% 85%,rgba(237,232,219,.7),transparent)}
.gokyuzu::after{content:"";position:absolute;inset:0;mix-blend-mode:overlay;opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
@keyframes kaydir{to{background-position:600px 1200px}}
.mote{position:fixed;width:3px;height:3px;border-radius:50%;background:var(--altin2);z-index:1;pointer-events:none;filter:blur(.4px);opacity:0;box-shadow:0 0 8px 1px rgba(246,217,138,.6)}

.tepe,.govde-katman{position:relative;z-index:2}

.tepe{position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;transition:border-color .4s,background .4s}
.tepe.inik{background:rgba(10,9,16,.72);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--cizgi2)}
.tepe__ic{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.marka{display:flex;align-items:center;gap:12px}
.marka__im{width:42px;height:42px;flex:none;color:var(--altin)}
.marka__im svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(232,184,75,.5))}
.marka__ad{display:block;font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:.06em;line-height:1;color:var(--metin)}
.marka__ad b{color:var(--altin);font-weight:600}
.marka__alt{display:block;margin-top:5px;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--metin3)}
.gez{display:flex;align-items:center;gap:30px}
.gez__bag{position:relative;padding:6px 0;font-size:14px;font-weight:500;color:var(--metin2);transition:color var(--hiz)}
.gez__bag::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--altin);box-shadow:0 0 8px rgba(232,184,75,.7);transition:width .34s var(--gecis)}
.gez__bag:hover{color:var(--metin)}
.gez__bag:hover::after{width:100%}
.tepe__ara{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--altin);background:rgba(232,184,75,.04);border:1px solid var(--cizgi);border-radius:50%;transition:background var(--hiz),box-shadow var(--hiz)}
.tepe__ara:hover{background:rgba(232,184,75,.12);box-shadow:var(--altin-golge)}
.tepe__ara svg{width:19px;height:19px}
.gez__ac{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:var(--metin);border:1px solid var(--cizgi);border-radius:var(--r2)}
.gez__ac svg{width:22px;height:22px}
@media(max-width:900px){
 .gez{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;padding:10px var(--pad) 22px;background:rgba(16,14,27,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--cizgi2);clip-path:inset(0 0 100% 0);transition:clip-path .45s var(--yavas)}
 .gez.acik{clip-path:inset(0 0 0 0)}
 .gez__bag{padding:15px 0;font-size:16px;border-bottom:1px solid var(--cizgi2)}
 .tepe__ara{align-self:flex-start;margin-top:14px}
 .gez__ac{display:inline-flex}
}

.arama{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:clamp(70px,14vh,150px) var(--pad) 0;opacity:0;visibility:hidden;transition:opacity var(--hiz),visibility var(--hiz)}
.arama.acik{opacity:1;visibility:visible}
.arama__ort{position:absolute;inset:0;background:rgba(6,5,12,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.arama__kutu{position:relative;display:flex;align-items:center;gap:14px;width:min(620px,100%);padding:6px 6px 6px 20px;background:linear-gradient(160deg,var(--kat2),var(--gece2));border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--govde-golge),var(--mor-golge);transform:translateY(-16px) scale(.98);transition:transform .4s var(--yavas)}
.arama.acik .arama__kutu{transform:none}
.arama__kutu>svg{flex:none;width:22px;height:22px;color:var(--altin)}
.arama__girdi{flex:1;min-width:0;height:56px;border:0;background:none;color:var(--metin);font-family:var(--ed);font-size:1.1rem}
.arama__girdi::placeholder{color:var(--metin3)}
.arama__girdi:focus{outline:none}
.arama__esc{flex:none;padding:9px 12px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--metin3);border:1px solid var(--cizgi2);border-radius:8px;transition:color var(--hiz),border-color var(--hiz)}
.arama__esc:hover{color:var(--metin);border-color:var(--cizgi)}

.hero{position:relative;overflow-x:clip;display:flex;align-items:center;min-height:min(88vh,760px);padding:clamp(48px,9vw,110px) 0 clamp(50px,8vw,96px)}
.hero__ic{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,70px);align-items:center;width:100%}
.hero__rozet{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--altin2);background:rgba(232,184,75,.05);border:1px solid var(--cizgi);border-radius:40px}
.hero__rozet i{width:6px;height:6px;border-radius:50%;background:var(--altin);box-shadow:0 0 10px var(--altin);animation:nabiz 2.6s ease-in-out infinite}
@keyframes nabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
.hero__baslik{margin-top:26px;font-family:var(--disp);font-weight:700;font-size:clamp(2.3rem,1.3rem + 4.4vw,4.9rem);line-height:1.02;letter-spacing:.005em;text-wrap:balance}
.hero__baslik .satir{display:block;overflow:hidden;padding-bottom:.04em}
.hero__baslik .satir>span{display:inline-block;transform:translateY(110%);transition:transform .95s var(--yavas)}
.hero__baslik .altin{background:var(--yaldiz-yazi);-webkit-background-clip:text;background-clip:text;color:transparent}
body.hazir .hero__baslik .satir:nth-child(1)>span{transform:none;transition-delay:.15s}
body.hazir .hero__baslik .satir:nth-child(2)>span{transform:none;transition-delay:.3s}
.hero__alt{margin-top:24px;max-width:46ch;font-family:var(--ed);font-style:italic;font-size:clamp(1.05rem,.95rem + .5vw,1.32rem);line-height:1.6;color:var(--metin2)}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__ist{display:flex;gap:clamp(20px,3vw,40px);margin-top:44px;padding-top:28px;border-top:1px solid var(--cizgi2)}
.hero__ist b{display:block;font-family:var(--ed);font-weight:600;font-size:1.7rem;line-height:1;color:var(--altin2)}
.hero__ist span{display:block;margin-top:7px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--metin3)}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:14.5px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;border-radius:50px;transition:transform var(--hiz) var(--gecis),box-shadow var(--hiz),background var(--hiz),border-color var(--hiz)}
.btn svg{width:18px;height:18px}
.btn--altin{color:#2A1E06;background:linear-gradient(120deg,var(--altin2),var(--altin));box-shadow:var(--altin-golge),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--altin:hover{transform:translateY(-3px);box-shadow:0 0 70px -8px rgba(232,184,75,.65),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--hayalet{color:var(--metin);background:rgba(236,231,218,.02);border-color:var(--cizgi)}
.btn--hayalet:hover{transform:translateY(-3px);color:var(--altin2);background:rgba(232,184,75,.06);border-color:var(--altin)}
.btn__ek{margin-left:2px;padding-left:9px;border-left:1px solid currentColor;font-size:11.5px;font-weight:600;opacity:.65}

.sahne{position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px}
.sahne__halo{position:absolute;width:118%;aspect-ratio:1;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(139,92,246,.28),rgba(232,184,75,.08) 45%,transparent 66%);animation:solu 7s ease-in-out infinite}
@keyframes solu{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}
.sahne__cember{position:absolute;width:104%;aspect-ratio:1;color:rgba(232,184,75,.28);animation:dondur 60s linear infinite}
.sahne__cember svg{width:100%;height:100%}
@keyframes dondur{to{transform:rotate(360deg)}}
.cilt-buyuk{display:block;position:relative;width:min(340px,74%);aspect-ratio:3/4.4;transform-style:preserve-3d;transform:rotateY(-16deg) rotateX(5deg);transition:transform .5s var(--yavas);will-change:transform}
.cilt-buyuk__on{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 24px;text-align:center;overflow:hidden;border-radius:6px 12px 12px 6px;background:linear-gradient(145deg,#241a3e,#3a2a5e 55%,#1c1533);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(232,184,75,.22),inset 0 0 60px rgba(139,92,246,.15)}
.cilt-buyuk__on::before{content:"";position:absolute;left:9px;top:9px;bottom:9px;width:3px;border-radius:2px;background:linear-gradient(rgba(232,184,75,.5),rgba(232,184,75,.1))}
.cilt-buyuk__on::after{content:"";position:absolute;inset:14px;border:1px solid rgba(232,184,75,.3);border-radius:5px}
.cilt-buyuk__sr{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--altin);opacity:.85}
.cilt-buyuk__sig{width:88px;height:88px;color:var(--altin2);filter:drop-shadow(0 0 14px rgba(246,217,138,.55));animation:solu 5s ease-in-out infinite}
.cilt-buyuk__ad{font-family:var(--disp);font-weight:600;font-size:1.35rem;line-height:1.15;letter-spacing:.03em;color:var(--altin2);background:var(--yaldiz-yazi);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}
.cilt-buyuk__mus{font-family:var(--ed);font-style:italic;font-size:.85rem;color:var(--metin2)}
.cilt-buyuk__parla{position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(115deg,transparent 30%,rgba(246,217,138,.18) 48%,transparent 60%);animation:parla 6s ease-in-out 1.5s infinite}
@keyframes parla{0%,72%{transform:translateX(-100%)}86%,100%{transform:translateX(100%)}}
.sahne__etiket{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--metin3);background:var(--gece2);border:1px solid var(--cizgi);border-radius:40px;box-shadow:var(--govde-golge)}
.sahne__etiket b{color:var(--altin);font-weight:600}
@media(max-width:860px){
 .hero__ic{grid-template-columns:1fr;text-align:center}
 .hero__rozet,.hero__cta,.hero__ist{justify-content:center}
 .hero__alt{margin-inline:auto}
 .sahne{order:-1;margin-top:20px}
 .cilt-buyuk{transform:rotateY(-8deg)}
}

.kayan{overflow:hidden;padding:18px 0;border-block:1px solid var(--cizgi2);background:linear-gradient(rgba(22,19,39,.5),rgba(10,9,16,0))}
.kayan__ic{display:flex;width:max-content;animation:sar 34s linear infinite}
.kayan:hover .kayan__ic{animation-play-state:paused}
.kayan__grup{display:flex;align-items:center;white-space:nowrap;font-family:var(--disp);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--metin3)}
.kayan__grup span{padding:0 23px}
.kayan__grup b{color:var(--altin);font-weight:600}
@keyframes sar{to{transform:translateX(-50%)}}

.bolum{position:relative;padding:var(--bosluk-b) 0}
.bas{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(30px,4vw,50px)}
.bas__sol{max-width:60ch}
.bas__uzeri{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--altin)}
.bas__uzeri::before{content:"";width:26px;height:1px;background:var(--altin);box-shadow:0 0 8px var(--altin)}
.bas h2{margin-top:14px;font-family:var(--disp);font-weight:600;font-size:clamp(1.7rem,1.2rem + 2vw,2.9rem);line-height:1.05}
.bas p{margin-top:12px;font-size:1.02rem;color:var(--metin2)}
.bas__say{white-space:nowrap;padding-bottom:6px;font-family:var(--ed);font-size:.95rem;color:var(--metin3)}

.filtreler{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(26px,3.5vw,40px)}
.cip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--metin2);background:rgba(236,231,218,.03);border:1px solid var(--cizgi2);border-radius:40px;transition:color var(--hiz),border-color var(--hiz),background var(--hiz),box-shadow var(--hiz)}
.cip__n{font-size:11px;color:var(--metin3);font-variant-numeric:tabular-nums}
.cip:hover{color:var(--metin);border-color:var(--cizgi)}
.cip.etkin{color:var(--altin2);background:linear-gradient(120deg,rgba(232,184,75,.18),rgba(139,92,246,.14));border-color:transparent;box-shadow:0 0 26px -6px rgba(232,184,75,.4)}
.cip.etkin .cip__n{color:var(--altin)}

.raf{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:clamp(18px,2vw,26px)}
.raf--tekil{grid-template-columns:1fr}
.kit{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px 20px 18px;overflow:hidden;background:linear-gradient(160deg,var(--kat),var(--gece2));border:1px solid var(--cizgi2);border-radius:var(--r);opacity:0;transform:translateY(26px);transition:opacity .7s var(--yavas),transform .7s var(--yavas),box-shadow .45s var(--yavas),border-color .4s}
.kit.ac{opacity:1;transform:none}
.kit::before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(120% 80% at 50% 0,rgba(139,92,246,.14),transparent 60%);transition:opacity .45s}
.kit::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--hat);opacity:0;transition:opacity .45s}
.kit:hover{transform:translateY(-8px);border-color:var(--cizgi);box-shadow:var(--kart-golge)}
.kit:hover::before,.kit:hover::after{opacity:1}
.kit__ust{position:relative;z-index:1;display:flex;gap:18px}
.cilt{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:96px;aspect-ratio:3/4.3;padding:12px 9px;text-align:center;border-radius:4px 7px 7px 4px;background:linear-gradient(150deg,var(--c1,#3a2a5e),var(--c2,#241a3e));box-shadow:0 16px 30px -14px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(232,184,75,.18);transition:transform .45s var(--yavas),box-shadow .45s var(--yavas)}
.cilt::before{content:"";position:absolute;left:5px;top:5px;bottom:5px;width:2px;background:rgba(232,184,75,.32)}
.cilt::after{content:"";position:absolute;inset:7px;border:1px solid rgba(232,184,75,.2);border-radius:3px}
.kit:hover .cilt{transform:rotate(-3deg) translateY(-3px) scale(1.04);box-shadow:0 22px 40px -16px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(232,184,75,.28)}
.cilt__sig{width:26px;height:26px;color:var(--altin2);opacity:.9;filter:drop-shadow(0 0 6px rgba(246,217,138,.5))}
.cilt__ad{font-family:var(--disp);font-weight:600;font-size:.6rem;line-height:1.18;letter-spacing:.02em;color:var(--altin2)}
.cilt__yy{font-size:.5rem;letter-spacing:.16em;color:rgba(237,232,219,.6)}
.kit__bilgi{display:flex;flex-direction:column;gap:7px;min-width:0;padding-top:3px}
.rozet{align-self:flex-start;padding:3px 10px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--altin);background:rgba(232,184,75,.06);border:1px solid var(--cizgi);border-radius:20px}
.kit__ad{font-family:var(--ed);font-weight:600;font-size:1.16rem;line-height:1.15}
.kit__ad a{transition:color var(--hiz)}
.kit:hover .kit__ad a{color:var(--altin2)}
.kit__mus{font-size:12.5px;font-style:italic;color:var(--metin3)}
.kit__oz{position:relative;z-index:1;font-size:13.5px;line-height:1.55;color:var(--metin2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kit__dip{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid var(--cizgi2)}
.kunye{display:flex;gap:14px;font-size:11.5px;color:var(--metin3)}
.kunye b{color:var(--metin);font-weight:600}
.kit__oku{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--altin);transition:gap var(--hiz)}
.kit__oku svg{width:15px;height:15px;transition:transform var(--hiz)}
.kit:hover .kit__oku{gap:11px}
.kit:hover .kit__oku svg{transform:translateX(3px)}

.bos{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--metin3)}
.bos svg{width:46px;height:46px;margin:0 auto 16px;color:var(--sis)}
.bos b{display:block;margin-bottom:5px;font-family:var(--ed);font-size:1.2rem;color:var(--metin)}

.sar-btn{display:flex;justify-content:center;margin-top:clamp(34px,4vw,52px)}
.daha{display:inline-flex;align-items:center;gap:11px;padding:15px 34px;font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--metin);background:linear-gradient(160deg,var(--kat2),var(--kat));border:1px solid var(--cizgi);border-radius:50px;transition:box-shadow .35s,border-color .35s,transform .1s}
.daha:hover{border-color:var(--altin);box-shadow:var(--altin-golge)}
.daha:active{transform:translateY(1px)}
.daha[disabled]{opacity:.45;cursor:default}
.daha[disabled]:hover{border-color:var(--cizgi);box-shadow:none}
.daha__don{display:none;width:16px;height:16px;border:2px solid var(--cizgi);border-top-color:var(--altin);border-radius:50%}
.daha.yukleniyor .daha__don{display:block;animation:dondur .7s linear infinite}
.daha.yukleniyor .daha__ok{display:none}
.daha__ok{width:16px;height:16px}

.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.modal.acik{opacity:1;visibility:visible}
.modal__ort{position:absolute;inset:0;background:rgba(6,5,12,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.modal__kutu{position:relative;width:min(880px,100%);max-height:90vh;overflow:auto;background:linear-gradient(165deg,var(--kat2),var(--gece2));border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:0 40px 120px -30px rgba(0,0,0,.9),var(--mor-golge);transform:scale(.94) translateY(14px);transition:transform .45s var(--yavas)}
.modal.acik .modal__kutu{transform:none}
.modal__kapa{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--metin2);background:rgba(10,9,16,.6);border:1px solid var(--cizgi);border-radius:50%;transition:background var(--hiz),color var(--hiz)}
.modal__kapa:hover{color:var(--metin);background:rgba(224,101,60,.18)}
.modal__kapa svg{width:20px;height:20px}
.spread{display:grid;grid-template-columns:1fr 1fr;min-height:340px}
.spread__sol{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(26px,3.5vw,40px);background:radial-gradient(120% 100% at 0 0,rgba(139,92,246,.16),transparent 60%)}
.spread__uzeri{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin)}
.spread__ad{font-family:var(--disp);font-weight:600;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.08}
.spread__mus{font-family:var(--ed);font-style:italic;color:var(--metin2)}
.spread__oz{font-size:14.5px;line-height:1.65;color:var(--metin2)}
.spread__kunye{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px;font-size:12px;color:var(--metin3)}
.spread__kunye b{display:block;font-family:var(--ed);font-size:1rem;font-weight:600;color:var(--metin)}
.spread__cta{margin-top:12px}
.spread__sag{position:relative;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden;background:linear-gradient(150deg,#2a1f47,#181228);border-left:1px solid var(--cizgi2)}
.sayfa{display:flex;flex-direction:column;gap:9px;width:min(230px,80%);aspect-ratio:3/4;padding:22px 20px;color:#2c2416;background:linear-gradient(var(--kagit),#e4d9bf);border-radius:3px 6px 6px 3px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);transform:rotateY(-12deg)}
.sayfa__bas{padding-bottom:8px;font-family:var(--ed);font-weight:600;font-size:.9rem;text-align:center;border-bottom:1px solid rgba(44,36,22,.25)}
.sayfa__cizgi{height:5px;border-radius:3px;background:rgba(44,36,22,.14)}
.sayfa__cizgi--k{width:60%}
.sayfa__vefk{width:64px;height:64px;margin:6px auto;color:#7a1f1b;opacity:.85}
@media(max-width:640px){.spread{grid-template-columns:1fr}.spread__sag{display:none}}

.detay{padding:clamp(40px,7vw,90px) 0}
.iz{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;font-size:12.5px;color:var(--metin3)}
.iz a{transition:color var(--hiz)}
.iz a:hover{color:var(--altin)}
.iz span{color:var(--metin2)}
.detay__ust{display:grid;grid-template-columns:280px 1fr;gap:clamp(28px,5vw,60px);align-items:start}
.detay__kapak{position:sticky;top:100px}
.detay__kapak .cilt-buyuk{width:100%;margin-inline:auto;transform:rotateY(-10deg) rotateX(4deg)}
.detay__olcu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;padding:18px;background:rgba(232,184,75,.03);border:1px solid var(--cizgi2);border-radius:var(--r2)}
.detay__olcu li{display:flex;flex-direction:column;gap:4px}
.detay__olcu span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--metin3)}
.detay__olcu b{font-family:var(--ed);font-size:1.05rem;color:var(--metin)}
.detay__uzeri{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--altin)}
.detay__uzeri::before{content:"";width:26px;height:1px;background:var(--altin);box-shadow:0 0 8px var(--altin)}
.detay__baslik{margin-top:14px;font-family:var(--disp);font-weight:700;font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem);line-height:1.05}
.detay__mus{margin-top:12px;font-family:var(--ed);font-style:italic;font-size:1.15rem;color:var(--altin2)}
.detay__aksiyon{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.detay__govde{margin-top:8px;font-size:1.05rem;line-height:1.8;color:var(--metin2)}
.detay__govde>*:first-child{margin-top:0}
.detay__govde h2,.detay__govde h3{margin:1.6em 0 .5em;font-family:var(--disp);font-weight:600;line-height:1.2;color:var(--metin)}
.detay__govde p{margin:0 0 1.1em}
.detay__govde ul,.detay__govde ol{margin:0 0 1.1em;padding-left:1.3em}
.detay__govde li{margin:.3em 0}
.detay__govde a{color:var(--altin);border-bottom:1px solid var(--cizgi);transition:border-color var(--hiz)}
.detay__govde a:hover{border-bottom-color:var(--altin)}
.detay__govde blockquote{margin:1.4em 0;padding:14px 22px;font-family:var(--ed);font-style:italic;color:var(--metin);background:rgba(232,184,75,.05);border-left:2px solid var(--altin)}
.paylas{display:flex;align-items:center;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid var(--cizgi2)}
.paylas__et{margin-right:2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--metin3)}
.paylas__d{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--metin2);background:rgba(236,231,218,.02);border:1px solid var(--cizgi);border-radius:50%;transition:color var(--hiz),border-color var(--hiz),box-shadow var(--hiz)}
.paylas__d svg{width:17px;height:17px}
.paylas__d:hover{color:var(--altin);border-color:var(--altin);box-shadow:var(--altin-golge)}
.paylas__ipucu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:3px 9px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--gece);background:var(--altin);border-radius:5px;opacity:0;pointer-events:none;transition:opacity var(--hiz)}
.paylas__d.kopyalandi .paylas__ipucu{opacity:1}
.onizleme{margin-top:clamp(44px,6vw,82px)}
.onizleme__bas{max-width:60ch;margin-bottom:26px}
.onizleme__bas h2{margin-top:12px;font-family:var(--disp);font-weight:600;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);line-height:1.08}
.onizleme__bas p{margin-top:10px;color:var(--metin2)}
.onizleme__cerceve{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--kat),var(--gece2));border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--govde-golge)}
.onizleme__cerceve::before{content:"";display:block;padding-top:64%}
.onizleme__baslat{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;color:var(--metin);background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.16),transparent 62%)}
.onizleme__baslat>span:not(.onizleme__ikon){font-family:var(--disp);font-size:1.1rem;letter-spacing:.03em}
.onizleme__baslat small{font-size:12px;color:var(--metin3)}
.onizleme__ikon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;color:#2a1e06;background:linear-gradient(120deg,var(--altin2),var(--altin));border-radius:50%;box-shadow:var(--altin-golge);transition:transform var(--hiz)}
.onizleme__ikon svg{width:26px;height:26px;margin-left:3px}
.onizleme__baslat:hover .onizleme__ikon{transform:scale(1.08)}
.onizleme__cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ilgili{margin-top:clamp(48px,7vw,86px);padding-top:clamp(32px,4vw,50px);border-top:1px solid var(--cizgi2)}
@media(max-width:760px){
 .detay__ust{grid-template-columns:1fr}
 .detay__kapak{position:static;max-width:220px;margin-inline:auto}
 .detay__kapak .cilt-buyuk{transform:none}
}
@media(max-width:640px){
 .onizleme__cerceve::before{padding-top:118%}
 .detay__olcu{grid-template-columns:1fr 1fr}
}

.dip{padding:clamp(48px,6vw,72px) 0 30px;background:linear-gradient(rgba(16,14,27,0),rgba(16,14,27,.6));border-top:1px solid var(--cizgi2)}
.dip__ic{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(28px,4vw,52px)}
.dip__marka{font-family:var(--disp);font-weight:600;font-size:1.4rem;letter-spacing:.05em}
.dip__marka b{color:var(--altin)}
.dip p{margin-top:12px;max-width:38ch;font-size:.92rem;color:var(--metin3)}
.dip h4{margin-bottom:16px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--metin3)}
.dip li+li{margin-top:11px}
.dip li a{font-size:.94rem;color:var(--metin2);transition:color var(--hiz)}
.dip li a:hover{color:var(--altin)}
.dip__son{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:clamp(30px,4vw,46px);padding-top:22px;font-size:12.5px;color:var(--metin3);border-top:1px solid var(--cizgi2)}
@media(max-width:720px){.dip__ic{grid-template-columns:1fr 1fr}.dip__marka-blok{grid-column:1/-1}}
@media(max-width:440px){.dip__ic{grid-template-columns:1fr}}

.gir{opacity:0;transform:translateY(30px);transition:opacity .8s var(--yavas),transform .8s var(--yavas)}
.gir.ac{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
 .gir,.kit{opacity:1;transform:none}
 .hero__baslik .satir>span{transform:none}
 .cilt-buyuk{transform:none}
}
