@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag01.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag02.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag03.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag04.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag05.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag06.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag07.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag08.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag09.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag10.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag12.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag13.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ortak/yazi/ag14.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--kag:#F4F7FC;--kag2:#EAF0F9;--mav:#2F4A7A;--mav2:#233A63;--amav:#E8EEF8;--amav2:#D8E2F2;--har:#E3B341;--har2:#FBEFC8;--yazi:#2A2F3A;--sol:#646B78;--cz:#DCE3EF;
--bas:'Bricolage Grotesque',system-ui,sans-serif;--gov:'Nunito Sans',system-ui,sans-serif;--cizgi:repeating-linear-gradient(transparent 0 31px,#2f4a7a1a 31px 32px)}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kag);color:var(--yazi);font:400 17px/1.7 var(--gov)}img{max-width:100%;height:auto;display:block}a{color:var(--mav)}
.df-atla{position:absolute;left:-999px}.df-atla:focus{left:12px;top:12px;z-index:99;background:var(--mav);color:#fff;padding:8px 14px;border-radius:8px}
.df-ic{max-width:1220px;margin:0 auto;padding:0 28px}
.df-yer{background:repeating-linear-gradient(135deg,var(--amav) 0 12px,var(--kag2) 12px 24px);display:grid;place-items:center;color:var(--sol);font:500 14px var(--gov);min-height:120px}
mark,.df-isaret{background:linear-gradient(transparent 55%,var(--har2) 55%,var(--har2) 92%,transparent 92%);color:inherit;padding:0 .08em}
.df-etiket{font:700 13px var(--gov);letter-spacing:.16em;text-transform:uppercase;color:var(--mav);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.df-etiket::before{content:'';width:22px;height:6px;border-radius:3px;background:var(--har)}
.df-dug{display:inline-flex;align-items:center;gap:10px;background:var(--mav);color:#fff;text-decoration:none;font:700 16px var(--gov);padding:13px 24px;border-radius:12px;border:0;cursor:pointer;transition:.2s}
.df-dug:hover{background:var(--mav2)}.df-dug--acik{background:#fff;color:var(--mav);box-shadow:inset 0 0 0 1.5px var(--mav)}.df-dug--acik:hover{background:var(--amav);color:var(--mav2)}
.df-bag{color:var(--mav);font-weight:700;text-decoration:none;background:linear-gradient(transparent 60%,var(--har2) 60%)}.df-bag:hover{background:var(--har2)}
/* başlık */
.df-ust{position:sticky;top:0;z-index:50;background:rgba(244,247,252,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--cz)}
.df-ust .df-ic{display:flex;align-items:center;gap:18px;height:78px}
@media (max-width:1120px) and (min-width:981px){.df-logo small{display:none}.df-menu>li>a,.df-menu>li>button{padding:8px 9px;font-size:15.5px}}
.df-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--yazi);margin-right:auto}
.df-logo span{display:flex;flex-direction:column;line-height:1.05}.df-logo b{font:700 22px var(--bas);color:var(--mav);white-space:nowrap}.df-logo small{font:500 13px var(--gov);color:var(--sol);white-space:nowrap}
.df-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.df-menu>li{position:relative}
.df-menu>li>a,.df-menu>li>button{display:inline-block;white-space:nowrap;font:500 16px var(--gov);color:var(--yazi);text-decoration:none;background:none;border:0;padding:8px 12px;cursor:pointer}
.df-menu>li>a span,.df-menu>li>button span{background:linear-gradient(transparent 62%,transparent 62%);transition:background .2s;padding:0 2px}
.df-menu>li>a:hover span,.df-menu>li>button:hover span,.df-menu .secili span,.df-menu li.acik>button span{background:linear-gradient(transparent 58%,var(--har2) 58%,var(--har2) 95%,transparent 95%)}
.df-fis{display:none;position:absolute;top:calc(100% + 10px);left:-10px;width:330px;background:#fff var(--cizgi);background-position:0 14px;border:1px solid var(--cz);border-radius:6px;box-shadow:0 22px 40px -26px #2f4a7a55;padding:12px 18px 14px 44px;z-index:60}
.df-fis::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:1.5px;background:#e3b34188}
.df-fis::after{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.df-menu li:hover .df-fis,.df-menu li.acik .df-fis{display:block}
.df-fis a{display:block;line-height:32px;color:var(--yazi);text-decoration:none;font-size:16.5px}.df-fis a:hover{color:var(--mav);text-decoration:underline;text-decoration-color:var(--har)}
.df-fis .df-fis__genel{font:700 17px var(--bas);color:var(--mav)}
.df-ust__menu{display:none}
.df-panel{display:none}
/* kahraman */
.df-kahraman{padding:60px 0 30px}
/* giriş: çamaşır ipi — mandalla asılı baskı fotoğraflar ip boyunca kayar, ortadaki düz ve öne çıkar; dik/yatay baskılar kendi oranında; 1000×530'da ilk ekranda (23.10 Fatih) */
.df-ipli{padding:16px 0 10px;text-align:center;overflow:hidden;--h:clamp(190px,calc(100svh - 300px),400px)}
.df-ipli .df-etiket{justify-content:center}
.df-ipli h1{font:700 clamp(30px,3.4vw,50px)/1.05 var(--bas);color:var(--mav);margin:6px 0 10px;letter-spacing:-.01em}
.df-ip{position:relative;padding-top:26px}
.df-ip::before{content:'';position:absolute;left:0;right:0;top:25px;height:2px;background:linear-gradient(90deg,transparent,#8d7a5a 6%,#8d7a5a 94%,transparent);opacity:.75}
.df-ip__ray{display:flex;align-items:flex-start;gap:46px;width:max-content;transition:transform 1.1s cubic-bezier(.3,.7,.2,1);will-change:transform}
.df-ip__ray.anlik{transition:none}
.df-ip__oge{position:relative;flex:none;transform-origin:50% 0;transform:rotate(var(--a,2deg));transition:transform 1.1s ease,filter .8s;filter:saturate(.8)}
.df-ip__oge:nth-child(odd){--a:-2.5deg}.df-ip__oge.etkin{--a:0deg;filter:none}
.df-ip__oge.etkin .df-ip__baski{animation:dfsalla 5s ease-in-out infinite}
@keyframes dfsalla{0%,100%{transform:rotate(0)}50%{transform:rotate(.8deg)}}
.df-ip__baski{display:block;background:#fff;padding:9px 9px 34px;box-shadow:0 2px 0 var(--cz),0 26px 40px -28px #2f4a7a77;border-radius:3px;text-decoration:none;color:var(--mav);transform-origin:50% 0}
.df-ip__baski img,.df-ip__baski .df-yer{height:var(--h);width:auto;display:block}
.df-ip__baski .df-yer{aspect-ratio:3/2}
.df-ip__baski b{position:absolute;left:14px;bottom:8px;font:600 15px var(--bas)}
.df-ip__mandal{position:absolute;left:50%;top:-14px;width:14px;height:30px;margin-left:-7px;border-radius:3px;background:var(--har);box-shadow:inset -3px 0 0 #c9972a;z-index:2}
.df-ip__mandal::after{content:'';position:absolute;left:5px;top:6px;width:4px;height:4px;border-radius:50%;background:#fff8}
.df-ip__alt{display:flex;justify-content:center;align-items:center;gap:14px;margin:10px 0 0}
.df-ip__alt button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--mav);background:#fff;color:var(--mav);font:600 18px var(--gov);cursor:pointer}.df-ip__alt button:hover{background:var(--mav);color:#fff}
.df-ip__sayac{font:600 15px var(--bas);color:var(--sol);min-width:64px}
.df-ipli__alt{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;text-align:left;margin-top:28px}
.df-ipli__alt .df-not{margin-top:0}
.df-kahraman .df-ic{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.df-kahraman h1{font:700 clamp(46px,5.6vw,78px)/1.02 var(--bas);color:var(--mav);margin:0 0 22px;letter-spacing:-.01em}
.df-giris{font-size:20px;color:#454B58;margin:0 0 28px;max-width:46ch}
.df-dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.df-baski{position:relative;margin:0;background:#fff;padding:14px 14px 50px;box-shadow:0 2px 0 var(--cz),0 30px 50px -36px #2f4a7a66;border-radius:4px}
.df-baski img,.df-baski .df-yer{width:100%;aspect-ratio:3/2;object-fit:cover}.df-baski--dik img,.df-baski--dik .df-yer{aspect-ratio:2/3}
.df-baski figcaption{position:absolute;left:18px;bottom:14px;font:400 16px var(--bas);color:var(--sol)}
.df-pano{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}
.df-pano a{display:block;text-decoration:none;color:var(--mav)}.df-pano a figure{margin:0}.df-pano .df-baski{padding:10px 10px 38px}.df-pano a:first-child .df-baski{transform:rotate(-2.5deg)}.df-pano a:last-child .df-baski{transform:rotate(2deg);margin-top:18px}
.df-pano figcaption{font:700 15px var(--gov);color:var(--mav);left:12px;bottom:10px}
.df-pano__yan{display:grid;gap:10px}
.df-not{position:relative;margin-top:34px;max-width:420px;background:#fff var(--cizgi);background-position:0 10px;border:1px solid var(--cz);border-top:6px solid var(--har);border-radius:4px;padding:14px 18px 10px;box-shadow:0 20px 34px -24px #2f4a7a66}
.df-not b{display:block;font:700 13px var(--gov);letter-spacing:.14em;text-transform:uppercase;color:var(--sol);line-height:32px}
.df-not a{display:flex;justify-content:space-between;line-height:32px;font:700 18px var(--bas);color:var(--mav);text-decoration:none}.df-not a:hover{color:var(--mav2);text-decoration:underline;text-decoration-color:var(--har)}
/* bölümler */
.df-bolum{padding:90px 0}.df-bolum--mavi{background:var(--amav)}.df-bolum--kag2{background:var(--kag2)}
.df-bas{max-width:700px;margin:0 0 38px}.df-bas--orta{margin:0 auto 44px;text-align:center}.df-bas--orta .df-etiket{justify-content:center}
.df-bas h2,.df-ikili h2{font:700 clamp(34px,3.8vw,50px)/1.1 var(--bas);color:var(--mav);margin:0 0 12px}
.df-bas p{margin:0;color:var(--sol);font-size:19px}
.df-sekmeler{display:flex;gap:6px;padding-left:24px;position:relative;z-index:1}
.df-sekmeler button,.df-sekmeler span{font:700 19px var(--bas);color:var(--sol);background:var(--amav2);border:0;border-radius:14px 14px 0 0;padding:12px 26px 10px;cursor:pointer}
.df-sekmeler [aria-selected=true]{background:#fff;color:var(--mav);box-shadow:inset 0 4px 0 var(--har)}
.df-klasor{background:#fff;border-radius:0 20px 20px 20px;padding:30px;box-shadow:0 30px 60px -44px #2f4a7a55}
.js .df-klasor__ic{display:none}.js .df-klasor__ic.etkin{display:block}.df-klasor__ic+.df-klasor__ic{margin-top:40px}.js .df-klasor__ic+.df-klasor__ic{margin-top:0}
.df-klasor__bas{font:700 26px var(--bas);color:var(--mav);margin:0 0 16px}.js .df-klasor__bas{display:none}
.df-fisler{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.df-kart{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;padding:14px;border:1px solid var(--cz);border-radius:10px;text-decoration:none;color:var(--yazi);background:#fff var(--cizgi);background-position:0 6px;transition:border-color .2s,transform .2s}
.df-kart:hover{border-color:var(--har);transform:translateY(-2px)}
.df-kart figure{margin:0;background:#fff;padding:6px;box-shadow:0 1px 0 var(--cz),0 10px 20px -16px #2f4a7a88;border-radius:3px}
.df-kart img,.df-kart .df-yer{width:100%;aspect-ratio:3/2;object-fit:cover;min-height:0}
.df-kart b{display:block;font:700 22px/1.2 var(--bas);color:var(--mav);margin-bottom:4px}.df-kart span{display:block;font-size:16px;color:var(--sol);line-height:1.5}
.df-kart i{display:inline-block;margin-top:8px;font-style:normal;font-weight:700;font-size:15px;color:var(--mav);background:linear-gradient(transparent 60%,var(--har2) 60%)}
.df-klasor__alt{margin:22px 0 0;text-align:right}
.df-sayfa{background:#fff var(--cizgi);background-position:0 18px;border:1px solid var(--cz);border-radius:8px;padding:18px 34px 18px 84px;position:relative;max-width:900px;margin:0 auto}
.df-sayfa::before{content:'';position:absolute;left:60px;top:0;bottom:0;width:1.5px;background:#e3b34199}
.df-sayfa ol{list-style:none;margin:0;padding:0;counter-reset:a}
.df-sayfa li{counter-increment:a;position:relative;padding:15px 0 17px;line-height:32px}
.df-sayfa li::before{content:counter(a);position:absolute;left:-60px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--har2);color:var(--mav);font:700 18px/34px var(--bas);text-align:center}
.df-sayfa li strong{font:700 21px var(--bas);color:var(--mav);margin-right:6px}
.df-ikili{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.df-ikili p{color:#454B58}
.df-tik{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.df-tik li{display:flex;gap:10px;align-items:flex-start;font-size:17px}
.df-tik li::before{content:'';flex:none;width:20px;height:20px;margin-top:3px;border:1.5px solid var(--mav);border-radius:5px;background:linear-gradient(135deg,transparent 46%,var(--har) 46%,var(--har) 58%,transparent 58%)}
.df-alinti{text-align:center;padding:90px 0}
.df-alinti blockquote{font:400 clamp(30px,3.4vw,46px)/1.3 var(--bas);color:var(--mav);margin:0 auto 18px;max-width:26ch;position:relative}
.df-alinti blockquote::before{content:'“';display:block;font:700 90px/0.6 var(--bas);color:var(--har);margin-bottom:16px}
.df-alinti p{max-width:62ch;margin:0 auto;color:var(--sol)}
.df-sss{max-width:860px;margin:0 auto}
.df-sss details{background:#fff;border:1px solid var(--cz);border-radius:10px;margin:0 0 10px}
.df-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 22px;font:700 20px/1.35 var(--bas);color:var(--mav)}
.df-sss summary::-webkit-details-marker{display:none}
.df-sss summary::after{content:'+';flex:none;width:30px;height:30px;border-radius:50%;background:var(--amav);display:grid;place-items:center;font:700 19px/1 var(--gov)}
.df-sss details[open]{background:#fff var(--cizgi);background-position:0 22px}.df-sss details[open] summary::after{content:'–';background:var(--har2)}
.df-sss details p{margin:0;padding:0 22px 20px;color:#454B58;line-height:32px}
.df-cagri{max-width:820px;margin:0 auto 90px;background:#fff var(--cizgi);background-position:0 26px;border:1px solid var(--cz);border-top:8px solid var(--har);border-radius:8px;padding:40px 44px;text-align:center;box-shadow:0 30px 50px -40px #2f4a7a66}
.df-cagri h2{font:700 clamp(30px,3.4vw,44px)/1.15 var(--bas);color:var(--mav);margin:0 0 10px}.df-cagri p{color:var(--sol);margin:0 0 22px;line-height:32px}
/* yazı sayfaları */
.df-sayfa-bas{padding:50px 0 20px}
.df-sayfa-bas .df-ic{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.df-iz{font-size:15px;color:var(--sol);margin:0 0 16px}.df-iz a{color:var(--mav);text-decoration:none;font-weight:700}.df-iz a:hover{text-decoration:underline}
.df-sayfa-bas h1{font:700 clamp(38px,4.6vw,62px)/1.06 var(--bas);color:var(--mav);margin:0 0 18px}
.df-oz{font-size:20px;color:#454B58;margin:0 0 16px;max-width:56ch}
.df-meta{font-size:15px;color:var(--sol);margin:0}.df-meta span+span::before{content:' · '}
.df-sayfa-bas .df-baski{max-width:480px;justify-self:end;width:100%}
.df-yazi{max-width:1000px;margin:30px auto 0;padding:0 28px 70px}
.df-metin{border-left:2px solid var(--har);padding-left:40px;font-size:19px;line-height:1.8}
.df-icindekiler{float:right;width:290px;margin:4px -10px 24px 36px;background:#fff var(--cizgi);background-position:0 8px;border:1px solid var(--cz);border-top:6px solid var(--amav2);border-radius:6px;padding:10px 18px 12px;font-size:16px;line-height:32px}
.df-icindekiler b{display:block;font:700 13px var(--gov);letter-spacing:.14em;text-transform:uppercase;color:var(--sol)}
.df-icindekiler ol{margin:0;padding-left:20px}.df-icindekiler li::marker{color:var(--har);font-weight:700}
.df-icindekiler a{color:var(--mav);text-decoration:none}.df-icindekiler a:hover{text-decoration:underline;text-decoration-color:var(--har)}
.df-metin h2{font:700 33px/1.15 var(--bas);color:var(--mav);margin:46px 0 14px;scroll-margin-top:100px}
.df-metin h3{font:700 23px var(--bas);color:var(--mav);margin:28px 0 8px}.df-metin p{margin:0 0 18px}
.df-metin ul,.df-metin ol{margin:0 0 22px;padding-left:1.3em}.df-metin li{margin:0 0 8px}.df-metin li::marker{color:var(--har);font-weight:700}
.df-not-kutu{background:var(--har2);border-radius:4px 14px 14px 4px;padding:18px 22px;margin:28px 0;position:relative}
.df-not-kutu::before{content:'Not';display:block;font:700 13px var(--gov);letter-spacing:.14em;text-transform:uppercase;color:var(--mav);margin-bottom:4px}
.df-ara{margin:36px 0;background:#fff;padding:12px 12px 14px;box-shadow:0 1px 0 var(--cz),0 24px 40px -32px #2f4a7a77;border-radius:4px}.df-ara img{width:100%;aspect-ratio:3/2;object-fit:cover}
.df-metin .df-sss{max-width:none}
.df-diger{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
/* form */
.df-ilet{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding:50px 0 90px}
.df-form{background:#fff;border:1px solid var(--cz);border-top:8px solid var(--har);border-radius:8px;padding:30px 32px;box-shadow:0 30px 50px -40px #2f4a7a66}
.df-form h2{font:700 30px var(--bas);color:var(--mav);margin:0 0 16px}
.df-form label{display:block;font-weight:700;font-size:16px;margin:0 0 14px}
.df-form input,.df-form select,.df-form textarea{display:block;width:100%;margin-top:6px;font:400 17px var(--gov);padding:11px 14px;border:1.5px solid var(--cz);border-radius:10px;background:var(--kag);color:var(--yazi)}
.df-form input:focus,.df-form select:focus,.df-form textarea:focus{outline:0;border-color:var(--mav);background:#fff}
.df-iki{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.df-onay{display:flex!important;gap:10px;font-weight:400!important;font-size:15px!important;color:var(--sol)}.df-onay input{width:auto!important;margin-top:5px!important}
.df-bal{position:absolute;left:-7000px}.df-sonuc{margin:14px 0 0;font-weight:700;color:var(--mav);min-height:1em}
.df-acil{background:var(--har2);border-radius:10px;padding:14px 18px;margin:24px 0}
/* alt bilgi */
.df-son{background:var(--kag2);border-top:1px solid var(--cz);padding:56px 0 26px}
.df-son__izgara{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:36px}
.df-son__izgara b{display:block;font:700 14px var(--gov);letter-spacing:.14em;text-transform:uppercase;color:var(--mav);margin:0 0 12px}
.df-son__izgara a{display:block;color:var(--yazi);text-decoration:none;padding:3px 0;font-size:16.5px}.df-son__izgara a:hover{color:var(--mav);text-decoration:underline;text-decoration-color:var(--har)}
.df-son p{margin:10px 0 0;color:var(--sol);font-size:16px;max-width:34ch}
.df-telif{margin:34px 0 0!important;padding-top:16px;border-top:1px solid var(--cz);font-size:14.5px;max-width:none!important}
.df-sekme-cubuk{display:none}
@media (max-width:980px){
 .df-ust .df-ic{height:64px;gap:12px}.df-menu,.df-ust .df-dug{display:none}
 .df-ust__menu{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--mav);color:var(--mav);border-radius:10px;padding:8px 14px;font:700 15px var(--gov);cursor:pointer}
 .df-ust__menu i{display:grid;gap:3px}.df-ust__menu i::before,.df-ust__menu i::after{content:'';width:16px;height:2px;border-radius:2px;background:currentColor;display:block}
 .df-panel{display:block;position:fixed;left:0;right:0;top:64px;z-index:49;background:#fff var(--cizgi);background-position:0 18px;border-bottom:6px solid var(--har);max-height:calc(100vh - 64px);overflow:auto;padding:12px 22px 24px;transform:translateY(-110%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s;box-shadow:0 30px 40px -30px #2f4a7a66}
 .df-panel.acik{transform:none;visibility:visible;transition:transform .3s ease}
 .df-panel b{display:block;font:700 13px var(--gov);letter-spacing:.14em;text-transform:uppercase;color:var(--sol);line-height:32px;margin-top:8px}
 .df-panel a{display:block;line-height:32px;color:var(--yazi);text-decoration:none;font-size:17px}.df-panel a.df-panel__genel{font:700 19px var(--bas);color:var(--mav)}
 .df-kahraman .df-ic,.df-sayfa-bas .df-ic,.df-ikili,.df-ilet,.df-ipli__alt{grid-template-columns:1fr;gap:50px}.df-ipli__alt{gap:26px}
 .df-kahraman .df-ic>*,.df-sayfa-bas .df-ic>*{min-width:0}.df-logo small{display:none}.df-logo b{font-size:19px}
 .df-pano{order:-1}.df-not{max-width:none}.df-sayfa-bas .df-baski{justify-self:start;max-width:100%}
 .df-fisler{grid-template-columns:1fr}.df-klasor{padding:18px;border-radius:0 16px 16px 16px}
 .df-son__izgara{grid-template-columns:1fr 1fr}
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .df-sekme-cubuk{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 6px env(safe-area-inset-bottom);background:var(--amav2);border-top:1px solid #2f4a7a26}
 .df-sekme-cubuk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;margin-top:6px;background:var(--amav);border-radius:14px 14px 0 0;color:var(--sol);font:700 12px/1.1 var(--gov);text-decoration:none}
 .df-sekme-cubuk svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .df-sekme-cubuk .etkin{background:#fff;color:var(--mav);box-shadow:inset 0 4px 0 var(--har);margin-top:0;height:66px}
 .df-sekme-cubuk .df-sekme-cubuk__ran{background:var(--mav);color:#fff}
}
@media (max-width:640px){
 .df-ic{padding:0 18px}.df-kahraman{padding-top:34px}.df-ipli{--h:min(50vw,250px)}.df-logo b{font-size:17px;white-space:normal}.df-ip__ray{gap:26px}.df-bolum{padding:64px 0}
 .df-kart{grid-template-columns:120px 1fr;gap:14px}.df-kart b{font-size:19px}.df-sekmeler{padding-left:10px}.df-sekmeler button,.df-sekmeler span{font-size:16px;padding:10px 14px 8px}
 .df-tik{grid-template-columns:1fr}.df-sayfa{padding:14px 18px 14px 62px}.df-sayfa::before{left:44px}.df-sayfa li::before{left:-54px;width:30px;height:30px;line-height:30px}
 .df-metin{padding-left:18px;font-size:18px}.df-icindekiler{float:none;width:auto;margin:0 0 26px}.df-yazi{padding:0 18px 56px}
 .df-iki{grid-template-columns:1fr;gap:0}.df-form{padding:24px 18px}.df-son__izgara{grid-template-columns:1fr}.df-cagri{padding:32px 20px;margin-bottom:60px}
}
