/* SEREN METAL / 09 tasarım uyarlaması. Orijinal stil dosyaları değiştirilmemiştir. */
#hm-masthead.sm09-root, #hm-masthead.sm09-root * {box-sizing:border-box}
#hm-masthead.sm09-root {position:relative;z-index:1045;font-family:'Hurda Inter',Inter,'Open Sans',Arial,sans-serif;color:#0b3229;background:#fff;isolation:isolate}
#hm-masthead.sm09-root a {text-decoration:none}
#hm-masthead.sm09-root .sm09-top{position:relative;min-height:148px;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#fafcfc 36%,#f3f6f6 52%,#fff 80%);border-top:1px solid #eef0ee}
#hm-masthead.sm09-root .sm09-top-inner{width:100%;max-width:1920px;margin:auto;min-height:148px;padding:16px clamp(24px,3vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;position:relative}
#hm-masthead.sm09-root .sm09-hero-art{position:absolute;left:27%;width:43%;top:0;bottom:0;z-index:0;pointer-events:none;background:url('../img/seren-menu09-hero-art-clean.jpg') center center / cover no-repeat;opacity:.96;-webkit-mask-image:linear-gradient(to right,transparent,black 18%,black 84%,transparent);mask-image:linear-gradient(to right,transparent,black 18%,black 84%,transparent)}
#hm-masthead.sm09-root .sm09-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.20),transparent 45%,rgba(255,255,255,.12))}
#hm-masthead.sm09-root .sm09-brand{position:relative;z-index:2;display:block;width:320px;max-width:100%;flex-shrink:0;padding:0;margin:0;line-height:0}
#hm-masthead.sm09-root .sm09-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
#hm-masthead.sm09-root .sm09-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px}
#hm-masthead.sm09-root .sm09-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 17px;border-radius:12px;background:#fff;border:1px solid #269041;box-shadow:0 5px 13px rgba(0,29,18,.12);color:#10382c;font-size:clamp(12px,1vw,16px);font-weight:800;line-height:1.3;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}
#hm-masthead.sm09-root .sm09-action svg{width:23px;height:23px;flex:0 0 auto}
#hm-masthead.sm09-root .sm09-action:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(0,29,18,.18)}
#hm-masthead.sm09-root .sm09-action-wa{background:linear-gradient(145deg,#27b20d,#07792c);border-color:#07802b;color:#fff;box-shadow:0 5px 13px rgba(0,80,30,.25)}
#hm-masthead.sm09-root .sm09-action-wa:hover{background:linear-gradient(145deg,#24aa0e,#006a26);color:#fff}
#hm-masthead.sm09-root .sm09-action-wa svg{width:27px;height:27px}
#hm-masthead.sm09-root .sm09-action span{color:inherit}
#hm-masthead.sm09-root .sm09-menu-button{display:none}
#hm-masthead.sm09-root .sm09-primary-bar{position:relative;z-index:6;background:linear-gradient(180deg,#00633a 0%,#00492f 57%,#003b29 100%);box-shadow:0 2px 3px rgba(0,30,14,.08)}
#hm-masthead.sm09-root .sm09-primary-inner{position:relative;max-width:1800px;width:100%;min-height:68px;margin:0 auto!important;padding:0 clamp(20px,2.6vw,46px);display:flex!important;align-items:stretch;justify-content:space-between;gap:0!important;border:0!important;flex-wrap:nowrap!important;white-space:normal}
#hm-masthead.sm09-root .sm09-primary-inner > a, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu{position:static;flex:0 1 auto;min-width:0;display:flex;align-items:stretch;margin:0!important;padding:0}
#hm-masthead.sm09-root .sm09-primary-inner > a, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:68px!important;height:68px;width:auto;padding:0 clamp(8px,1.1vw,20px)!important;font-size:clamp(12px,.92vw,16px)!important;font-weight:750!important;line-height:1.25;color:#fff!important;white-space:nowrap;letter-spacing:-.013em}
#hm-masthead.sm09-root .sm09-primary-inner > a svg, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary svg.sm09-nav-icon{width:22px;height:22px;flex:0 0 auto;color:inherit}
#hm-masthead.sm09-root .sm09-primary-inner > a::after{display:none!important}
#hm-masthead.sm09-root .sm09-primary-inner > a:hover, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary:hover, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu[open] > summary{background:rgba(255,255,255,.10);color:#fff!important}
#hm-masthead.sm09-root .sm09-primary-inner > a[aria-current=page], #hm-masthead.sm09-root .sm09-primary-inner > a.sm09-active{margin-top:8px!important;min-height:60px!important;height:60px;color:#0b4933!important;background:#fff;border-radius:14px 14px 0 0;box-shadow:inset 0 -4px 0 #c78d3a,0 0 12px rgba(0,0,0,.08)}
#hm-masthead.sm09-root .sm09-primary-inner > a[aria-current=page]:hover{color:#0b4933!important}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-chevron{width:8px;height:8px;color:#f0fff3;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 4px 3px;flex:0 0 8px}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-menu[open] .hmn-chevron{transform:rotate(225deg);margin-bottom:-3px}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-panel{left:max(20px,calc((100% - 1500px)/2));right:max(20px,calc((100% - 1500px)/2));top:100%;position:absolute;z-index:15;background:#fff;border:1px solid #d9e4dc;border-top:4px solid #21934a;border-radius:0 0 16px 16px;box-shadow:0 22px 55px rgba(0,36,18,.22);color:#112e25;text-align:left}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-panel strong{color:#063f2a}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-group h3{color:#b87529}
#hm-masthead.sm09-root .sm09-primary-inner .hmn-group a:hover{background:#eaf6ec}
#hm-masthead.sm09-root .sm09-primary-inner > a:not([aria-current=page]):not(.sm09-active)::before, #hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary::before{content:'';position:absolute;left:0;top:26%;height:48%;width:1px;background:rgba(195,229,204,.32);pointer-events:none}
#hm-masthead.sm09-root .sm09-categories-shell{padding:14px clamp(18px,2.5vw,46px) 21px;background:linear-gradient(180deg,#e8ecee 0%,#f8fafb 65%,#fff 100%)}
#hm-masthead.sm09-root .sm09-categories{max-width:1840px;width:100%;margin:0 auto;min-height:76px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;overflow:hidden;border-radius:44px;border:1px solid #fdfefe;background:linear-gradient(180deg,#fff 5%,#f4f6f6 100%);box-shadow:inset 0 0 0 2px rgba(201,210,215,.52),0 7px 18px rgba(8,32,25,.15)}
#hm-masthead.sm09-root .sm09-category{min-width:0;position:relative;display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 8px;color:#103d31;font-size:clamp(11px,.98vw,16px);font-weight:800;line-height:1.3;white-space:nowrap;transition:background .18s}
#hm-masthead.sm09-root .sm09-category:not(:last-child)::after{content:'';position:absolute;right:0;top:23%;height:54%;width:1px;background:#b6c1c2}
#hm-masthead.sm09-root .sm09-category svg{color:#ac6b21;width:38px;height:38px;flex:0 0 auto;stroke-width:1.8}
#hm-masthead.sm09-root .sm09-category:hover, #hm-masthead.sm09-root .sm09-category[aria-current=page]{background:#e9f4e7;color:#005a35}
#hm-masthead.sm09-root :is(a,summary,button):focus-visible{outline:3px solid #e3a636;outline-offset:3px}
@media(min-width:1181px) and (max-width:1510px){
 #hm-masthead.sm09-root .sm09-top,#hm-masthead.sm09-root .sm09-top-inner{min-height:148px}
 #hm-masthead.sm09-root .sm09-brand{width:320px}
 #hm-masthead.sm09-root .sm09-hero-art{left:29%;width:42%}
 #hm-masthead.sm09-root .sm09-actions{gap:8px}
 #hm-masthead.sm09-root .sm09-action{min-height:48px;padding:9px 11px}
 #hm-masthead.sm09-root .sm09-primary-inner{padding:0 12px}
 #hm-masthead.sm09-root .sm09-primary-inner > a,#hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary{gap:6px;padding:0 8px!important}
 #hm-masthead.sm09-root .sm09-primary-inner > a svg,#hm-masthead.sm09-root .sm09-primary-inner > .hmn-menu > summary svg.sm09-nav-icon{width:19px;height:19px}
 #hm-masthead.sm09-root .sm09-category{gap:7px;font-size:clamp(11px,.97vw,14px)}
 #hm-masthead.sm09-root .sm09-category svg{width:31px;height:31px}
}
@media (max-width:1180px){
 #hm-masthead.sm09-root .sm09-primary-bar{display:none}
 #hm-masthead.sm09-root .sm09-top,#hm-masthead.sm09-root .sm09-top-inner{min-height:142px}
 #hm-masthead.sm09-root .sm09-top-inner{padding:16px 22px;gap:12px}
 #hm-masthead.sm09-root .sm09-brand{width:clamp(255px,36vw,320px)}
 #hm-masthead.sm09-root .sm09-hero-art{left:31%;width:40%;opacity:.65}
 #hm-masthead.sm09-root .sm09-menu-button{display:inline-flex!important;align-items:center;justify-content:center;width:51px;height:51px;flex:0 0 51px;background:#045837;color:white;border:1px solid #0e864a;border-radius:13px;cursor:pointer;box-shadow:0 4px 10px rgba(0,43,17,.15)}
 #hm-masthead.sm09-root .sm09-menu-button svg{width:26px;height:26px}
 #hm-masthead.sm09-root .sm09-categories{display:flex;min-height:65px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:18px;scroll-snap-type:x proximity}
 #hm-masthead.sm09-root .sm09-category{min-width:180px;flex:0 0 180px;scroll-snap-align:start;font-size:14px}
 #hm-masthead.sm09-root .sm09-category svg{width:30px;height:30px}
 #hm-masthead.sm09-root .sm09-categories-shell{padding:10px 14px 14px}
 #hm-masthead.sm09-root .hm-drawer{background:#fafdfb}
 #hm-masthead.sm09-root .hm-drawer-nav>a{color:#063f2a}
 #hm-masthead.sm09-root .hmn-mobile-category-links a{border-color:#cfe5d2!important;background:#eef8ee!important;color:#064c34!important}
}
@media(max-width:760px){
 #hm-masthead.sm09-root .sm09-top-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:'brand menu' 'actions actions';padding:13px 14px 16px;gap:12px 6px}
 #hm-masthead.sm09-root .sm09-brand{grid-area:brand;width:min(310px,calc(100vw - 90px))}
 #hm-masthead.sm09-root .sm09-menu-button{grid-area:menu;justify-self:end}
 #hm-masthead.sm09-root .sm09-hero-art{display:none}
 #hm-masthead.sm09-root .sm09-actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
 #hm-masthead.sm09-root .sm09-action{min-height:48px;padding:9px 6px;font-size:clamp(11px,3.05vw,14px);gap:6px;border-radius:11px}
 #hm-masthead.sm09-root .sm09-action svg{width:21px;height:21px}
 #hm-masthead.sm09-root .sm09-action-wa svg{width:23px;height:23px}
 #hm-masthead.sm09-root .sm09-categories-shell{padding:10px 10px 13px}
 #hm-masthead.sm09-root .sm09-category{min-width:166px;flex-basis:166px;font-size:13px;padding:10px}
}
@media(max-width:360px){
 #hm-masthead.sm09-root .sm09-brand{width:235px}
 #hm-masthead.sm09-root .sm09-action{font-size:10.6px;letter-spacing:-.03em}
}
@media(prefers-reduced-motion:reduce){#hm-masthead.sm09-root .sm09-action,#hm-masthead.sm09-root .sm09-category{transition:none}}
@media print{#hm-masthead.sm09-root .sm09-primary-bar,#hm-masthead.sm09-root .sm09-categories-shell{display:none}}
