/* Özdoğan Reklam v12 — reliable, accessible mega navigation.
   Loaded AFTER v11; deliberately scoped to the header. No admin/quote changes. */
.site-header{position:sticky!important;top:0!important;overflow:visible!important;z-index:120!important}
.site-header .header-inner,.site-header .desktop-nav{overflow:visible!important}
.site-header .desktop-nav .oz12-nav-dropdown{position:static!important;overflow:visible!important;align-self:stretch}
.site-header .desktop-nav .oz12-products-trigger{height:100%;gap:9px!important;cursor:pointer}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open>.oz12-products-trigger{background:#fff!important;color:#a71939!important;box-shadow:0 4px 15px #32162212,inset 0 0 0 1px #efcad4}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open .chevron{transform:rotate(180deg)}
/* Old v1 hover/focus rules must never reopen or prematurely close this panel. */
.site-header .desktop-nav .oz12-nav-dropdown .oz12-products-panel,
.site-header .desktop-nav .oz12-nav-dropdown:hover .oz12-products-panel,
.site-header .desktop-nav .oz12-nav-dropdown:focus-within .oz12-products-panel{display:none!important}
.site-header .desktop-nav .oz12-nav-dropdown .oz12-products-panel[hidden]{display:none!important}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open>.oz12-products-panel:not([hidden]){
  display:grid!important;position:absolute!important;left:50%!important;top:calc(100% - 1px)!important;
  transform:translateX(-50%)!important;grid-template-columns:minmax(210px,270px) minmax(0,1fr)!important;
  width:min(1090px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;
  max-height:min(72dvh,540px)!important;padding:14px!important;gap:19px!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  border:1px solid #e9dfe4!important;border-top:2px solid #b51d3a!important;
  border-radius:0 0 22px 22px!important;background:#fff!important;
  box-shadow:0 30px 70px #1e101f2e!important;z-index:160!important;
  align-items:start;box-sizing:border-box;
}
.site-header .oz12-products-panel .dropdown-intro{min-height:260px;position:sticky;top:0;align-self:start;padding:30px 25px!important;display:flex;flex-direction:column;gap:8px}
.site-header .oz12-products-panel .dropdown-intro p{margin:8px 0 16px!important}
.site-header .oz12-products-panel .oz12-intro-foot{font-size:11px;line-height:1.5;color:#ffd5df!important;margin-top:auto}
.site-header .oz12-categories-area{min-width:0;padding:5px 5px 6px 0}
.site-header .oz12-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid #eee8eb;padding:6px 2px 18px;margin-bottom:12px}
.site-header .oz12-panel-heading>div{display:flex;flex-direction:column;gap:4px}
.site-header .oz12-panel-heading small{font-size:10px;letter-spacing:.15em;font-weight:850;color:#b52242}
.site-header .oz12-panel-heading strong{font-size:20px;font-weight:850;line-height:1.2;letter-spacing:-.035em;color:#232630}
.site-header .oz12-panel-heading>a{color:#ab1d3c!important;font-weight:800;font-size:12px;white-space:nowrap}
.site-header .oz12-panel-heading>a:hover{color:#701326!important;text-decoration:underline}
.site-header .oz12-products-panel .dropdown-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;min-width:0}
.site-header .oz12-products-panel .dropdown-links a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:51px;border:1px solid #ede9ec;border-radius:12px;background:#fbfafb;color:#272b34!important;font-size:12px!important;font-weight:750;line-height:1.4;padding:11px 14px!important;white-space:normal;min-width:0;transition:background .15s,border-color .15s,transform .15s}
.site-header .oz12-products-panel .dropdown-links a:before{display:none!important}
.site-header .oz12-products-panel .dropdown-links a:hover,.site-header .oz12-products-panel .dropdown-links a:focus-visible{background:#fff0f4!important;border-color:#ecc2ce!important;color:#8c1631!important;transform:translateY(-1px)}
.site-header .oz12-products-panel .dropdown-links a>span:first-child{min-width:0}
.site-header .oz12-link-arrow{font-size:17px;color:#bd8696;flex-shrink:0}
.site-header .oz12-products-panel .dropdown-links a:hover .oz12-link-arrow{color:#a71939}
.site-header .oz12-products-trigger:focus-visible,.site-header .oz12-products-panel a:focus-visible,.site-header .oz12-mobile-products-trigger:focus-visible{outline:3px solid #d24969!important;outline-offset:2px}

/* Mobile accordion: collapsed by default, opens by tap, scrolls inside menu. */
.site-header .oz12-mobile-categories[hidden]{display:none!important}
.site-header .oz12-mobile-group{border-bottom:1px solid #f1edf0}
.site-header .oz12-mobile-products-trigger{font:750 13px/1.4 'Manrope',Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;padding:13px 12px!important;background:#fff!important;color:#2a2d36!important;border:0;border-radius:9px;text-align:left;cursor:pointer}
.site-header .oz12-mobile-products-trigger:hover,.site-header .oz12-mobile-products-trigger[aria-expanded=true]{background:#fff3f5!important;color:#a71939!important}
.site-header .oz12-mobile-products-trigger span{font-size:19px;transition:transform .2s}
.site-header .oz12-mobile-products-trigger[aria-expanded=true] span{transform:rotate(180deg)}
.site-header .oz12-mobile-categories{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:min(48dvh,380px);overflow:auto;overscroll-behavior:contain;padding:10px 4px 15px;background:#fff}
.site-header .mobile-nav .oz12-mobile-categories a{display:flex!important;align-items:center;padding:11px 12px!important;min-height:43px;background:#f9f8f9!important;border:1px solid #f0ecee!important;border-radius:10px;font-size:12px!important;font-weight:650;color:#373943!important;text-decoration:none;line-height:1.35}
.site-header .mobile-nav .oz12-mobile-categories a:hover,.site-header .mobile-nav .oz12-mobile-categories a:focus-visible{background:#fff0f4!important;color:#9f1b37!important;border-color:#eed0d7!important}
.site-header .mobile-nav .oz12-mobile-categories .oz12-mobile-all{grid-column:1/-1;display:flex;justify-content:space-between;background:#b51d3a!important;color:#fff!important;font-weight:800}
.site-header .mobile-nav .oz12-mobile-categories .oz12-mobile-all:hover,.site-header .mobile-nav .oz12-mobile-categories .oz12-mobile-all:focus-visible{background:#8d1833!important;color:#fff!important}
@media(max-width:1250px) and (min-width:1151px){.site-header .oz12-products-panel .dropdown-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.site-header .desktop-nav .oz12-nav-dropdown .oz12-products-panel{display:none!important}}
@media(max-width:420px){.site-header .oz12-mobile-categories{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-header .oz12-products-panel .dropdown-links a,.site-header .oz12-mobile-products-trigger span{transition:none!important}}


/* v12.1 — premium category toggle: tiled-grid closed, elegant close mark open.
   Pure CSS override; deliberately leaves the v12 JS and all PHP untouched. */
.site-header .desktop-nav .oz12-products-trigger .chevron,
.site-header .oz12-mobile-products-trigger > span[aria-hidden="true"] {
  position:relative;
  display:inline-flex;
  flex:0 0 29px;
  align-items:center;
  justify-content:center;
  width:29px;
  height:29px;
  min-width:29px;
  box-sizing:border-box;
  border:1px solid #eadce1;
  border-radius:10px;
  background:#fff;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  overflow:hidden;
  transform:none!important;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.site-header .desktop-nav .oz12-products-trigger .chevron::before,
.site-header .oz12-mobile-products-trigger > span[aria-hidden="true"]::before {
  content:"";
  position:absolute;
  top:9px;
  left:9px;
  width:4px;
  height:4px;
  border-radius:1.1px;
  background:#a71d3c;
  box-shadow:7px 0 #a71d3c,0 7px #a71d3c,7px 7px #a71d3c;
  opacity:1;
  transform:scale(1) rotate(0deg);
  transition:opacity .18s ease,transform .24s ease;
}
.site-header .desktop-nav .oz12-products-trigger .chevron::after,
.site-header .oz12-mobile-products-trigger > span[aria-hidden="true"]::after {
  content:"";
  position:absolute;
  inset:6px;
  border-radius:2px;
  background:
    linear-gradient(45deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(-45deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px));
  opacity:0;
  transform:scale(.6) rotate(-30deg);
  transition:opacity .2s ease,transform .22s ease;
}
.site-header .desktop-nav .oz12-products-trigger:hover .chevron,
.site-header .oz12-mobile-products-trigger:hover > span[aria-hidden="true"]{
  border-color:#dbb8c3;
  background:#fff3f6;
}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open > .oz12-products-trigger .chevron,
.site-header .oz12-mobile-products-trigger[aria-expanded="true"] > span[aria-hidden="true"]{
  background:#a91e3e!important;
  border-color:#a91e3e!important;
  color:transparent!important;
  box-shadow:0 5px 12px rgba(169,30,62,.15);
  transform:none!important;
}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open > .oz12-products-trigger .chevron::before,
.site-header .oz12-mobile-products-trigger[aria-expanded="true"] > span[aria-hidden="true"]::before{
  opacity:0;
  transform:scale(.55) rotate(45deg);
}
.site-header .desktop-nav .oz12-nav-dropdown.oz12-open > .oz12-products-trigger .chevron::after,
.site-header .oz12-mobile-products-trigger[aria-expanded="true"] > span[aria-hidden="true"]::after{
  opacity:1;
  transform:scale(1) rotate(0deg);
}
@media(prefers-reduced-motion:reduce){
  .site-header .desktop-nav .oz12-products-trigger .chevron,
  .site-header .oz12-mobile-products-trigger > span[aria-hidden="true"],
  .site-header .desktop-nav .oz12-products-trigger .chevron::before,
  .site-header .desktop-nav .oz12-products-trigger .chevron::after,
  .site-header .oz12-mobile-products-trigger > span[aria-hidden="true"]::before,
  .site-header .oz12-mobile-products-trigger > span[aria-hidden="true"]::after{
    transition:none!important;
  }
}



/* v12.3 — exact-fit logo layers. Both layers share one intrinsic 400:81 canvas.
   Retains v12.1 mega-menu / accessible click interactions unchanged. */
.site-header .brand,
.site-header .brand:hover,
.site-header .brand:focus-visible{
  position:relative!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  outline-offset:4px;
}
.site-header .brand{
  isolation:isolate;
  overflow:visible!important;
}
.site-header .brand .oz13-brand-mark{
  display:block;
  position:relative;
  width:100%;
  max-width:183px;
  aspect-ratio:400 / 81;
  overflow:hidden;
  flex:0 1 auto;
  line-height:0;
}
/* The original image and its red-only layer have IDENTICAL dimensions.
   Unlike the v12.2 ::after on the padded brand element, neither layer
   uses manually guessed widths or translated positioning. */
.site-header .brand .oz13-brand-mark > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.site-header .brand .oz13-brand-mark--two-tone .oz13-brand-base{
  filter:brightness(0)!important;
}
.site-header .brand .oz13-brand-mark .oz13-brand-red{
  position:absolute!important;
  inset:0!important;
  pointer-events:none;
  filter:none!important;
  clip-path:inset(55% 0 0 0);
}
.site-header .brand.logo-unavailable .oz13-brand-mark{display:none!important;}
.site-header .brand.logo-loaded .brand-fallback{display:none!important;}
.site-header .brand .brand-fallback strong{color:#191d25!important;}
.site-header .brand .brand-fallback small{color:#ba183b!important;}
@media(max-width:1120px) and (min-width:961px){
  .site-header .brand .oz13-brand-mark{max-width:155px;}
}
@media(max-width:650px){
  .site-header .brand .oz13-brand-mark{max-width:149px;}
}
@media(max-width:380px){
  .site-header .brand .oz13-brand-mark{max-width:136px;}
}

/* v12.4 — genuine two-color WebP, no CSS coloring or duplicate layer. */
.site-header .brand .oz13-brand-mark .oz13-brand-base {
  filter: none !important;
  mix-blend-mode: normal !important;
  clip-path: none !important;
  opacity: 1 !important;
  transform: none !important;
  object-fit: contain !important;
}
.site-header .brand .oz13-brand-mark .oz13-brand-red {display:none!important}
.site-header .brand .oz13-brand-mark--two-tone .oz13-brand-base {filter:none!important}


/* ================================================================
   v12.5 | Logo sizing and light footer — CSS only.
   Preserves v12.4 single image logo, v12 click-menu, v10 quote modal.
   ================================================================ */
/* Bring the actual single-piece wordmark to a comfortable visual size. */
.site-header .header-inner > .brand {
  box-sizing: border-box !important;
  width: 244px !important;
  min-width: 244px !important;
  max-width: 244px !important;
  min-height: 66px !important;
  padding: 7px 0 !important;
  margin: 0 !important;
  flex: 0 0 244px !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.site-header .header-inner > .brand:hover,
.site-header .header-inner > .brand:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.site-header .header-inner > .brand .oz13-brand-mark {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: 244px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 400 / 81 !important;
  overflow: visible !important;
}
.site-header .header-inner > .brand .oz13-brand-mark > img.oz13-brand-base {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 400 / 81 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
/* Prevent logo from consuming navigation space on compact desktops. */
@media (min-width: 961px) and (max-width: 1320px) {
  .site-header .header-inner > .brand {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    flex-basis: 208px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 208px !important;}
}
@media (max-width: 960px) {
  .site-header .header-inner > .brand {
    width: 194px !important;
    min-width: 194px !important;
    max-width: 194px !important;
    min-height: 58px !important;
    flex-basis: 194px !important;
    padding: 6px 0 !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 194px !important;}
}
@media (max-width: 390px) {
  .site-header .header-inner > .brand {
    width: 163px !important;
    min-width: 163px !important;
    max-width: 163px !important;
    flex-basis: 163px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 163px !important;}
}

/* Replace the dark footer with a restrained warm-white corporate finish. */
.site-footer {
  background: #faf9fa !important;
  color: #25252c !important;
  border-top: 1px solid #ece8ea !important;
}
.site-footer .footer-logo-shell,
.site-footer .footer-logo-shell:hover,
.site-footer .footer-logo-shell:focus-visible {
  box-sizing: border-box !important;
  width: min(100%, 270px) !important;
  min-width: 0 !important;
  max-width: 270px !important;
  min-height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
.site-footer .footer-logo-shell img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 270px !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}
.site-footer .footer-logo-fallback,
.site-footer .footer-logo-fallback strong {color: #1d2027 !important;}
.site-footer .footer-logo-fallback small {color: #bd1838 !important;}
.site-footer .footer-col h3 {color: #20232b !important;}
.site-footer .footer-about p,
.site-footer .footer-col p,
.site-footer .footer-col a,
.site-footer .footer-bottom,
.site-footer .footer-bottom p,
.site-footer .footer-bottom a {color: #64636c !important;}
.site-footer .footer-col a:hover,
.site-footer .footer-col a:focus-visible,
.site-footer .footer-bottom a:hover,
.site-footer .footer-bottom a:focus-visible {color: #b71d3c !important;}
.site-footer .footer-bottom {border-top: 1px solid #e5e1e5 !important;}
.site-footer .footer-mark {color: #7b646d !important;}
.site-footer .footer-mark span {color: #bd1838 !important;}
/* The red contact CTA above the footer stays red, not black. */


/* ==============================================================
   v12.6 | Logo sizing refinement (single WebP image retained).
   Preserves responsive mega menu, search, quote form, light footer.
   ============================================================= */
/* Wide desktop: stronger visual brand presence without stretching. */
@media (min-width: 1400px) {
  .site-header .header-inner > .brand {
    width: 282px !important;
    min-width: 282px !important;
    max-width: 282px !important;
    flex: 0 0 282px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {
    width: 282px !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1321px) and (max-width: 1399px) {
  .site-header .header-inner > .brand {
    width: 264px !important;
    min-width: 264px !important;
    max-width: 264px !important;
    flex: 0 0 264px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {
    width: 264px !important;
    max-width: 100% !important;
  }
}
/* At compact desktop widths keep room for the full menu and actions. */
@media (min-width: 1151px) and (max-width: 1320px) {
  .site-header .header-inner > .brand {
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    flex: 0 0 226px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {
    width: 226px !important;
    max-width: 100% !important;
  }
}
/* Keep 961-1150px at 208px: avoids wrapping the desktop navigation. */
@media (min-width: 961px) and (max-width: 1150px) {
  .site-header .header-inner > .brand {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    flex: 0 0 208px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 208px !important;}
}
@media (min-width: 391px) and (max-width: 960px) {
  .site-header .header-inner > .brand {
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
    flex: 0 0 206px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 206px !important;}
}
@media (max-width: 390px) {
  .site-header .header-inner > .brand {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    flex: 0 0 170px !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {width: 170px !important;}
}

/* v12.7: HEADER WIDTH BALANCE – compact actions, centered navigation.
   This is a layout-only correction; mega menu click behavior stays unchanged. */
@media (min-width:1151px) {
  .site-header .header-inner {
    display:flex !important;
    width:min(calc(100% - 40px), 1460px) !important;
    max-width:1460px !important;
    margin-inline:auto !important;
    gap:clamp(8px,1vw,16px) !important;
    justify-content:space-between !important;
    min-width:0 !important;
  }
  .site-header .header-inner > .brand {
    width:clamp(210px, 17.4vw, 262px) !important;
    min-width:0 !important;
    max-width:262px !important;
    flex:0 0 clamp(210px, 17.4vw, 262px) !important;
  }
  .site-header .header-inner > .brand .oz13-brand-mark {
    width:100% !important;
    max-width:100% !important;
  }
  .site-header .desktop-nav {
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:max-content !important;
    margin-inline:auto !important;
    gap:1px !important;
    padding-inline:4px !important;
  }
  .site-header .desktop-nav > a,
  .site-header .desktop-nav .nav-dropdown > a {
    padding-inline:clamp(6px,.62vw,11px) !important;
    font-size:clamp(10.8px,.79vw,12px) !important;
  }
  .site-header .header-actions {
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }
  .site-header .header-actions .header-phone {display:none!important;}
  .site-header .header-actions .v5-search-trigger {
    width:44px !important;
    min-width:44px !important;
    padding:9px !important;
    gap:0 !important;
  }
  .site-header .header-actions .v5-search-trigger span,
  .site-header .header-actions .v5-search-trigger kbd {display:none !important;}
  .site-header .header-actions .btn-header {
    padding:10px 12px !important;
    gap:7px !important;
    white-space:nowrap !important;
  }
}
@media (min-width:1151px) and (max-width:1299px) {
  .site-header .header-inner {width:calc(100% - 28px) !important;gap:8px !important;}
  .site-header .header-inner > .brand {
    flex-basis:206px!important;
    width:206px!important;
    max-width:206px!important;
  }
  .site-header .desktop-nav>a,
  .site-header .desktop-nav .nav-dropdown>a {
    font-size:10.7px!important;
    padding-inline:6px!important;
  }
  .site-header .header-actions .btn-header {padding-inline:9px!important;}
}
@media (max-width:1150px) {
  /* Keep mobile icon menu and full-height wordmark without clipping. */
  .site-header .header-inner {justify-content:space-between !important;}
  .site-header .header-inner > .brand {max-width:min(49vw,206px)!important;min-width:0!important;}
  .site-header .header-inner > .brand .oz13-brand-mark {width:100%!important;max-width:100%!important;}
  .site-header .desktop-nav {display:none!important;}
}