/* =============================================================================
 *  MERAM KANTAR - MASAUSTU BASLIK STILLERI   (2026-10, 12. tur)
 *  Onizlemede onaylanan tasarimin stilleri. Yalniz 992 px ve uzeri; telefon
 *  gorunumu mk-header.css'te ve degismedi. Siniflar "ik-" onekli.
 *  Yazi tipi: IBM Plex Sans (SIL Open Font License, assets/fonts/ibm-plex-sans)
 * ========================================================================== */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-400-normal.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:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-500-normal.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:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-600-normal.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:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-700-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/ibm-plex-sans/ibm-plex-sans-latin-700-normal.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}
.ik { display: none; }
@media (min-width: 992px){.mk-h.is-ik { top: 0px; background: rgb(255, 255, 255); }.mk-h.is-ik .mk-bar, .mk-h.is-ik .mk-band { display: none !important; }.mk-h.is-ik .ik { display: block; background: rgb(255, 255, 255); position: relative; transition: box-shadow 0.2s; border-bottom: 1px solid rgb(225, 230, 234); }.ik-r { display: flex; align-items: stretch; }.ik-r > .mk-kap { display: flex; align-items: center; gap: 22px; }.mk-h .ik-logo { display: flex; align-items: center; flex: 0 0 auto; }.ik-logo img { width: 200px; height: auto; display: block; }.ik-kucuk { display: flex; align-items: center; gap: 20px; font-size: 12.5px; font-weight: 600; }.mk-h .ik-kucuk a { display: inline-flex; align-items: center; gap: 6px; color: inherit; }.mk-h .ik-kucuk a:hover { color: rgb(0, 127, 77); }.ik-dil .mk-dil { display: inline-flex; border: 1px solid rgb(213, 221, 225); border-radius: 6px; overflow: hidden; }.mk-h .ik-dil .mk-dil__kod { padding: 4px 9px; color: inherit; font-size: 12px; font-weight: 700; }.mk-h .ik-dil .mk-dil__kod.is-aktif { background: rgb(31, 42, 49); color: rgb(255, 255, 255); }.ik-nav { display: flex; align-items: stretch; align-self: stretch; }.ik-o { display: flex; }.mk-h .ik-a { display: flex; align-items: center; gap: 7px; padding: 0px 15px; font-size: 15px; font-weight: 700; color: rgb(29, 42, 51); position: relative; white-space: nowrap; }.ik-a > svg:last-child { color: rgb(138, 150, 158); transition: transform 0.18s; }.ik-o:hover > .ik-a > svg:last-child { transform: rotate(180deg); }.ik-a::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0px; height: 3px; border-radius: 3px 3px 0px 0px; background: rgb(0, 127, 77); transform: scaleX(0); transition: transform 0.18s; }.ik-o:hover > .ik-a::after, .ik-o:focus-within > .ik-a::after { transform: scaleX(1); }.mk-h .ik-o:hover > .ik-a { color: rgb(0, 127, 77); }.ik-ac { position: absolute; left: 28px; right: 28px; top: 100%; background: rgb(255, 255, 255); border-radius: 0px 0px 12px 12px; box-shadow: rgba(29, 42, 51, 0.2) 0px 24px 56px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 0.16s, transform 0.16s, visibility 0.16s; overflow: hidden; z-index: 5; }.ik-o:hover > .ik-ac, .ik-o:focus-within > .ik-ac { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }.ik-o.is-kapat > .ik-ac { opacity: 0 !important; visibility: hidden !important; }.mk-h .ik-kur a { display: flex; gap: 12px; padding: 11px 12px; border-radius: 7px; color: rgb(29, 42, 51); }.mk-h .ik-kur a:hover { background: rgb(236, 246, 241); }.ik-kur svg { color: rgb(0, 127, 77); flex: 0 0 auto; margin-top: 2px; }.ik-kur b { display: block; font-size: 13.5px; }.ik-kur em { display: block; font-style: normal; font-size: 11.5px; color: rgb(102, 114, 123); margin-top: 2px; font-weight: 500; }.ik-ac .mk-mega__ic { max-height: min(620px, -160px + 100vh); }.ik-o--diger { position: relative; }.ik-o--diger .ik-ac { left: auto; right: 0px; width: 360px; }.ik-diger a { align-items: flex-start; }.ik-dg { font-size: 14px; }.ik-ustnav { display: flex; align-items: center; gap: 20px; margin: 0px !important; }.ik-uo { position: relative; display: flex; align-items: center; height: 100%; }.mk-h .ik-uo > a { display: inline-flex; align-items: center; gap: 5px; }.ik-uo > a svg { transition: transform 0.15s; }.ik-uo:hover > a svg { transform: rotate(180deg); }.ik-uac { position: absolute; top: 100%; left: -12px; width: 320px; background: rgb(255, 255, 255); border-radius: 0px 0px 10px 10px; box-shadow: rgba(29, 42, 51, 0.18) 0px 18px 40px; padding: 8px; opacity: 0; visibility: hidden; transition: opacity 0.15s, visibility 0.15s; z-index: 8; color: rgb(29, 42, 51); }.ik-uo:hover > .ik-uac, .ik-uo:focus-within > .ik-uac { opacity: 1; visibility: visible; transition-delay: 0s; }.mk-h .ik-uac a { gap: 12px; padding: 10px 12px; border-radius: 7px; display: flex !important; color: rgb(29, 42, 51) !important; }.mk-h .ik-uac a:hover { background: rgb(236, 246, 241); }.ik-uac svg { color: rgb(0, 127, 77); flex: 0 0 auto; margin-top: 2px; }.ik-uac b { display: block; font-size: 13.5px; }.ik-uac em { display: block; font-style: normal; font-size: 11.5px; color: rgb(102, 114, 123); margin-top: 2px; font-weight: 500; }.ik-kucuk, .ik-kucuk a { white-space: nowrap; }.ik-uac ul { margin: 0px !important; }.ik-ustnav { align-self: stretch !important; }.mk-h .is-sik .ik-a { padding: 0px 11px; font-size: 14px; }.is-sik .ik-a::after { left: 11px; right: 11px; }.mk-h .is-cok-sik .ik-a { padding: 0px 8px; font-size: 13.5px; gap: 4px; }.is-cok-sik .ik-a::after { left: 8px; right: 8px; }.is-cok-sik .ik-a > svg:last-child { display: none; }.mk-h .is-en-sik .ik-a { padding: 0px 6px; font-size: 13px; }.is-en-sik .ik-a::after { left: 6px; right: 6px; }.mk-h .is-dar .ik-a { padding: 0px 5px !important; font-size: 12.5px !important; letter-spacing: 0px !important; }.is-dar .ik-a::after { left: 5px !important; right: 5px !important; }.is-dar .ik-ayrik .ik-o--sc1, .ik-ayrik .is-dar .ik-o--sc1 { padding-left: 8px; }.ik--z .ik-r2 .ik-a > svg:last-child { display: none; }.mk-h .ik--z .ik-r2 .mk-kap:not(.is-cok-sik):not(.is-en-sik) .ik-a { padding: 0px 8px; font-size: 14.5px; }.ik--z .ik-r2 .mk-kap:not(.is-cok-sik):not(.is-en-sik) .ik-a::after { left: 8px; right: 8px; }.ik-nav { flex-wrap: nowrap; }.ik-r > .mk-kap { overflow: visible; max-width: 1640px; }.ik-ac { max-width: 1584px; margin: 0px auto; }.mk-h .ik-teklif { display: inline-flex; align-items: center; height: 44px; padding: 0px 22px; border-radius: 7px; background: rgb(0, 127, 77); color: rgb(255, 255, 255); font-weight: 700; font-size: 14.5px; flex: 0 0 auto; }.mk-h .ik-teklif:hover { background: rgb(0, 106, 64); color: rgb(255, 255, 255); }.ik-tel { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }.ik-tel i { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid rgb(215, 230, 222); display: flex; align-items: center; justify-content: center; color: rgb(0, 127, 77); }.ik-tel small { display: block; font-size: 11px; color: rgb(102, 114, 123); font-weight: 600; }.mk-h .ik-tel b { display: block; font-size: 16px; color: rgb(29, 42, 51); }.ik-arap { position: absolute; left: 0px; right: 0px; top: 100%; background: rgb(255, 255, 255); border-top: 1px solid rgb(238, 241, 242); box-shadow: rgba(29, 42, 51, 0.14) 0px 18px 40px; padding: 16px 0px; z-index: 6; }.ik-arayer { flex: 1 1 0%; min-width: 0px; max-width: 640px; }.ik-arayer .mk-ara { display: flex !important; width: 100%; }.ik-sayfalar { font-size: 13px; font-weight: 600; }.mk-h .ik-sayfalar a { color: inherit; }.mk-h .ik-sayfalar a:hover { color: rgb(0, 127, 77); }.ik-koyuyesil { background: rgb(6, 66, 43); color: rgb(207, 230, 218); }.ik-koyuyesil .mk-kap { height: 36px; }.ik-koyuyesil .ik-kucuk { margin-right: auto; }.mk-h .ik-koyuyesil a:hover { color: rgb(255, 255, 255); }.ik-koyuyesil .ik-dil .mk-dil { border-color: rgb(42, 106, 80); }.mk-h .ik-koyuyesil .ik-dil .mk-dil__kod.is-aktif { background: rgb(255, 255, 255); color: rgb(6, 66, 43); }.ik-yesilcizgi { border-top: 1px solid rgb(238, 241, 242); border-bottom: 4px solid rgb(0, 127, 77); }.ik-yesilcizgi .mk-kap { height: 54px; gap: 0px; }.mk-h .ik-yesilcizgi .ik-a { font-size: 14.5px; }.ik-yesilcizgi .ik-a::after { height: 4px; bottom: -4px; }.ik-sc { padding: 20px 24px 24px; }.ik-scb { display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; }.ik-scb b { font-size: 18px; color: rgb(29, 42, 51); }.ik-scb span { font-size: 12.5px; color: rgb(123, 135, 144); }.ik-scg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.ik-sck { border: 1px solid rgb(227, 232, 234); border-radius: 10px; padding: 14px 16px; }.ik-sck:hover { border-color: rgb(0, 127, 77); }.ik-sck b { display: block; font-size: 15px; color: rgb(29, 42, 51); }.ik-sck p { margin: 3px 0px 10px; font-size: 12.5px; color: rgb(102, 114, 123); font-weight: 400; }.ik-sck div { display: flex; flex-wrap: wrap; gap: 6px; }.mk-h .ik-sck a { font-size: 12px; font-weight: 600; color: rgb(0, 127, 77); background: rgb(238, 247, 242); border-radius: 999px; padding: 4px 10px; }.mk-h .ik-sck a:hover { background: rgb(0, 127, 77); color: rgb(255, 255, 255); }.ik-o--sc + .ik-o--sc { }.ik-yesil .ik-o--sc:first-of-type, .ik-nav .ik-o--sc:first-of-type > .ik-a { }.ik--x .ik-r1 .mk-kap, .ik--y .ik-r1 .mk-kap, .ik--z .ik-r1 .mk-kap, .ik--1 .ik-r1 .mk-kap, .ik--3 .ik-r1 .mk-kap { height: 82px; }.ik--x .ik-tel, .ik--y .ik-tel, .ik--z .ik-tel, .ik--1 .ik-tel, .ik--2 .ik-tel, .ik--3 .ik-tel { margin-left: auto; }.ik-ayrik .ik-nav { width: 100%; }.ik-ayrik .ik-o--sc { }.ik-ayrik .ik-o--sc1 { margin-left: auto; padding-left: 14px; background: linear-gradient(rgb(213, 221, 225), rgb(213, 221, 225)) left center / 1px 26px no-repeat; }.mk-h .ik-ayrik .ik-o--sc > .ik-a { color: rgb(0, 127, 77); }}
@media (min-width: 992px) and (max-width: 1279px){.ik-scg { grid-template-columns: 1fr 1fr; }.ik-logo img { width: 165px; }.mk-h .ik-a { padding: 0px 9px; font-size: 13.5px; }.ik-a::after { left: 9px; right: 9px; }.ik-kucuk { gap: 12px; }.ik-mail, .ik-guv { display: none !important; }.ik-tel small { display: none; }.ik-r > .mk-kap { gap: 14px; }}
.mk-h .ik2-3 .ik-r1 .mk-ara { border: 2px solid rgb(0, 127, 77); border-radius: 6px; padding: 0px 0px 0px 14px; height: 48px; overflow: hidden; }
.mk-h .ik2-3 .ik-r1 .mk-ara > svg { color: rgb(0, 127, 77); }
.mk-h .ik2-3 .ik-r1 .mk-ara__dugme { height: 100%; border-radius: 0px; background: rgb(0, 127, 77); padding: 0px 26px; font-size: 14px; }
.mk-h .ik2-3 .ik-r1 .mk-ara__dugme:hover { background: rgb(0, 106, 64); }
.ik2-3 .ik-tel i { border: 0px; background: rgb(234, 246, 240); }
.mk-h .ik2-3 .ik-teklif { height: 48px; border-radius: 6px; }
.ik3-6 .ik-r2 .ik-o:not(.ik-o--sc):not(.ik-o--hepsi) { flex: 1 1 auto; }
.ik3-6 .ik-r2 .ik-o:not(.ik-o--sc) > .ik-a { justify-content: center; width: 100%; }
.ik3-6 .ik-r2 .mk-kap { height: 58px !important; }
.mk-h .ik3-6 .ik-r2 .ik-a { font-size: 15px; }
.ik3-6 .ik-r2 .ik-o:not(.ik-o--sc):not([hidden]) + .ik-o:not(.ik-o--sc) { background: linear-gradient(var(--ik-ayr,#e3e8ea),var(--ik-ayr,#e3e8ea)) left center/1px 22px no-repeat; }
.renk0-b .ik-r0 { background: rgb(31, 42, 49); color: rgb(201, 211, 215); }
.renk0-b .ik-r0 .ik-dil .mk-dil { border-color: rgb(70, 84, 92); }
.mk-h .renk0-b .ik-r0 .ik-dil .mk-dil__kod.is-aktif { color: rgb(31, 42, 49); }
.renk0-c .ik-r0 { background: rgb(0, 127, 77); color: rgb(230, 245, 237); }
.renk0-c .ik-r0 .ik-dil .mk-dil { border-color: rgb(59, 155, 116); }
.mk-h .renk0-c .ik-r0 .ik-dil .mk-dil__kod.is-aktif { color: rgb(0, 127, 77); }
.mk-h .renksc-b .ik-r2 .ik-o--sc > .ik-a { color: rgb(29, 42, 51); }
.mk-h .renksc-b .ik-r2 .ik-o--sc:hover > .ik-a, .mk-h .renksc-c .ik-r2 .ik-o--sc:hover > .ik-a { color: rgb(0, 127, 77); }
.ayr-on .ik-ayrik .ik-o--sc1 { background: none !important; padding-left: 0px !important; }
.ayr-on .ik-ayrik .ik-o--sc1::before, .ayr-iki .ik-ayrik .ik-o--sc ~ .ik-o--sc::before { content: ""; flex: 0 0 auto; align-self: center; margin: 0px 12px 0px 14px; }
.ayr-3 .ik-ayrik .ik-o--sc1::before, .ayr-3.ayr-iki .ik-ayrik .ik-o--sc ~ .ik-o--sc::before { width: 3px; height: 22px; border-radius: 2px; background: rgb(0, 127, 77); }
.acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit__urunler { gap: 8px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit__urunler a { flex-direction: row; align-items: center; }
.acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit__foto { width: 76px; flex: 0 0 auto; height: 58px !important; }
.acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit__yazi { padding: 6px 10px !important; }
.sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-scg { grid-template-columns: repeat(2, 1fr) !important; counter-reset: sk 0; }
.sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-sck { display: grid; grid-template-columns: 44px 1fr; column-gap: 4px; align-items: start; }
.sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-sck::before { counter-increment: sk 1; content: counter(sk, decimal-leading-zero); grid-row: span 3; font-size: 22px; font-weight: 800; color: rgb(207, 229, 216); line-height: 1; }
.sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-sck b, .sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-sck p, .sam-6 .ik-r2 .ik-o--sc > .ik-ac .ik-sck div { grid-column: 2; }
.ik-o.is-sabit > .ik-ac { opacity: 1 !important; visibility: visible !important; transform: none !important; }
.ik-nav:hover .ik-o.is-sabit:not(:hover) > .ik-ac { opacity: 0 !important; visibility: hidden !important; }
.mk-h .kose-1 .ik-ac, .mk-h .kose-1 .mk-vit__urunler a, .mk-h .kose-1 .mk-vit__k, .mk-h .kose-1 .ik-sck, .mk-h .kose-1 .mk-yan__btn, .mk-h .kose-1 .ik-sck a, .mk-h .kose-1 .mk-vit__daha, .mk-h .kose-1 .ik-uac, .mk-h .kose-1 .ik-r1 .mk-ara, .mk-h .kose-1 .ik-r1 .mk-ara__dugme, .mk-h .kose-1 .ik-teklif, .mk-h .kose-1 .ik-tel i, .mk-h .kose-1 .ik-dil .mk-dil, .mk-h .kose-1 .ik-dil .mk-dil__kod, .mk-h .kose-1 .ik-r2 .ik-a { border-radius: 3px !important; }
.mk-h .yt-plex, .mk-h .yt-plex :not(code) { font-family: "IBM Plex Sans", system-ui, sans-serif !important; }
.mk-h .ik .ik-r2 .mk-kap:not(.is-sik):not(.is-cok-sik):not(.is-en-sik):not(.is-dar) .ik-a { font-size: var(--ik-ub) !important; }
.mk-h .ik .ik-r2 .ik-a { font-weight: var(--ik-uk) !important; }
.mk-h .ik .ik-r0 .ik-kucuk a, .mk-h .ik .ik-r0 .ik-uo > a { font-size: var(--ik-sb) !important; font-weight: var(--ik-sk) !important; }
.ik .ik-ac > * { zoom: var(--ik-mb); }
.mk-h .ik.ik .ik-r2 .mk-kap { height: var(--ik-rh) !important; }
.mk-h .ik .ik-r2 .mk-kap:not(.is-sik):not(.is-cok-sik):not(.is-en-sik):not(.is-dar) .ik-o--sc > .ik-a { font-size: calc(var(--ik-ub) + var(--ik-ss)) !important; }
.mk-h .ik.ik .ik-r2 .ik-o--sc > .ik-a { font-weight: var(--ik-sw) !important; }
.mk-h .ik.ik .ik-ayrik .ik-o--sc1::before, .mk-h .ik.ik.ayr-iki .ik-ayrik .ik-o--sc ~ .ik-o--sc::before { height: var(--ik-ah); }
.ik-dl { position: relative; display: flex; align-items: center; height: 100%; }
.mk-h .ik-dl__b { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 10px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 4px; background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.ik-dl__b:hover, .ik-dl.is-acik .ik-dl__b { background: rgba(255, 255, 255, 0.12); }
.ik-dl__b > svg:last-child { transition: transform 0.15s; }
.ik-dl.is-acik .ik-dl__b > svg:last-child, .ik-dl:hover .ik-dl__b > svg:last-child { transform: rotate(180deg); }
.ik-dl__m { position: absolute; right: 0px; top: 100%; min-width: 190px; background: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(29, 42, 51, 0.22) 0px 14px 34px; padding: 6px; z-index: 20; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.14s, transform 0.14s, visibility 0.14s; }
.ik-dl:hover .ik-dl__m, .ik-dl.is-acik .ik-dl__m, .ik-dl:focus-within .ik-dl__m { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.mk-h .ik-dl__m a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 4px; color: rgb(29, 42, 51); font-size: 13.5px; font-weight: 500; }
.mk-h .ik-dl__m a:hover { background: rgb(238, 247, 242); color: rgb(0, 127, 77); }
.ik-dl__m i { width: 14px; font-style: normal; color: rgb(0, 127, 77); font-weight: 700; }
.ik-dl__m b { flex: 1 1 0%; font-weight: 600; }
.ik-dl__m small { color: rgb(123, 135, 144); font-weight: 600; font-size: 12px; }
.mk-h .ik-dl__m a.on b { color: rgb(0, 127, 77); }
.ik .ik-r0 .ik-kucuk > a[href^="tel"], .tl-f .ik-r0 .ik-kucuk > a[href^="tel"], .tl-g .ik-r0 .ik-kucuk > a[href^="tel"], .tl-f .ik-r1 .ik-tel { display: none !important; }
.tl-f .ik-r1 .ik-teklif { margin-left: auto; }
.ik-kn { position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 900; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.mk-h ~ .ik-kn a, .ik-kn a { text-decoration: none; }
@media (max-width: 991px){.ik-kn { display: none; }}
.ik-kn__i { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgb(0, 127, 77); transition: background 0.15s; color: rgb(255, 255, 255) !important; }
.ik-kn__i:hover { background: rgb(6, 66, 43); }
.ik-kn__i span { position: absolute; right: 100%; top: 0px; height: 100%; display: flex; align-items: center; padding: 0px 14px; background: rgb(6, 66, 43); color: rgb(255, 255, 255); font: 600 13px / 1 "IBM Plex Sans", Montserrat, sans-serif; white-space: nowrap; opacity: 0; visibility: hidden; transform: translateX(6px); transition: opacity 0.15s, transform 0.15s, visibility 0.15s; pointer-events: none; }
.ik-kn__i:hover span { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.ik-kn__t { display: flex; align-items: center; justify-content: center; width: 44px; padding: 16px 0px; margin-top: 6px; background: rgb(6, 66, 43); font: 700 13px / 1 "IBM Plex Sans", Montserrat, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); color: rgb(255, 255, 255) !important; }
.ik-kn__t:hover { background: rgb(0, 127, 77); }
.ik-kn--3 .ik-kn__t { margin-top: 0px; }
.ik-kn--1 .ik-kn__i:first-child, .ik-kn--2 .ik-kn__i:first-child, .ik-kn--4 .ik-kn__i:first-child { border-radius: 4px 0px 0px; }
.bt-yok .ik-r1 .ik-teklif { display: none !important; }
@media (min-width: 992px){body.kn-wa .buy-now-btn.whatsapp { display: none !important; }}
.ik-kr--k .ik-kn__i { background: rgb(6, 66, 43); }
.ik-kr--k .ik-kn__i:hover, .ik-kr--k .ik-kn__i span { background: rgb(0, 127, 77); }
.ik-kr--k .ik-kn__t { background: rgb(0, 127, 77); }
.ik-kr--k .ik-kn__t:hover { background: rgb(10, 90, 59); }
.ik-kr--s .ik-kn__i { background: rgb(31, 42, 49); }
.ik-kr--s .ik-kn__i:hover, .ik-kr--s .ik-kn__i span { background: rgb(0, 127, 77); }
.ik-kr--s .ik-kn__t { background: rgb(0, 127, 77); }
.ik-kn { filter: drop-shadow(rgba(255, 255, 255, 0.18) -1px 0px 0px); }
.ik-la { position: fixed; left: 22px; bottom: 22px; z-index: 900; display: flex; flex-direction: column; gap: 18px; }
@media (max-width: 991px){.ik-la { display: none; }}
@media (min-width: 992px){body.la-var .buy-now-btn.whatsapp, body.la-var .buy-now { display: none !important; }}
.ik-la__d { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.22) 0px 6px 18px; transition: transform 0.15s; color: rgb(255, 255, 255) !important; }
.ik-la__d:hover { transform: scale(1.06); }
.ik-la__d--tel { background: rgb(0, 127, 77); }
.ik-la__d--wa { background: rgb(37, 211, 102); }
.ik-la__d span { position: absolute; left: 100%; margin-left: 12px; white-space: nowrap; background: rgb(29, 42, 51); color: rgb(255, 255, 255); font: 600 13px / 1 "IBM Plex Sans", Montserrat, sans-serif; padding: 9px 12px; border-radius: 4px; opacity: 0; visibility: hidden; transform: translateX(-6px); transition: opacity 0.15s, transform 0.15s, visibility 0.15s; pointer-events: none; }
.ik-la__d:hover span { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.ik-la--1 .ik-la__d::before, .ik-la--1 .ik-la__d::after { content: ""; position: absolute; inset: -14px; border-radius: 50%; background: currentcolor; opacity: 0; z-index: -1; animation: 2.4s ease-out 0s infinite normal none running ikNabiz; }
.ik-la--1 .ik-la__d--tel::before, .ik-la--1 .ik-la__d--tel::after { background: rgb(0, 127, 77); }
.ik-la--1 .ik-la__d--wa::before, .ik-la--1 .ik-la__d--wa::after { background: rgb(37, 211, 102); }
.ik-la--1 .ik-la__d::after { animation-delay: 1.2s; }
@keyframes ikNabiz { 
  0% { transform: scale(0.75); opacity: 0.45; }
  100% { transform: scale(1.35); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){.ik-la--1 .ik-la__d::before, .ik-la--1 .ik-la__d::after { animation: auto ease 0s 1 normal none running none; opacity: 0.18; transform: none; }}
.mk-h .ik .ik-r0 .ik-telk { display: none !important; }
.ik-sag { margin-left: auto; display: flex; align-items: center; gap: 22px; flex: 0 0 auto; }
@keyframes ikRzGel { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
.ik-sag--hizli { gap: 6px; }
.mk-h .ik-sag--hizli a { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 70px; padding: 6px 8px; border-radius: 6px; color: rgb(29, 42, 51); font-size: 12px; font-weight: 600; white-space: nowrap; }
.ik-sag--hizli a svg { color: rgb(0, 127, 77); }
.mk-h .ik-sag--hizli a:hover { background: rgb(238, 247, 242); color: rgb(0, 127, 77); }
.ik-sag--hizli i { display: flex; font-style: normal; }
.us-sade .ik-r0 .ik-uac { left: auto !important; right: 0px !important; }
.mk-h .us-sade .ik-r0 .ik-sayfalar > .ik-uo:nth-child(2), .mk-h .us-sade .ik-r0 .ik-sayfalar > .ik-uo:nth-child(3) { display: none !important; }
.ik .mk-vit__k small, .ik .mk-vit__bas small, .ik .ik-gi + span small { display: none !important; }
.ik-kn .ik-kn__t, .ik-kr--k .ik-kn__t, .ik-kr--s .ik-kn__t, .ik-kr--b .ik-kn__t { background: rgb(232, 102, 30) !important; }
.ik-kn .ik-kn__t:hover { background: rgb(201, 84, 15) !important; }
.mk-h .ik-dl--sol .ik-dl__b { border: 0px; padding: 0px; height: auto; gap: 8px; font-weight: 500; background: none !important; }
.ik-dl--sol { margin-right: 22px; }
.ik-dl__et { opacity: 0.75; font-weight: 500; }
.ik-dl--sol .ik-dl__b b { font-weight: 700; }
.ik-dl--sol .ik-dl__b > svg:last-child { color: rgb(243, 154, 82); }
.ik-dl--sol .ik-dl__m { left: -8px; right: auto; }
.mk-h .em-yok .ik-r0 .ik-kucuk { display: none !important; }
.dl-sol .ik-r0 .ik-kucuk { margin-right: auto; }
.em-yok .ik-r0 .ik-dl--sol { margin-right: auto; }
.dl-sol:not(.em-yok) .ik-r0 .ik-kucuk { padding-left: 22px; border-left: 1px solid rgba(255, 255, 255, 0.25); }

/* ---- 12. tur ekleri (onizlemede olmayan, gercek sitede gereken) ---- */
/* dokunmatik ekran: ilk dokunus acar (mk-baslik.js) */
.ik-o.is-acik > .ik-ac{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ik-uo.is-acik > .ik-uac{opacity:1;visibility:visible;transition-delay:0s}
.ik-dl.is-acik .ik-dl__m{opacity:1;visibility:visible;transform:none;transition-delay:0s}
/* yapiskanlik: sayfa kayinca yalniz urun satiri ustte kalir (mk-baslik.js yuksekligi olcer) */
@media (min-width:992px){.mk-h.is-ik{top:calc(-1 * var(--ik-ust, 118px))}}
/* Teklif Al sekmesi yesil secilirse */
.ik-kn.ik-kn--tyesil .ik-kn__t{background:#007f4d!important}.ik-kn.ik-kn--tyesil .ik-kn__t:hover{background:#06422b!important}
/* aktif sayfa */
.mk-h .ik-r2 .ik-o.is-aktif > .ik-a{color:#007f4d}
.mk-h .ik-ustnav .ik-uo.is-aktif > a{text-decoration:underline;text-underline-offset:5px}
@media (max-width:991px){.ik-kn,.ik-la{display:none!important}}
@media (prefers-reduced-motion:reduce){.ik-ac,.ik-uac,.ik-dl__m{transition:none!important}}
/* gruplar sigmayinca acilan tek "Urunler" menusu */
.ik-hepsi__ic{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 28px;padding:22px 26px}
.ik-hepsi__g{display:flex;flex-direction:column;gap:6px}
.mk-h .ik-hepsi__g a{color:#1d2a33;font-size:13.5px}.mk-h .ik-hepsi__g a:hover{color:#007f4d}
.mk-h .ik-hepsi__g .ik-hepsi__b{font-weight:700;font-size:14px;padding-bottom:6px;border-bottom:2px solid #007f4d;margin-bottom:2px}

/* acilir menudeki Teklif Al: sag kenardaki sekmeyle ayni turuncu */
.mk-h .mk-yan__btn--turuncu { background: rgb(232, 102, 30); }
.mk-h .mk-yan__btn--turuncu:hover { background: rgb(201, 84, 15); }
/* urun menusu acikken sag kenar ve sol alt dugmeler menunun ustune binmesin */
.ik-kn, .ik-la { transition: opacity .16s, visibility .16s; }
body:has(.ik-r2 .ik-o:hover > .ik-ac, .ik-r2 .ik-o.is-acik > .ik-ac) .ik-kn,
body:has(.ik-r2 .ik-o:hover > .ik-ac, .ik-r2 .ik-o.is-acik > .ik-ac) .ik-la { opacity: 0; visibility: hidden; }
/* 15. tur: alt kategorisi olmayan grup. Sol liste kalkar, urunler fotografli genis kart */
.mk-mega__ic.mk-vit.mk-vit--tek { grid-template-columns: minmax(0, 1fr) 290px; }
.mk-vit--tek .mk-vit__sol { display: none; }
.mk-vit--tek .mk-vit__sag { padding: 26px 32px 28px; }
.mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit--tek .mk-vit__urunler { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 14px; }
.mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit--tek .mk-vit__urunler a { flex-direction: column; align-items: stretch; }
/* 16. tur: fotograf kirpilmaz; her oranda tamami gorunur (ust kural 58px sabitliyordu) */
.mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit--tek .mk-vit__foto { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; background: #f2f4f3; padding: 10px; }
.mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit--tek .mk-vit__foto img { width: 100%; height: 100%; object-fit: contain; }
.mk-vit--tek .mk-vit__yazi { padding: 10px 12px 12px; }
@media (max-width: 1199px) { .mk-mega__ic.mk-vit.mk-vit--tek { grid-template-columns: minmax(0, 1fr) 250px; } .mk-h .acm-4 .ik-r2 .ik-o[data-ig] > .ik-ac .mk-vit--tek .mk-vit__urunler { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; } }
/* 15. tur: arama kutusu oneri listesini kesiyordu (overflow:hidden). Kose yuvarlakligi dugmede */
.mk-h .ik2-3 .ik-r1 .mk-ara { overflow: visible; }
.mk-h .ik2-3 .ik-r1 .mk-ara .mk-ara__dugme { border-radius: 0 4px 4px 0 !important; }
.mk-h .ik2-3 .ik-r1 .mk-ara .mk-oneri { top: calc(100% + 6px); left: -2px; right: -2px; }
/* 16. tur: asagi kayinca ince iki katli serit (logo + arama + hizli erisim + Teklif Al / urun gruplari).
   Serit inceldigi kadar (82 -> 58 = 24 px) alt bosluk eklenir; sayfa icerigi ziplamaz. */
.ik-yteklif { display: none; }
@media (min-width: 992px) {
	.mk-h.is-ik.yp-iki.is-yapisik { margin-bottom: 24px; box-shadow: 0 6px 18px rgba(29,42,51,.12); }
	.mk-h.is-yapisik .yp-iki.ik--z .ik-r1 .mk-kap { height: 58px; }
	.mk-h.is-yapisik .yp-iki .ik-logo img { width: 150px; }
	.mk-h.is-yapisik .yp-iki .ik-r1 .mk-ara { height: 40px; }
	.mk-h.is-yapisik .yp-iki .ik-r1 .mk-ara__dugme { height: 36px; }
	.mk-h.is-yapisik .yp-iki .ik-sag--hizli a { flex-direction: row !important; gap: 6px; }
	.mk-h.is-yapisik .yp-iki .ik-sag--hizli a i svg { width: 18px; height: 18px; }
	.mk-h.is-yapisik .yp-iki .ik-yteklif { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 6px; background: #e8661e; color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; flex: 0 0 auto; }
	.mk-h.is-yapisik .yp-iki .ik-yteklif:hover { background: #c95412; color: #fff; }
	.mk-h.is-yapisik .yp-iki .ik-yteklif--yesil { background: #007f4d; }
	.mk-h.is-yapisik .yp-iki .ik-yteklif--yesil:hover { background: #06422b; }
}
@media (min-width: 992px) and (max-width: 1279px) {
	/* dar ekranda hizli erisim yalniz simge */
	.mk-h.is-yapisik .yp-iki .ik-sag--hizli a span, .mk-h.is-yapisik .yp-iki .ik-sag--hizli a b { display: none; }
}
/* 16. tur: urun sayfasinda asagi kayinca urun gruplari satiri yerine urunun bolum sekmeleri (mk-tasarim.js).
   Gizlenen satirin yuksekligi kadar ek bosluk: sayfa ziplamaz. */
@media (min-width: 992px) {
	.mk-h.is-yapisik .yp-iki.yp-urun .ik-r2 { display: none; }
	.mk-h.is-ik.yp-iki.yp-urun.is-yapisik { margin-bottom: calc(24px + var(--ik-r2-h, 58px)); }
}