/* FOLBEN v2 – mobile drawer, consistent product gallery, social rail and contacts */
:root{--brand-navy:#071c2a;--brand-ice:#c9e6ef}
html{scroll-padding-top:84px}
body{overflow-x:hidden}
body.menu-open{overflow:hidden;overscroll-behavior:none}
/* Menünün backdrop-filter'lı header dışında tam ekran açılması */
.mobile-menu{z-index:99}
@media(max-width:1100px){
  .mobile-menu{position:fixed;left:0;right:0;top:88px;bottom:0;height:calc(100dvh - 88px);max-height:calc(100dvh - 88px);background:#f8fbfc;color:#0a2c3e;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transition:opacity .22s ease,transform .3s ease,visibility .3s;box-shadow:0 15px 70px #071b2929}
  .mobile-menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  .mobile-menu-inner{width:min(680px,100%);padding:24px clamp(25px,7vw,62px) max(45px,env(safe-area-inset-bottom));margin-inline:auto;min-height:100%;display:flex;flex-direction:column;gap:0}
  .mobile-menu-eyebrow{font-size:10px;letter-spacing:.23em;color:#7399ad;font-weight:900;margin-bottom:12px}
  .mobile-menu-inner>a{font-family:'Manrope',Arial,sans-serif;display:flex;align-items:center;gap:22px;flex-shrink:0;border-bottom:1px solid #d9e5e9;padding:14px 0;color:#0b3044;font-size:clamp(22px,4.5vw,32px);font-weight:750;letter-spacing:-.045em;line-height:1.2;transition:color .2s,padding-left .2s}
  .mobile-menu-inner>a:hover,.mobile-menu-inner>a:focus-visible{padding-left:8px;color:#3b8098}
  .mobile-menu-inner>a span{font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.13em;color:#95b1bf;min-width:18px}
  .mobile-menu-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
  .mobile-menu-quick a{padding:16px 14px;text-align:center;background:#0e3549;color:#fff;font-weight:800;font-size:12px}
  .mobile-menu-quick a:first-child{background:#d9ebf1;color:#103548}
  .mobile-menu-bottom{margin-top:auto;padding-top:26px;color:#8ca6b4;font-size:10px;letter-spacing:.09em}
}
@media(max-width:750px){.mobile-menu{top:72px;height:calc(100dvh - 72px);max-height:calc(100dvh - 72px)}.mobile-menu-inner{padding-top:20px}.mobile-menu-inner>a{padding:13px 0}}
@media(max-height:620px) and (max-width:1100px){.mobile-menu-inner>a{padding:10px 0;font-size:21px}}

/* Sol sabit sosyal medya çubuğu */
.social-rail{position:fixed;left:18px;top:51%;transform:translateY(-50%);z-index:88;display:flex;align-items:center;flex-direction:column;padding:8px 5px 14px;gap:3px;border:1px solid #c8e1ee43;background:rgba(6,29,44,.86);backdrop-filter:blur(18px);box-shadow:0 15px 38px #0003;border-radius:40px;color:#ecf8ff}
.social-rail-item{height:43px;width:43px;border-radius:50%;display:grid;place-items:center;position:relative;color:#dceef7;transition:background .25s,transform .25s,color .25s}
.social-rail-item:hover,.social-rail-item:focus-visible{background:#d7ebf1;color:#092e41;transform:translateX(2px)}
.social-rail-item svg{width:20px;height:20px;display:block}
.social-rail-item>span{pointer-events:none;position:absolute;left:calc(100% + 14px);top:50%;white-space:nowrap;transform:translateY(-50%) translateX(-8px);opacity:0;background:#102e40;color:white;border:1px solid #aac9d14d;padding:9px 14px;border-radius:4px;font-size:10px;letter-spacing:.11em;font-weight:800;transition:opacity .25s,transform .25s}
.social-rail-item:hover span,.social-rail-item:focus-visible span{opacity:1;transform:translateY(-50%) translateX(0)}
.social-rail-rule{height:27px;width:1px;background:#9dbfcc8c;margin:6px 0 1px}
.social-rail>small{font:800 8px 'DM Sans',Arial,sans-serif;writing-mode:vertical-rl;letter-spacing:.22em;color:#9fb9c8;padding-bottom:4px}
body.menu-open .social-rail{opacity:0;pointer-events:none}
@media(max-width:1400px){.social-rail{left:8px}.social-rail-item{width:38px;height:38px}.social-rail-item svg{width:18px;height:18px}}
@media(max-width:750px){.social-rail{left:7px;top:38%;padding:5px 2px 8px;gap:1px;box-shadow:0 10px 25px #0004}.social-rail-item{width:32px;height:34px}.social-rail-item svg{width:17px;height:17px}.social-rail-rule,.social-rail>small{display:none}.social-rail-item>span{display:none}}

/* Görseller aynı oran, renk yönetimi, overlay ve marka imzasıyla sabit şablon */
.products-grid{align-items:stretch;grid-auto-rows:1fr;gap:18px}
.product-card,.product-feature{min-width:0;background:#123449;border-color:#a8cadb2b;min-height:475px}
.product-card:hover{background:#1a4056;border-color:#a8cadb6e}
.product-visual{height:205px;overflow:hidden;position:relative;background:#102c40}
.product-visual img{width:100%;height:100%;object-fit:cover;object-position:center 50%;opacity:.96;filter:saturate(.82) contrast(1.05);transition:transform .7s cubic-bezier(.18,.67,.35,1),filter .7s}
.product-card:hover .product-visual img{transform:scale(1.055);filter:saturate(.98) contrast(1.03)}
.product-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,40,.77) 0%,rgba(6,26,40,.04) 50%),linear-gradient(90deg,rgba(5,24,36,.26),transparent 70%);pointer-events:none}
.product-image-index{position:absolute;bottom:16px;left:23px;z-index:2;font:900 10px 'DM Sans',Arial,sans-serif;color:#e3f8ff;letter-spacing:.21em}
.product-body{padding:26px 27px 30px}
.product-body h3{min-height:72px}
.product-card:nth-child(1) .product-visual img{object-position:center 52%}
.product-card:nth-child(2) .product-visual img{object-position:center 57%}
.product-card:nth-child(3) .product-visual img{object-position:center 53%}
.product-card:nth-child(4) .product-visual img{object-position:center 56%}
.product-card:nth-child(5) .product-visual img{object-position:center 54%}
.product-card:nth-child(6) .product-visual img{object-position:center 60%}
@media(max-width:1100px){.products-grid{gap:14px}.product-visual{height:200px}}
@media(max-width:750px){.products-grid{grid-template-columns:1fr 1fr;gap:14px}.product-card{min-height:420px}.product-visual{height:160px}.product-image-index{font-size:9px;left:16px;bottom:13px}.product-body{padding:20px}.product-body h3{font-size:24px}}
@media(max-width:570px){.products-grid{grid-template-columns:1fr}.product-card{min-height:0}.product-visual{height:210px}.product-body{padding:23px}.product-body h3{min-height:auto;font-size:29px}.product-image-index{font-size:10px}}
@media(max-width:390px){.product-visual{height:188px}}

/* İletişim gerçek ünvan ve tekil adres şablonu */
.contact-points>.contact-company{border-bottom:1px solid #c4e2ee33}
.contact-company strong{font-size:clamp(15px,1.5vw,19px);letter-spacing:.01em}
.contact-points>a{transition:padding-left .24s}
.contact-points>a:hover{padding-left:7px}
.footer-newsletter a{margin-top:12px}
.footer-newsletter p{font-size:13px;line-height:1.7;margin-top:19px}
@media(max-width:750px){.contact-points strong{font-size:15px}.contact-intro>small{line-height:1.6}}