﻿/* OdyoV8 - Yalniz modul 2 tarafindan uretilen paket kategorisi */
.op-kategori-izgarasi{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;padding:0!important;list-style:none!important}
.op-kategori-karti{float:none!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;border:1px solid #d8e5ee!important;border-radius:16px!important;padding:0!important;overflow:hidden;background:#fff!important;box-shadow:none!important;text-align:left!important}
.op-kategori-karti article{display:flex;flex-direction:column;height:100%;color:#17384c;font:16px/1.5 Arial,sans-serif}
.op-kart-baslik{padding:25px;background:linear-gradient(120deg,#e8f5fe,#f8fbff);border-bottom:1px solid #d8e5ee}.op-kart-baslik small{letter-spacing:.08em;color:#617b8d;font-size:12px}.op-kart-baslik h2{font-size:24px!important;line-height:1.3!important;margin:12px 0 0!important;height:auto!important}
.op-kategori-karti:nth-child(6n+2) .op-kart-baslik{background:linear-gradient(120deg,#fceef1,#fff9fa)}.op-kategori-karti:nth-child(6n+3) .op-kart-baslik{background:linear-gradient(120deg,#fff1df,#fffbf7)}.op-kategori-karti:nth-child(6n+4) .op-kart-baslik{background:linear-gradient(120deg,#eaf7ee,#f8fdfa)}.op-kategori-karti:nth-child(6n+5) .op-kart-baslik{background:linear-gradient(120deg,#f1eafa,#fcfaff)}.op-kategori-karti:nth-child(6n) .op-kart-baslik{background:linear-gradient(120deg,#edf1f5,#fcfdff)}
.op-kart-bedel{padding:24px 25px 0;color:#087daf;font-size:25px;font-weight:700}.op-kategori-karti p{padding:0 25px;font-size:14px;color:#647c8c;flex:1}.op-kart-incele{display:flex;align-items:center;justify-content:space-between;margin:8px 25px 25px;padding:13px 16px;background:#087daf!important;color:#fff!important;border-radius:9px;font-weight:700;text-decoration:none;font-size:14px}
.op-kategori-donemleri{display:flex;gap:8px;flex-wrap:wrap;clear:both;margin:20px 0}.op-kategori-donemleri button{cursor:pointer;border:1px solid #cddfea;background:#fff;color:#17384c;border-radius:8px;padding:11px 18px;font:600 14px Arial,sans-serif}.op-kategori-donemleri button[aria-pressed=true]{background:#087daf;color:#fff;border-color:#087daf}.op-kategori-karti[hidden]{display:none!important}
@media(max-width:1000px){.op-kategori-izgarasi{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.op-kategori-izgarasi{grid-template-columns:1fr!important}}

/* OdyoV8 - ListView besli gruplari tek kart izgara akisinda birlesir */
.op-kategori-listesi ul:has(>.op-kategori-karti){display:contents!important}

/* OdyoV8 - Izgara yalniz urunleri kapsar; sayfalama alt satirda kalir */
.op-kategori-izgarasi{background:transparent!important}.op-kategori-listesi{width:100%;clear:both}

/* OdyoV8 - Eski tema flex/urun kurallarindan bagimsiz kurumsal katalog */
html body .cdivTumUrunler div.op-kategori-izgarasi,html body #divTumUrunler div.op-kategori-izgarasi{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important}
html body .op-kategori-izgarasi>ul{display:contents!important}
html body .op-kategori-izgarasi .op-kategori-karti{display:block!important;float:none!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;list-style:none!important}
html body .op-kategori-karti *{box-sizing:border-box!important}
html body .op-kategori-karti article{display:flex!important;flex-direction:column!important;min-height:100%;width:100%;height:100%!important}
html body .op-kart-baslik{min-height:196px!important;padding:22px!important;float:none!important}
html body .op-kart-baslik h2{font:700 21px/1.35 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important;max-height:none!important;margin:10px 0 0!important}
html body .op-kart-baslik small{display:block;line-height:1.5;font:12px/1.5 Arial,sans-serif}
html body .op-kart-ikon-kutusu{display:flex;align-items:center;justify-content:flex-start;width:128px;height:60px;margin-bottom:12px;color:#087daf}
html body .op-kart-ikon-kutusu img{display:block!important;width:112px!important;height:48px!important;object-fit:contain!important;object-position:left center!important;max-width:100%!important;border:0!important;float:none!important}
html body .op-kart-ikon-kutusu i{font-size:36px!important;line-height:1!important}
/* OdyoV8 - Bos breadcrumb dis cercevesini de gizle; schema yerinde kalir */
html body:has(form[data-odyo-paket-katalog]) div:has(>#breadcrumb){display:none!important}
html body .op-kart-bedel{font:700 23px/1.4 Arial,sans-serif!important;white-space:normal!important}
html body .op-kategori-karti p{font:14px/1.65 Arial,sans-serif!important;min-height:70px!important}
html body .op-kart-incele{margin-top:auto!important;min-height:46px!important;flex-shrink:0!important}
html body:has(form[data-odyo-paket-katalog]) :is([id$='solhepsi'],.crumbs,[id$='ustaciklama'],[id$='divmobilfiltrem']){display:none!important}
html body:has(form[data-odyo-paket-katalog]) :is(#divTumUrunler,.cdivTumUrunler){width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;clear:both!important}
html body:has(form[data-odyo-paket-katalog]) :is([id$='OdyoAltKategoriTamUst'],[id$='OdyoAltKategoriUst']){display:block!important;width:100%!important;clear:both}
html body .op-kategori-giris h1{font:700 clamp(25px,3vw,36px)/1.3 Arial,sans-serif;color:#17384c;margin:24px 0}
html body:has(form[data-odyo-paket-katalog]) .odyo-alt-kategori-kartlari ul,html body .op-ana-kategoriler{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:12px!important;list-style:none!important;padding:0!important;margin:20px 0 28px!important;width:100%!important}
html body:has(form[data-odyo-paket-katalog]) .odyo-alt-kategori-kartlari li{width:auto!important;margin:0!important;min-width:0!important}
html body:has(form[data-odyo-paket-katalog]) .odyo-alt-kategori-kartlari a,html body .op-ana-kategoriler>a{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 14px!important;min-height:76px!important;background:#edf6fc!important;border:1px solid #dbe8f0!important;border-radius:12px!important;color:#24475d!important;font:600 15px/1.45 Arial,sans-serif!important;text-align:center;text-decoration:none!important;box-sizing:border-box!important;height:100%!important}
html body:has(form[data-odyo-paket-katalog]) .odyo-alt-kategori-kartlari li:nth-child(3n+2)>a,html body .op-ana-kategoriler>a:nth-child(3n+2){background:#f1f7ed!important}html body:has(form[data-odyo-paket-katalog]) .odyo-alt-kategori-kartlari li:nth-child(3n)>a,html body .op-ana-kategoriler>a:nth-child(3n){background:#fff3e7!important}
@media(max-width:1050px){html body .cdivTumUrunler div.op-kategori-izgarasi,html body #divTumUrunler div.op-kategori-izgarasi{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){html body .cdivTumUrunler div.op-kategori-izgarasi,html body #divTumUrunler div.op-kategori-izgarasi{grid-template-columns:1fr!important}html body .op-kart-baslik{min-height:0!important}}

/* OdyoV8 - Esit baslik alani ve panelden secilen yumusak renkler */
/* OdyoV8 - Kategori ust banneri tam genislikte, kendi oraninda */
html body:has(.op-kategori-giris) #imgUstBurada{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;height:auto!important;float:none!important}
html body:has(.op-kategori-giris) #imgUstBurada img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;margin:0!important}
html body .op-kart-baslik{height:290px!important;min-height:290px!important;overflow:auto;flex:none}
html body .op-kategori-karti[data-op-renk=mavi] .op-kart-baslik{background:linear-gradient(120deg,#e8f5fe,#f8fbff)}
html body .op-kategori-karti[data-op-renk=pembe] .op-kart-baslik{background:linear-gradient(120deg,#fceef1,#fff9fa)}
html body .op-kategori-karti[data-op-renk=turuncu] .op-kart-baslik{background:linear-gradient(120deg,#fff1df,#fffbf7)}
html body .op-kategori-karti[data-op-renk=yesil] .op-kart-baslik{background:linear-gradient(120deg,#eaf7ee,#f8fdfa)}
html body .op-kategori-karti[data-op-renk=mor] .op-kart-baslik{background:linear-gradient(120deg,#f1eafa,#fcfaff)}
html body .op-kategori-karti[data-op-renk=gri] .op-kart-baslik{background:linear-gradient(120deg,#edf1f5,#fcfdff)}
html body .op-ana-kategoriler{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body .op-ana-kategoriler>a{flex-direction:column;gap:12px}.op-ana-kategoriler img{width:42px;height:42px;object-fit:contain}
html body .op-kart-incele{margin-bottom:10px!important}.op-kart-satin-al{display:block;margin:0 25px 24px;padding:13px 16px;border:1px solid #087daf;border-radius:9px;background:#fff;color:#087daf;font:700 15px Arial;cursor:pointer;text-align:center;text-decoration:none}
@media(max-width:700px){html body .op-ana-kategoriler{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){html body .op-kart-baslik{height:auto!important;min-height:0!important;overflow:visible}}

/* OdyoV8 - Tema donusumunden sonra bannerin ic kapsayicisi da tam genislik */
html body:has(.op-kategori-giris) #divimgs{width:100%!important;max-width:100%!important;margin:0!important;float:none!important}
html body:has(.op-kategori-giris) #divimgs>img{width:100%!important;max-width:100%!important;height:auto!important;display:block!important;object-fit:contain!important}

/* OdyoV8 - Sekiz farkli yumusak renk, secili kategori ve turuncu satin alma */
html body .op-ana-kategoriler>a:nth-child(8n+1){background:#edf6fc!important}
html body .op-ana-kategoriler>a:nth-child(8n+2){background:#f0f7ed!important}
html body .op-ana-kategoriler>a:nth-child(8n+3){background:#fff3e7!important}
html body .op-ana-kategoriler>a:nth-child(8n+4){background:#f1edfb!important}
html body .op-ana-kategoriler>a:nth-child(8n+5){background:#fceef2!important}
html body .op-ana-kategoriler>a:nth-child(8n+6){background:#eaf7f5!important}
html body .op-ana-kategoriler>a:nth-child(8n+7){background:#fff9e4!important}
html body .op-ana-kategoriler>a:nth-child(8n){background:#edf0f6!important}
html body .op-ana-kategoriler>a[aria-current=page]{background:#173e5b!important;color:#fff!important;border-color:#173e5b!important;box-shadow:0 6px 17px rgba(23,62,91,.22)!important}
html body .op-ana-kategoriler>a[aria-current=page] img{filter:brightness(0) invert(1)}
html body .op-ana-kategoriler>a:focus-visible{outline:3px solid #f7941d;outline-offset:3px}
html body .op-kart-satin-al{background:#f7941d!important;border-color:#f7941d!important;color:#fff!important}
html body .op-kart-satin-al:hover{background:#dc7c0d!important;border-color:#dc7c0d!important}
.op-kart-yildizlari{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;color:#24475d!important;font:14px/1.5 Arial;text-decoration:none}
.op-yorum-yildiz{color:#f59b00;letter-spacing:2px;font-size:20px;white-space:nowrap}

/* OdyoV8 - Semantik H2 bolum basliklari eski H3 gorunumunu korur. */
/* OdyoV8 - Eklenen veya guncellenen tasarim kodu */
.of-footer{clear:both;width:100%;box-sizing:border-box;background:var(--of-bg,#f4f7fa);color:var(--of-fg,#203647);padding:var(--of-pad,48px) 28px;font:inherit;line-height:1.7;text-align:left;border-top:1px solid #8899aa33}
.of-footer *{box-sizing:border-box}.of-footer .of-inner{max-width:1320px;margin:auto}.of-footer .of-intro{border-bottom:1px solid #8899aa44;padding-bottom:26px;margin-bottom:32px}.of-footer h2:not(:where(.of-section-heading)){font-size:clamp(24px,2.4vw,34px);font-weight:650;line-height:1.25;margin:0 0 12px;color:inherit}.of-footer p{margin:0;white-space:normal;overflow-wrap:anywhere}.of-footer .of-intro p:empty{display:none}
.of-footer .of-grid{display:grid;grid-template-columns:repeat(var(--of-cols,4),minmax(0,1fr));gap:32px}.of-footer :is(h3,:where(h2.of-section-heading)),.of-footer summary{font-size:17px;font-weight:700;line-height:1.5;color:inherit;margin:0 0 18px}.of-footer ul{padding:0;margin:0;list-style:none}.of-footer li{padding:0;margin:0 0 10px;float:none;width:auto;height:auto}.of-footer a{color:inherit;text-decoration:none;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.of-footer a:hover,.of-footer a:focus-visible{color:var(--of-accent,#087bb5);text-decoration:underline}.of-footer a:focus-visible,.of-footer summary:focus-visible{outline:2px solid var(--of-accent);outline-offset:4px}.of-footer .of-section-body>p{font-size:14px;margin-bottom:14px}.of-mobile{padding:min(var(--of-pad,24px),32px) 20px}.of-mobile .of-intro{padding-bottom:18px;margin-bottom:8px}.of-mobile h2:not(:where(.of-section-heading)){font-size:24px}.of-mobile .of-grid{grid-template-columns:1fr;gap:0}.of-mobile .of-section{border-bottom:1px solid #8899aa33;padding:16px 0}.of-mobile summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;margin:0;min-height:30px}.of-mobile summary::-webkit-details-marker{display:none}.of-mobile summary:after{content:'+';font-size:22px;font-weight:400}.of-mobile details[open]>summary:after{content:'−'}.of-mobile details .of-section-body{padding-top:15px}.of-mobile a{display:inline-block;padding:4px 0}.of-mobile li{margin-bottom:4px}
@media(max-width:1024px){.of-desktop .of-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.of-desktop .of-grid{grid-template-columns:1fr}.of-footer{padding-left:18px;padding-right:18px}}

.of-layout{clear:both;width:100%;color:var(--of-fg,#203647)}.of-block{clear:both;display:flow-root;width:100%}.of-extra{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:24px;background:var(--of-bg,#f4f7fa);color:var(--of-fg,#203647);font:inherit}.of-extra :is(h3,:where(h2.of-section-heading)){font-size:18px;margin:0 0 14px}.of-extra a{color:var(--of-accent,#087bb5)}.of-code{display:block;border:0;width:100%;max-width:100%;background:transparent}.of-etbis .of-code{max-width:260px}.of-social{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.of-social a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border-radius:10px;padding:10px;text-decoration:none}.of-social-name{font:13px Arial}.of-layout-mobile .of-extra{padding:18px}.of-layout-mobile .of-social{gap:8px}

.of-social-managed .of-block-content .classsosyal{display:none!important}

.of-credit{clear:both;background:var(--of-bg);color:var(--of-fg);padding:12px 24px;border-top:1px solid #8899aa33;overflow:hidden;text-align:right}.of-credit>div{width:100%!important;float:none!important;height:auto!important;margin:0!important;background:transparent!important;color:inherit!important;line-height:1.6!important;text-align:right!important}.of-credit p{padding:0!important;margin:0!important;width:auto!important;float:none!important;color:inherit!important;text-align:right!important;line-height:1.6!important}.of-credit a{color:inherit!important}.of-credit img{margin-top:0!important;vertical-align:middle}

.of-payment{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.of-payment>span{display:flex;flex-direction:column;align-items:center;gap:4px}.of-payment .fa{font-size:34px;line-height:1}.of-payment-label{font-size:11px;line-height:1.4}
/* OdyoV8 - Guvenlik simgesi harici ikon fontu eksik olsa da gorunur. */
.of-payment [data-odyo-simge="line:shield"]{display:block;width:34px;height:34px;color:inherit;fill:none;stroke:currentColor}

.of-footer :is(h3,:where(h2.of-section-heading)),.of-footer summary,.of-footer .of-intro h2:not(:where(.of-section-heading)){font-size:var(--of-heading-size,18px);font-weight:var(--of-heading-weight,700);text-transform:var(--of-heading-case,none)}.of-footer a,.of-footer p{font-size:var(--of-body-size,14px);font-weight:var(--of-body-weight,400);text-transform:var(--of-body-case,none)}.of-large.of-desktop .of-inner{display:grid;grid-template-columns:repeat(var(--of-cols,4),minmax(0,1fr));gap:64px 36px;max-width:1440px}.of-large.of-desktop .of-grid{display:contents}.of-large .of-intro{margin:0;padding:0;border:0}.of-large .of-intro h2:not(:where(.of-section-heading)){margin:0 0 24px}.of-large :is(h3,:where(h2.of-section-heading)){margin-bottom:28px}.of-large p,.of-large a{line-height:1.8}.of-brand-logo{display:block;width:auto;max-width:100%;max-height:100px;object-fit:contain;margin-bottom:24px}.of-large.of-desktop{padding-top:max(var(--of-pad),48px);padding-bottom:max(var(--of-pad),48px)}@media(max-width:1024px){.of-large.of-desktop .of-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}@media(max-width:600px){.of-large.of-desktop .of-inner{grid-template-columns:1fr}}.of-large.of-mobile .of-intro{padding-bottom:24px}

/* l9: scope every adjustment to the generated footer. Preserve hidden credit controls. */
.of-layout-modern{background:var(--of-bg);margin:0;padding:0;display:flow-root}
.of-layout-modern .of-block{background:var(--of-bg)}
.of-top-extras{max-width:1440px;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:32px;align-items:start;box-sizing:border-box}
.of-top-extras .of-block-html{grid-column:1}.of-top-extras .of-block-etbis{grid-column:2;text-align:right}.of-top-extras .of-extra{padding:0}.of-top-extras .of-etbis .of-code{margin-left:auto}
.of-social-icons .of-social-name{display:none}.of-social-icons a{border-radius:50%;padding:10px}
.of-credit,.of-credit>div,.of-credit p{text-align:center!important}.of-credit{margin:0!important;box-sizing:border-box;width:100%}.of-credit>div{padding:0!important}.of-credit p{max-width:100%;overflow-wrap:anywhere}
.of-footer .of-services{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 0 28px;margin:0 0 32px;border-bottom:1px solid #8899aa33}
.of-services>div{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}.of-services .fa{font-size:30px;color:var(--of-accent)}.of-services span{font-size:var(--of-body-size,14px);font-weight:600;overflow-wrap:anywhere}
.of-large.of-desktop .of-inner{display:grid}.of-large.of-desktop .of-grid{display:contents}.of-large.of-desktop .of-services{order:-1;margin-bottom:0}.of-large .of-intro:not(:empty){margin-bottom:32px}.of-intro h2:empty{display:none}
@media(max-width:700px){.of-top-extras{grid-template-columns:minmax(0,1fr);padding:20px}.of-top-extras .of-block-etbis{grid-column:1;text-align:left}.of-top-extras .of-etbis .of-code{margin-left:0}.of-footer .of-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.of-services>div{flex-direction:column;text-align:center;gap:8px}.of-credit{padding:12px 16px}}

/* Per-box settings are opt-in; old profiles retain their spacing. */
.of-box{box-sizing:border-box;min-width:0;text-align:var(--fb-align,inherit);overflow-wrap:anywhere}
.of-box.of-section summary{justify-content:var(--fb-justify,space-between);gap:12px}
.of-box .of-social,.of-box.of-payment,.of-services>.of-box{justify-content:var(--fb-justify,center)}
.of-box .of-social{justify-content:var(--fb-justify,flex-start)}
.of-services>.of-box .fa{font-size:var(--fb-icon-size,30px);color:var(--fb-icon-color,var(--of-accent))}
.of-box .of-brand-logo{margin-left:auto;margin-right:auto}.of-box[style*="--fb-align:left"] .of-brand-logo{margin-left:0}.of-box[style*="--fb-align:right"] .of-brand-logo{margin-right:0}
.of-layout-modern,.of-layout-modern .of-block,.of-credit{margin-bottom:0;vertical-align:bottom}
.of-credit{display:flow-root}

.of-bottom-extras{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:24px;align-items:center}.of-bottom-extras>.of-extra{width:auto;max-width:100%;margin:0;min-width:0}.of-bottom-extras>.of-payment{justify-content:var(--fb-justify,flex-end)}
@media(max-width:800px){.of-bottom-extras{grid-template-columns:minmax(0,1fr);gap:0}.of-bottom-extras>.of-payment{justify-content:var(--fb-justify,center)}}

.of-newsletter-entry{display:flex;gap:8px;max-width:620px;margin:18px 0}.of-newsletter-entry input{min-width:0;flex:1;padding:14px;border:1px solid #8899aa66;border-radius:8px;font:inherit}.of-newsletter-entry button{border:0;border-radius:8px;padding:12px 22px;background:var(--of-accent,#087bb5);color:white;cursor:pointer;font:inherit}.of-newsletter .of-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px}.of-newsletter .of-consent input{width:auto;flex:none}.of-newsletter .of-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.of-newsletter [role=status]{margin-top:12px}.of-bottom-image{display:block;max-width:100%;height:auto;margin:auto}.of-bottom-html{width:100%}.of-newsletter-entry{justify-content:var(--fb-justify,flex-start)}.of-newsletter[style*="--fb-align:center"] .of-newsletter-entry{margin-left:auto;margin-right:auto}.of-newsletter[style*="--fb-align:right"] .of-newsletter-entry{margin-left:auto}

/* All l11 selectors are restricted to footer-owned elements. */
.of-unified{margin:0;display:flow-root}.of-unified .of-inner{display:block;max-width:1440px}.of-unified .of-zone{display:grid;grid-template-columns:repeat(var(--of-zone-cols),minmax(0,1fr));gap:28px;margin-bottom:32px}.of-unified .of-zone:last-child{margin-bottom:0}.of-unified .of-slot{min-width:0}.of-unified .of-slot>.of-extra{max-width:100%;width:auto;padding:0;background:transparent}.of-unified .of-section{width:auto}.of-unified .of-services{margin:0;padding:24px;border-radius:12px;background:transparent}.of-unified .of-services .of-box{background:transparent}.of-unified .of-slot .of-payment{justify-content:var(--fb-justify,flex-end)}.of-unified .of-zone-band{align-items:center}.of-unified .of-section :is(h3,:where(h2.of-section-heading)){overflow-wrap:anywhere}.of-standard .of-section :is(h3,:where(h2.of-section-heading)){text-transform:uppercase}
.of-credit-row{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px}.of-credit-row nav{display:flex;flex-wrap:wrap;gap:20px;flex:1;text-align:left}.of-credit-row nav a{text-decoration:none}.of-credit-row>.of-credit-brand{width:auto!important;flex:0 1 auto;text-align:right!important}.of-credit-row .of-credit-brand p{text-align:right!important}.of-credit-row .of-credit-brand>div{float:none!important;width:auto!important;background:transparent!important;color:inherit!important;height:auto!important;margin:0!important}.of-credit-row .of-credit-brand p{padding:0!important;margin:0!important;float:none!important}
@media(max-width:1024px){.of-unified .of-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.of-unified .of-zone-strip,.of-unified .of-zone-tail{grid-template-columns:1fr}}@media(max-width:600px){.of-unified .of-zone{grid-template-columns:1fr}.of-credit-row{flex-direction:column;align-items:stretch}.of-credit-row>.of-credit-brand,.of-credit-row .of-credit-brand p{text-align:center!important}.of-credit-row nav{justify-content:center}.of-unified .of-slot .of-payment{justify-content:var(--fb-justify,center)}}

/* l12: centered content and compact subscription, scoped to new footer. */
.of-unified .of-inner{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.of-unified .of-zone-band{align-items:start;gap:32px}
.of-unified .of-zone-band .of-payment{justify-content:var(--fb-justify,center);flex-wrap:wrap;gap:16px}
.of-unified .of-newsletter :is(h3,:where(h2.of-section-heading)){margin-top:0;margin-bottom:12px}
.of-unified .of-newsletter p{font-size:14px;line-height:1.6}
.of-unified .of-newsletter-entry{width:100%;box-sizing:border-box;gap:0;border:1px solid #8899aa55;border-radius:10px;overflow:hidden;background:#fff;margin:14px 0 10px}
.of-unified .of-newsletter-entry input{width:0;min-width:0;border:0;border-radius:0;padding:13px 12px;color:#203647;background:transparent;font-size:14px}
.of-unified .of-newsletter-entry button{flex:none;white-space:nowrap;border-radius:0;padding:12px 15px;font-size:14px;font-weight:600}
.of-unified .of-newsletter .of-consent{display:flex;width:100%;box-sizing:border-box;clear:both;align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:left}
.of-unified .of-newsletter .of-consent input{width:13px;height:13px;min-width:13px;margin:2px 0 0;padding:0;flex:0 0 13px}
@media(max-width:600px){.of-unified .of-inner{padding-left:20px;padding-right:20px}.of-unified .of-zone-band{gap:28px}}

/* Reserve disabled/missing band slots on desktop; remove empty gaps on mobile. */
@media(max-width:600px){.of-unified .of-zone-band>.of-slot:empty{display:none}}

/* Social links retain their configured color and lighten gently on hover. */
.of-layout .of-social a,.of-footer .of-social a{ text-decoration:none!important;transition:opacity .18s ease; }
.of-layout .of-social a:hover,.of-layout .of-social a:focus-visible,
.of-footer .of-social a:hover,.of-footer .of-social a:focus-visible{color:inherit;text-decoration:none!important;opacity:.78;}
.of-layout .of-social a *,.of-footer .of-social a *{text-decoration:none!important;}
@media(prefers-reduced-motion:reduce){.of-layout .of-social a,.of-footer .of-social a{transition:none;}}

/* Presentation variants share the same content, visibility and link sources. */
.of-footer.of-design-fashion{background:var(--of-bg,#f6f5f1)!important;color:var(--of-fg,#313a36)!important;border-top:1px solid #e4e5df;padding-top:48px!important}
.of-footer.of-design-fashion .of-zone-upper{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.of-footer.of-design-fashion [data-footer-block=intro]{grid-column:span 2}
.of-footer:not(.of-design-default) [data-footer-block=intro]{order:-1}
.of-footer.of-design-fashion h2:not(:where(.of-section-heading)){font-size:32px!important;font-weight:400!important;letter-spacing:.2em}
.of-footer.of-design-fashion :is(h3,:where(h2.of-section-heading)){font-weight:400!important;letter-spacing:.14em;text-transform:uppercase;font-size:13px!important}
.of-footer.of-design-fashion .of-zone-band{border-top:1px solid #ddded6;padding-top:28px}
.of-footer.of-design-corporate{background:var(--of-bg,#edf2f6)!important;color:var(--of-fg,#253c50)!important}
.of-footer.of-design-corporate .of-inner{display:grid;grid-template-columns:1fr 3fr;gap:30px}
.of-footer.of-design-corporate .of-zone{grid-column:2}
.of-footer.of-design-corporate .of-zone-strip{grid-column:1;grid-row:1 / span 4;border-right:1px solid #b9c9d5;padding-right:24px}
.of-footer.of-design-corporate .of-services{display:grid;grid-template-columns:1fr!important;gap:24px}
.of-footer.of-design-corporate :is(h3,:where(h2.of-section-heading)){border-bottom:2px solid #8cabbf;padding-bottom:12px}
.of-footer.of-design-tech{background:var(--of-bg,#152129)!important;color:var(--of-fg,#eef4f7)!important;border-top:4px solid #51c0cf}
.of-footer.of-design-tech h2,.of-footer.of-design-tech :is(h3,:where(h2.of-section-heading)),.of-footer.of-design-tech a,.of-footer.of-design-tech p{color:inherit}
.of-footer.of-design-tech .of-zone-strip{background:#233640;padding:22px;border:1px solid #34505c}
.of-footer.of-design-tech .of-zone-upper{gap:12px}
.of-footer.of-design-tech .of-zone-upper>.of-slot{padding:22px;border-left:1px solid #34505c}
.of-footer.of-design-tech .of-zone-band{background:#0c171e;padding:24px}
.of-footer.of-design-natural{background:var(--of-bg,#edf1e7)!important;color:var(--of-fg,#3f503e)!important;border-radius:36px 36px 0 0}
.of-footer.of-design-natural .of-zone-upper{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.of-footer.of-design-natural [data-footer-block=intro]{grid-column:1 / -1;text-align:center;padding-bottom:24px}
.of-footer.of-design-natural .of-zone-upper>.of-slot:not([data-footer-block=intro]){background:#f9faf5;border-radius:18px;padding:24px}
.of-footer.of-design-natural h2:not(:where(.of-section-heading)){font-family:Georgia,serif;font-size:34px!important;font-weight:400!important}
.of-footer.of-design-atelier{background:var(--of-bg,#f3e9dc)!important;color:var(--of-fg,#3f3028)!important;border-top:1px solid #c5b5a1}
.of-footer.of-design-atelier .of-zone-upper{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}
.of-footer.of-design-atelier [data-footer-block=intro]{grid-column:1 / -1;border-bottom:1px solid #bcaa94;margin-bottom:26px;padding-bottom:26px}
.of-footer.of-design-atelier h2:not(:where(.of-section-heading)){font-family:Georgia,serif;font-size:clamp(28px,4vw,52px)!important;font-weight:400!important}
.of-footer.of-design-atelier .of-section{padding:22px 0;border-bottom:1px solid #d8c9b7}
.of-footer.of-design-atelier .of-zone-band{grid-template-columns:1fr!important;gap:24px}
@media(max-width:700px){.of-footer.of-design-fashion .of-zone-upper,.of-footer.of-design-natural .of-zone-upper,.of-footer.of-design-atelier .of-zone-upper{grid-template-columns:1fr!important}.of-footer.of-design-fashion [data-footer-block=intro]{grid-column:1!important}.of-footer.of-design-corporate .of-inner{display:block}.of-footer.of-design-corporate .of-zone-strip{border-right:0;border-bottom:1px solid #b9c9d5;padding:0 0 24px}.of-footer.of-design-tech .of-zone-upper>.of-slot{border-left:0;border-bottom:1px solid #34505c}}

.of-footer.of-design-corporate:not(:has(.of-zone-strip)) .of-inner{display:block}

/* The brand block follows the same placement, visibility and alignment controls. */
.of-footer .of-brand-block .of-brand-logo{display:block!important;width:var(--of-logo-width,200px)!important;max-width:100%!important;height:auto!important;max-height:var(--of-logo-height,100px)!important;object-fit:contain;margin:0 0 18px;object-position:left center}
.of-footer .of-brand-block h2:not(:where(.of-section-heading)){font-size:var(--of-brand-title-size,var(--of-heading-size,18px))!important;color:var(--of-brand-title-color,inherit)!important}
.of-footer .of-brand-block p{font-size:var(--of-brand-text-size,var(--of-body-size,14px))!important;color:var(--of-brand-text-color,inherit)!important;white-space:pre-line;line-height:1.7}
.of-footer.of-design-fashion .of-brand-block{--of-heading-size:32px}
.of-footer.of-design-natural .of-brand-block{--of-heading-size:34px}
.of-footer.of-design-atelier .of-brand-block{--of-heading-size:48px}
.of-brand-controls{border:1px solid #d4e2ed;border-radius:10px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.of-brand-controls p{grid-column:1 / -1}

.of-footer.of-has-brand .of-zone-upper>[data-footer-block=intro]{grid-column:auto!important;order:-1;text-align:left!important}
.of-footer.of-has-brand .of-brand-block{text-align:left!important;--fb-align:left;--fb-justify:flex-start}
.of-footer.of-has-brand.of-design-corporate .of-zone-strip{grid-column:1 / -1;grid-row:auto;border-right:0}
.of-footer.of-has-brand.of-design-corporate .of-zone{grid-column:1 / -1}

/* OdyoV8 - Iletisim dugmesi ile metin ayni sol hizada. */
.of-contact>a:last-child{display:inline-flex;justify-content:center;align-items:center;float:none!important;margin-left:0!important;margin-right:auto!important;align-self:flex-start;text-align:left}.of-contact{text-align:left}

/* OdyoV8 - Mevcut mobil/masaustu gecisi yeni alt alanda da korunur. */
.of-footer .of-view-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:16px auto;padding:12px;clear:both;line-height:1.5;font-size:14px}
.of-footer .of-view-switch>a{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:auto!important;min-height:44px;padding:6px 14px!important;border:1px solid currentColor!important;border-radius:8px;color:inherit!important;background:transparent!important;box-sizing:border-box;text-decoration:none}

/* OdyoV8 - Kategori ve sayfalarda ilk alti baglanti, kalani dogal acilir liste. */
.of-footer .of-link-overflow{padding:0;margin:0;border:0;min-width:0}
.of-footer .of-link-overflow>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;width:fit-content;max-width:100%;padding:4px 0;margin:0;cursor:pointer;list-style:none;color:inherit;font-size:var(--of-body-size,14px);font-weight:600;line-height:1.6;text-transform:none}
.of-footer .of-link-overflow>summary::-webkit-details-marker{display:none}
.of-footer .of-link-overflow>summary::after{content:'';display:block;flex:0 0 7px;width:7px;height:7px;margin:0 3px 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.of-footer .of-link-overflow[open]>summary::after{transform:rotate(225deg);margin-top:5px;margin-bottom:0}
.of-footer .of-link-overflow>summary>.of-link-hide,.of-footer .of-link-overflow[open]>summary>.of-link-show{display:none}
.of-footer .of-link-overflow[open]>summary>.of-link-hide{display:inline}
.of-footer .of-link-overflow>ul{padding-top:8px}

/* OdyoV8 - Yerlesim sablonu kartela ve kayitli footer renklerini ezmez. */
.of-footer.of-design-tech :is(.of-zone-strip,.of-zone-band),.of-footer.of-design-natural .of-zone-upper>.of-slot:not([data-footer-block=intro]){background:color-mix(in srgb,var(--of-bg) 94%,var(--of-fg))}

/* OdyoV8 - Bulten dugmesinin metni secilen vurgu rengine gore okunur. */
.of-footer .of-newsletter-entry button{color:var(--of-accent-yazi,#fff)!important}

/* OdyoV8 - Genel menu h2 kurali footer basliklarinin kayitli rengini ezmez.
   Sabit beyaz yerine bolumun/kutunun kendi rengi miras alinir. */
html body .of-footer h2.of-section-heading,
html body .of-layout .of-extra h2.of-section-heading{color:inherit!important}

/* OdyoV8 - Alt alan kutulari ortak footer arka planini kullanir. */
html body .of-footer .of-slot :is(.of-section,.of-extra,.of-box,.of-payment){background-color:transparent!important;background-image:none!important}
