
:root{
  --zemin:#F4EFE6; --yuzey:#FBF8F2; --murekkep:#22301D; --birincil:#3B4A2F; --aksan:#D9713E; --aksan-metin:#A8501F; --ikincil:#5C6650; --cizgi:#DED6C6; --koyu:#22301D; --koyu-metin:#F4EFE6; --koyu-ikincil:#C9C3B3; --koyu-cizgi:#788770;
  --fd:"Bricolage Grotesque",sans-serif; --fg:"Figtree",sans-serif;
  --t1:13px; --t2:16px; --t3:19px; --t4:24px; --t5:40px; --t6:clamp(44px,5vw,68px);
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:112px; --r:6px; --k:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--zemin);color:var(--murekkep);font-family:var(--fg);font-size:var(--t2);line-height:1.55;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{background:var(--zemin)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.k{max-width:var(--k);margin:0 auto;padding:0 var(--s3)}
h1,h2,h3{font-family:var(--fd);font-variation-settings:"opsz" 96;font-weight:700;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
h1{font-size:var(--t6)}h2{font-size:var(--t5)}h3{font-size:var(--t4);line-height:1.2;letter-spacing:-.01em;font-weight:600}
p{text-wrap:pretty}
.vurgu{color:var(--aksan-metin)}
.etiket{font-family:var(--fd);font-weight:600;font-size:var(--t1);letter-spacing:.06em;text-transform:uppercase;color:var(--ikincil)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--birincil);color:var(--zemin);font-weight:600;font-size:var(--t2);padding:14px 22px;border-radius:var(--r);border:1px solid var(--birincil);transition:background .15s ease}
.btn:hover{background:var(--murekkep)}
.btn.ikinci{background:transparent;color:var(--murekkep);border-color:var(--aksan-metin)}
.btn.ikinci:hover{background:var(--yuzey)}
.bolum{padding:var(--s5) 0}
.bolum+.bolum{border-top:1px solid var(--cizgi)}
.bas{display:grid;grid-template-columns:200px 1fr;gap:var(--s4);margin-bottom:var(--s4);align-items:start}
.bas h2{max-width:22ch}


nav{position:sticky;top:0;z-index:5;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
nav .k{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:64px}
.logo{font-family:var(--fd);font-weight:700;font-size:var(--t3);letter-spacing:-.02em;padding:10px 0;display:inline-flex;align-items:center;min-height:44px}
.menu{display:flex;gap:var(--s3);font-weight:500;color:var(--ikincil)}
.menu a:hover{color:var(--murekkep)}
.menu .nav-btn{color:var(--murekkep);border-bottom:2px solid var(--aksan-metin)}
.ham{display:none;cursor:pointer;font:inherit;background:none;border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 14px;min-height:44px;color:var(--murekkep)}
.menu.acik{display:flex}


.hero{padding:var(--s5) 0 var(--s5);display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:center}
.hero .etiket{display:block;margin:var(--s2) 0 var(--s3)}
.hero h1{margin-bottom:var(--s3)}
.hero .alt{font-size:var(--t3);max-width:46ch;margin-bottom:var(--s4)}
.hero .ctalar{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4)}
.hero .kunye{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2) var(--s3);max-width:520px}
.hero .kunye div{border-top:1px solid var(--cizgi);padding-top:10px}
.hero .kunye b{display:block;font-family:var(--fd);font-weight:600;font-size:var(--t3);letter-spacing:-.01em}
.hero .kunye span{font-size:var(--t1);color:var(--ikincil)}
.hero figure{border-radius:var(--r);overflow:hidden;border:1px solid var(--cizgi);background:var(--yuzey)}

.hero figure video,.hero figure .hero-poster{display:block;width:100%;height:auto;aspect-ratio:16/9}
.hero figure .hero-poster{display:none}
@media(prefers-reduced-motion:reduce){.hero figure video{display:none}.hero figure .hero-poster{display:block}}




.iki{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:var(--s3)}
.panel .etiket{display:block;margin-bottom:var(--s2)}
.panel ol{list-style:none}
.panel li{display:grid;grid-template-columns:28px 1fr;gap:var(--s2);padding:11px 0;border-top:1px solid var(--cizgi);font-size:var(--t2)}
.panel li i{font-style:normal;font-family:var(--fd);font-weight:700;color:var(--aksan-metin);font-size:var(--t1);padding-top:3px}
.panel.yok li i{color:var(--ikincil)}
.panel li b{font-weight:600}
.hizmet .p{grid-column:2;max-width:64ch;font-size:var(--t3);margin-top:calc(-1*var(--s3));margin-bottom:var(--s4)}
.hizmet .p+.p{margin-top:0}


.uc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.uc .panel h3{margin-bottom:var(--s1)}
.uc .panel .cubuk{width:40px;height:6px;border-radius:3px;background:var(--aksan);margin-bottom:var(--s2)}
.durust{margin-top:var(--s3);display:grid;grid-template-columns:200px 1fr;gap:var(--s4);border-top:1px solid var(--cizgi);padding-top:var(--s3)}
.durust p{font-family:var(--fd);font-weight:600;font-size:var(--t4);line-height:1.3;letter-spacing:-.01em;max-width:40ch}


.surec{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s4);align-items:start}
.surec ol{list-style:none;display:grid;gap:var(--s2)}
.surec li{display:grid;grid-template-columns:56px 1fr;gap:var(--s2);padding:var(--s2) 0;border-top:1px solid var(--cizgi)}
.surec li b{font-family:var(--fd);font-weight:700;font-size:var(--t4);color:var(--aksan-metin)}
.surec li h3{margin-bottom:4px}
.surec li p{color:var(--ikincil)}
.surec figure{border-radius:var(--r);overflow:hidden;border:1px solid var(--cizgi);background:var(--yuzey)}
.surec figcaption{padding:10px 14px;font-size:var(--t1);color:var(--ikincil)}

.surec figure .nasil-video,.surec figure .nasil-poster{display:block;width:100%;height:auto;aspect-ratio:16/9}
.surec figure .nasil-poster{display:none}
@media(prefers-reduced-motion:reduce){.surec figure .nasil-video{display:none}.surec figure .nasil-poster{display:block}}


.dunya .p{font-size:var(--t3);max-width:64ch;margin-bottom:var(--s3)}
.dunya ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.dunya li{border-top:2px solid var(--birincil);padding-top:var(--s2);font-size:var(--t2)}
.dunya li small{display:block;margin-top:10px;color:var(--ikincil);font-size:var(--t1)}
.dunya li small a{text-decoration:underline;display:inline-block;padding:12px 4px;margin:-12px -4px}


.fiyat .iki{align-items:start}
.buyuk{font-family:var(--fd);font-weight:700;font-size:var(--t6);letter-spacing:-.03em;line-height:1;white-space:nowrap}
.buyuk small{display:block;font-family:var(--fg);font-weight:400;font-size:var(--t2);letter-spacing:0;color:var(--ikincil);margin-top:var(--s2);line-height:1.5}
.fiyat .not{margin-top:var(--s3);color:var(--ikincil);font-size:var(--t1)}


.iletisim{background:var(--koyu);color:var(--koyu-metin);padding:var(--s6) 0}
.iletisim .k{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.iletisim h2{color:var(--koyu-metin)}
.iletisim .alt{margin-top:var(--s3);color:var(--koyu-ikincil);font-size:var(--t3)}
.iletisim .wa{display:inline-block;margin-top:var(--s3);font-weight:600;border-bottom:2px solid var(--aksan);padding:10px 0 4px;min-height:44px}
.iletisim form{display:grid;gap:var(--s3)}
.iletisim label{display:grid;gap:8px;font-family:var(--fd);font-weight:600;font-size:var(--t1);letter-spacing:.06em;text-transform:uppercase;color:var(--koyu-ikincil)}
.iletisim input,.iletisim textarea{background:transparent;border:0;border-bottom:1px solid var(--koyu-cizgi);color:var(--koyu-metin);font:inherit;font-size:var(--t3);padding:10px 0;outline:none;border-radius:0}
.iletisim input:focus,.iletisim textarea:focus{border-color:var(--aksan)}
.iletisim input::placeholder{color:var(--koyu-ikincil);opacity:1}
.iletisim textarea{min-height:88px;resize:vertical}
.iletisim .btn{background:var(--koyu-metin);border-color:var(--koyu-metin);color:var(--koyu);justify-self:start}
.iletisim .btn:hover{background:var(--aksan);border-color:var(--aksan)}
footer{padding:var(--s3) 0;display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;color:var(--ikincil);font-size:var(--t1);border-top:1px solid var(--cizgi)}
.foot-links{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3)}
.foot-links a{color:var(--murekkep);text-decoration:underline;text-underline-offset:3px;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.foot-links a:hover{color:var(--aksan-metin)}

@media (max-width:900px){
  .k{padding:0 var(--s2)}
  .ham{display:inline-block}
  .menu{display:none;position:absolute;left:0;right:0;top:64px;background:var(--zemin);border-bottom:1px solid var(--cizgi);flex-direction:column;gap:0;padding:var(--s2)}
  .menu a{padding:14px 0;min-height:44px;border-bottom:1px solid var(--cizgi)}
  .menu .nav-btn{border-bottom:1px solid var(--cizgi)}
  .hero,.iki,.uc,.surec,.iletisim .k,.bas,.durust{grid-template-columns:1fr}
  .bas .etiket,.durust .etiket{order:2;margin-top:var(--s1)}
  .hero{padding-top:var(--s4)}
  .hero figure{order:-1}
  .hizmet .p{grid-column:1;margin-top:0}
  .dunya ul{grid-template-columns:1fr}
  :root{--t6:44px;--t5:34px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.an{position:relative;padding:0;margin:var(--s5) auto}
.an+.an{border-top:0}
.an img{display:block;width:100%;height:auto;border-radius:var(--r)}
.an .yazi{position:absolute;top:10%;width:38%}
.an.sag .yazi{right:5%}.an.sol .yazi{left:5%}
.an .yazi .etiket{display:block;margin-bottom:var(--s2);color:var(--aksan-metin)}
.an h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin-bottom:var(--s2);text-wrap:balance}
.an .yazi p{font-size:var(--t3);color:var(--ikincil);max-width:40ch;text-wrap:pretty}
.an .yazi .par{color:var(--murekkep);margin-top:var(--s2)}
.an .kagitlar{position:absolute;bottom:7%;width:30%}
.an.sag .kagitlar{right:7%}.an.sol .kagitlar{left:7%}
.kagitlar{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.35}
.kg{max-width:92%;padding:9px 14px;position:relative;font-weight:500;box-shadow:2px 3px 0 rgba(34,48,29,.14);opacity:0;transform:translateY(5px);animation:kg-gir 14s infinite both;
  clip-path:polygon(0 6%,3% 0,9% 4%,15% 1%,24% 5%,33% 0,42% 4%,52% 1%,61% 5%,70% 0,79% 4%,88% 1%,96% 5%,100% 2%,100% 94%,97% 100%,90% 96%,82% 100%,73% 95%,63% 100%,54% 96%,45% 100%,35% 95%,26% 100%,17% 96%,8% 100%,2% 95%,0 100%)}
.kg::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .12 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}
.kg.m{background:#EDE6D6;color:var(--murekkep);align-self:flex-start;rotate:-.6deg}
.kg.t{background:var(--birincil);color:var(--zemin);align-self:flex-end;rotate:.5deg}
.kg.y{background:var(--yuzey);color:var(--murekkep);align-self:flex-start;rotate:-.4deg;border:1px solid var(--cizgi)}
.kg.y small{display:block;font-size:11px;color:var(--ikincil);margin-bottom:2px;letter-spacing:.04em;text-transform:uppercase}
.kg time{display:block;font-size:11px;opacity:.75;margin-top:3px;text-align:right}
.kg.t1{animation-delay:.6s}.kg.t2{animation-delay:2.6s}.kg.t3{animation-delay:4.6s}.kg.t4{animation-delay:6.6s}.kg.t5{animation-delay:8.4s}.kg.t6{animation-delay:10s}.kg.t7{animation-delay:11.4s}
@keyframes kg-gir{0%{opacity:0;transform:translateY(5px)}4%{opacity:1;transform:none}93%{opacity:1;transform:none}100%{opacity:0;transform:translateY(5px)}}

.an.havale .yazi{position:static;width:auto;max-width:60ch;margin-bottom:var(--s4)}
.an.havale .iki{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}
.an.havale .iki>div{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:var(--s3)}
.an.havale .iki .etiket{display:block;margin-bottom:var(--s2)}
.an.havale .kagitlar{position:static;width:auto;min-height:300px}
.an.havale .sonra-alt{margin-top:var(--s2);font-size:var(--t1);color:var(--ikincil)}

@media (min-width:821px){
  #an-1{display:grid;grid-template-columns:64% 1fr;row-gap:var(--s3);padding-block:var(--s3)}
  #an-1 img{grid-area:1 / 1 / 3 / 3;align-self:center;padding-right:24%}
  #an-1 .yazi,#an-1 .kagitlar{position:static;width:auto;margin-right:var(--s3);grid-column:2}
  #an-1 .yazi{grid-row:1}
  #an-1 .kagitlar{grid-row:2}
  #an-2{display:grid;grid-template-columns:45% 1fr;column-gap:var(--s4);row-gap:var(--s3);align-items:start;padding-block:var(--s4)}
  #an-2 img{grid-column:1;grid-row:1 / 3;align-self:center}
  #an-2 .yazi,#an-2 .kagitlar{position:static;width:auto;margin-right:var(--s3)}
  #an-2 .yazi{grid-column:2;grid-row:1}
  #an-2 .kagitlar{grid-column:2;grid-row:2}
  #an-4{display:grid;grid-template-columns:46% 1fr;grid-template-rows:auto 1fr}
  #an-4 img{grid-area:1 / 1 / 3 / 3}
  #an-4 .yazi{grid-area:1 / 1;position:static;width:auto;margin:0;padding:min(196px,16.4vw) 0 0 11%}
  #an-4 .yazi p{max-width:46ch}
  #an-4 .kagitlar{grid-area:2 / 1;position:static;width:auto;margin:0;padding:var(--s2) 2% var(--s4) 14%;align-self:start;font-size:13px;gap:6px}
  #an-4 img{height:100%;object-fit:cover;object-position:30% 100%}
}
#an-5{display:flex;flex-direction:column;gap:var(--s3);padding-top:var(--s4)}
#an-5 .yazi{position:static;order:1;width:auto;max-width:64ch;padding-inline:var(--s3)}
#an-5 .yazi p{max-width:none}
#an-5 img{order:2}
@media (prefers-reduced-motion:reduce){.kg{animation:none;opacity:1;transform:none}}
@media (max-width:820px){
  .an{display:flex;flex-direction:column;margin:var(--s4) auto;padding-inline:var(--s2)}
  .an .yazi{position:static;width:auto;order:1;padding:var(--s3) 0 var(--s2)}
  .an img{order:2;aspect-ratio:4/5;object-fit:cover}
  .an.sag img{object-position:18% 50%}.an.sol img{object-position:82% 50%}
  .an .kagitlar{position:static;order:3;width:auto;margin-top:calc(-1 * var(--s2));padding:0 var(--s2) var(--s2)}
  .an.havale .iki{grid-template-columns:1fr;order:2}
  #an-5 .yazi{padding-inline:0}
  .an.havale .kagitlar{margin-top:0;padding:0;min-height:0}
}


.rozetler.k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4) var(--s3);padding:var(--s5) var(--s3)}
.rozetler .rozet{min-width:0;padding-bottom:var(--s3);border-bottom:1px solid var(--cizgi)}
.rozetler .rozet img{width:112px;height:112px;object-fit:contain;margin-bottom:var(--s2)}
.rozetler .rozet h3{font-family:var(--fd);font-size:var(--t3);font-weight:600;line-height:1.2;margin-bottom:var(--s1)}
.rozetler .rozet p{font-family:var(--fg);font-size:var(--t2);line-height:1.55;color:var(--ikincil)}
@media(max-width:1000px){.rozetler.k{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.rozetler.k{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s2);padding:var(--s4) var(--s2)}.rozetler .rozet h3{font-size:var(--t2)}.rozetler .rozet p{font-size:var(--t1)}}


#an-3 .karsilastirma{max-width:none;padding:16px;font-family:var(--fd);font-size:24px;line-height:1.25;font-weight:600;letter-spacing:0;text-transform:none;animation:none;opacity:1;transform:none}
#an-3 .karsilastirma.once{background:#EDE6D6;color:var(--ikincil);rotate:-.6deg}
#an-3 .karsilastirma.sonra{background:var(--birincil);color:var(--zemin);rotate:.5deg}
#an-3 .iki>div:first-child time{font-weight:700;opacity:1}
#an-3 .iki>div:first-child .t time{color:var(--aksan);font-size:var(--t3)}
#an-3 .iki>div:first-child .m:last-child time{color:var(--aksan-metin);font-size:var(--t3)}
#an-3 .kg{animation:none;opacity:1;transform:none}

.hero figure.hero-montaj{position:relative;isolation:isolate;overflow:visible;border:0;border-radius:0;background:transparent;padding:3px;margin-inline:var(--s1);box-shadow:2px 3px 0 rgba(34,48,29,.14)}
.hero-montaj::before{content:"";position:absolute;inset:-8px;z-index:-1;background:#EDE6D6;rotate:-1.2deg;clip-path:polygon(0 6%,3% 0,9% 4%,15% 1%,24% 5%,33% 0,42% 4%,52% 1%,61% 5%,70% 0,79% 4%,88% 1%,96% 5%,100% 2%,100% 94%,97% 100%,90% 96%,82% 100%,73% 95%,63% 100%,54% 96%,45% 100%,35% 95%,26% 100%,17% 96%,8% 100%,2% 95%,0 100%)}
.hero-montaj::after{content:"";position:absolute;right:16px;top:-8px;width:48px;height:14px;background:var(--aksan);rotate:-8deg;clip-path:polygon(0 6%,3% 0,9% 4%,15% 1%,24% 5%,33% 0,42% 4%,52% 1%,61% 5%,70% 0,79% 4%,88% 1%,96% 5%,100% 2%,100% 94%,97% 100%,90% 96%,82% 100%,73% 95%,63% 100%,54% 96%,45% 100%,35% 95%,26% 100%,17% 96%,8% 100%,2% 95%,0 100%)}

#temsilci>.bas:first-child h2{grid-column:2}
#nasil .surec li{grid-template-columns:120px minmax(0,1fr);align-items:start}
#nasil .adim-isaret{text-align:center}
#nasil .adim-isaret img{width:120px;height:120px;object-fit:contain;margin:0 auto var(--s1)}
#nasil .adim-isaret b{display:block;font-size:var(--t1);font-weight:600;color:var(--ikincil)}
#rozetler .rozet img{width:120px;height:120px}
@media(max-width:1000px){
 #rozetler .rozet img,#nasil .adim-isaret img{width:104px;height:104px}
 #nasil .surec li{grid-template-columns:104px minmax(0,1fr)}
}
@media(max-width:900px){#temsilci>.bas:first-child h2{grid-column:1}}
@media(max-width:600px){
 #an-3 .karsilastirma{font-size:22px}
 .hero-montaj::before{inset:-4px}
 .hero-montaj::after{width:40px;height:12px;right:12px;top:-6px}
 #rozetler .rozet{text-align:center}
 #rozetler .rozet img,#nasil .adim-isaret img{width:96px;height:96px;margin:0 auto var(--s2)}
 #rozetler .rozet h3{font-size:16px}
 #rozetler .rozet p{font-size:14px}
 #nasil .surec li{grid-template-columns:96px minmax(0,1fr)}
 
 main>header.hero,main>section.k,main>section.iletisim{margin-block:0}
 main>header.hero+section.k,main>section+section.k,main>section+section.iletisim{margin-top:var(--s5)}
}


.dunya ul{gap:var(--s3);align-items:start}
.dunya li.kupur{position:relative;container-type:inline-size;border:0;padding:0;min-width:0;font-size:var(--t2);line-height:1.55}
.kupur-zemin{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-style:solid;border-color:transparent;border-width:29.0055cqw 10.3591cqw 13.1215cqw;border-image-slice:420 150 190 fill;border-image-repeat:stretch}
.kupur:nth-child(1) .kupur-zemin{border-image-source:url("/gorsel/zemin-kolaj/kupur-1-s.png")}
.kupur:nth-child(2) .kupur-zemin{border-image-source:url("/gorsel/zemin-kolaj/kupur-2-s.png")}
.kupur:nth-child(3) .kupur-zemin{border-image-source:url("/gorsel/zemin-kolaj/kupur-3-s.png")}
.kupur-metin{position:relative;margin-inline:14%;padding-block:30cqw 26cqw;font-family:var(--fg)}
.dunya li.kupur small{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--cizgi);font-size:13px;line-height:1.5;color:var(--ikincil)}
.dunya li.kupur small a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;padding:8px 4px;margin:0;text-decoration:underline}
.dunya li.kupur:nth-child(2) .kupur-metin{margin-inline:15%}

#fiyat .buyuk{white-space:normal}
#fiyat .fiyat-kagit{display:block;position:relative;width:min(100%,420px);aspect-ratio:3/2}
#fiyat .fiyat-kagit img{display:block;width:100%;height:100%;object-fit:contain}
#fiyat .fiyat-rakam{position:absolute;left:38%;top:30%;width:51%;height:38%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(44px,4vw,48px);line-height:1;letter-spacing:-.03em}
#fiyat .buyuk small{margin-top:var(--s2);white-space:normal}
@media(min-width:601px) and (max-width:900px){.dunya ul{grid-template-columns:1fr;justify-items:center}.dunya li.kupur{width:100%;max-width:560px}.kupur-metin{font-size:var(--t3)}}
@media(max-width:600px){.dunya ul{grid-template-columns:1fr;gap:var(--s3)}#fiyat .fiyat-kagit{width:100%}#fiyat .fiyat-rakam{font-size:40px}}

a,button,input,textarea{scroll-margin-top:80px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aksan-metin);outline-offset:4px}
.iletisim :focus-visible{outline-color:var(--koyu-metin)}
section[id]{scroll-margin-top:80px}
.dunya li.kupur small a{text-underline-offset:3px}
.dunya li.kupur small a:hover{color:var(--aksan-metin)}


:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--zemin:#22301D;--yuzey:#3B4A2F;--murekkep:#F4EFE6;--birincil:#F4EFE6;--aksan-metin:#F4EFE6;--ikincil:#C9C3B3;--cizgi:#5C6650;--koyu:#1B2417}
[data-theme="dark"] .an:not(.havale),[data-theme="dark"] .kg,[data-theme="dark"] .kupur,[data-theme="dark"] .fiyat-kagit{--zemin:#F4EFE6;--yuzey:#FBF8F2;--murekkep:#22301D;--birincil:#3B4A2F;--aksan-metin:#A8501F;--ikincil:#5C6650;--cizgi:#DED6C6;color:var(--murekkep);color-scheme:light}
[data-theme="dark"] .an:not(.havale){background:var(--zemin);border-radius:var(--r)}
[data-theme="dark"] .dunya li.kupur small,[data-theme="dark"] .dunya li.kupur small a:hover{color:var(--murekkep)}
[data-theme="dark"] .dunya li.kupur small a:hover{text-decoration-thickness:2px}
[data-theme="dark"] .kg.t{color:var(--zemin)}
[data-theme="dark"] #an-3 .karsilastirma.sonra{color:var(--zemin)}
[data-theme="dark"] #an-3 .iki>div:first-child .t time{color:var(--zemin)}
[data-theme="dark"] .iletisim{border-top:1px solid var(--koyu-cizgi)}
[data-theme="dark"] .btn.ikinci:hover{color:var(--murekkep)}
.nav-araclar{display:flex;align-items:center;gap:var(--s1);margin-left:auto}
.nav-araclar button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;background:transparent;color:var(--murekkep);border:1px solid var(--cizgi);border-radius:var(--r);font:600 var(--t2) var(--fg);cursor:pointer}
.nav-araclar button:hover{background:var(--yuzey)}
.tema-anahtari svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tema-anahtari .gunes{display:none}
[data-theme="dark"] .tema-anahtari .ay{display:none}
[data-theme="dark"] .tema-anahtari .gunes{display:block}
@media(max-width:900px){nav .k{gap:var(--s1)}.nav-araclar{order:1}.ham{order:2}.menu{order:3}}
html[lang="en"] .an .yazi{overflow-wrap:break-word}


.logo{display:inline-flex;align-items:center;color:var(--murekkep)}
.logo-svg{height:34px;width:auto;display:block}
.foot-logo{display:block;margin-bottom:8px}.foot-svg{height:24px}

.nav-araclar .dil-anahtari{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--cizgi);border-radius:var(--r);font:600 var(--t2) var(--fg)}
.menu a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
@media(max-width:700px){body p,body span,body small,body label,body input,body select,body textarea,body li,body a,body button,body time{font-size:max(16px,1em)}body .etiket,body .kunye span,body .rozet p,body .kupur small,body footer{font-size:16px!important}}

.sifir-bosluk{margin:0!important}
.alt-bosluk-buyuk{margin-bottom:var(--s4)}.alt-bosluk-kucuk{margin:0 0 var(--s2)}
.iletisim .wa{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
@media(max-width:700px){:root{--t1:16px}body .kg,body .kg.y small,body .kg time{font-size:16px}}

.iletisim-eylemler{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s2)}
.iletisim-eylemler .wa{margin-top:0}
.sosyal-baglantilar{display:flex;flex-wrap:wrap;gap:var(--s2);width:100%}
.sosyal-baglantilar a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
