@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;600;700&display=swap');
:root{--blue:#154e88;--ink:#171717;--muted:#777;--line:#e8e8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Poppins,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:105px;display:flex;align-items:center;gap:34px;padding:0 5.5%;position:relative;z-index:10;background:#fff}.brand{align-self:flex-start;width:112px;height:135px;background:linear-gradient(#1c5da4,#073d7b);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.brand img{width:88px;max-height:100px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:11px;letter-spacing:1px;font-weight:600;color:#888}.site-header nav a:hover{color:var(--blue)}.shop{background:#111;color:#fff!important;padding:14px 17px}.social{color:#bbb;font-size:14px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{height:calc(100vh - 105px);min-height:560px;position:relative;overflow:hidden;background:#eee}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .7s}.hero-slide.active{opacity:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 65%)}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:#2228;color:#fff;font-size:48px;line-height:1;width:60px;height:60px;cursor:pointer}.prev{left:15px}.next{right:15px}.dots{position:absolute;z-index:3;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dots button{width:14px;height:14px;border:0;border-radius:50%;background:#fff9}.dots .active{background:#557ab1}.section{max-width:1050px;margin:auto;padding:110px 34px}.intro{text-align:center}.section-kicker{font-size:11px;letter-spacing:3px;color:#5681ba;margin-bottom:16px}.intro h1{font:400 38px/1.25 'Playfair Display',serif;max-width:700px;margin:0 auto 35px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro p{font-size:14px;line-height:2;color:#666}.outline{display:inline-block;margin-top:20px;border:1px solid #222;padding:14px 20px;font-size:11px;letter-spacing:1.5px}.photo-band{height:360px;background:url('assets/ack2.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.photo-band:before{content:"";position:absolute;inset:0;background:#0b315c99}.photo-band div{position:relative}.photo-band span{display:block;letter-spacing:3px;text-transform:uppercase;font-size:11px;margin-bottom:14px}.photo-band strong{font:400 35px 'Playfair Display',serif}footer{text-align:center;padding:24px;color:#999;font-size:11px;border-top:1px solid var(--line)}
.page-hero{height:330px;background:url('assets/ic-slide-1.jpg') center/cover;display:flex;align-items:center;justify-content:center;position:relative;color:white}.page-hero:before{content:"";position:absolute;inset:0;background:#123d6dcc}.page-hero h1{position:relative;font:400 48px 'Playfair Display',serif}.content{max-width:1050px;margin:auto;padding:80px 34px}.content h2{font:400 35px 'Playfair Display',serif;margin:0 0 28px}.content p{font-size:14px;line-height:2;color:#666}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.content img.feature{width:100%;height:340px;object-fit:cover}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.logo-card{height:130px;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff}.logo-card img{max-width:100%;max-height:100%;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-list{display:grid;gap:20px}.contact-label{font-size:11px;letter-spacing:2px;color:#5681ba}.contact-value{font-size:16px;line-height:1.7}.form{display:grid;gap:12px}.form input,.form textarea{border:1px solid #ddd;padding:15px;font:13px Poppins}.form textarea{height:145px}.form button{background:#111;color:#fff;border:0;padding:15px;letter-spacing:2px;font-size:11px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{border:1px solid #eee;background:#fff}.news-card img{width:100%;height:180px;object-fit:cover}.news-card div{padding:18px}.news-card h3{font:400 23px 'Playfair Display',serif;margin:0 0 10px}.news-card p{margin:0;font-size:12px;line-height:1.7}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-grid img{width:100%;height:210px;object-fit:cover}
@media(max-width:850px){.site-header{height:80px;padding:0 20px;gap:16px}.brand{width:78px;height:96px}.brand img{width:62px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 8px 18px #0001}.site-header nav.open{display:flex}.site-header nav a{padding:14px;border-bottom:1px solid #eee}.social{display:none}.menu-toggle{display:block;margin-left:auto}.hero{height:72vh;min-height:450px}.intro h1{font-size:30px}.intro-grid,.split,.contact-grid{grid-template-columns:1fr;gap:10px}.logo-grid{grid-template-columns:repeat(2,1fr)}.news-grid,.event-grid{grid-template-columns:1fr}.page-hero{height:240px}.page-hero h1{font-size:37px}.content{padding:60px 24px}.photo-band strong{font-size:27px}}
body[data-page="home"] .site-header{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff}body[data-page="home"] .site-header nav{color:#fff}body[data-page="home"] .site-header nav a:hover{color:#c9dafa}body[data-page="home"] .brand{background:transparent;box-shadow:none}.brand img{width:102px;max-height:126px}.brand{background:transparent;box-shadow:none}
.embed{width:100%;min-height:520px;border:0;box-shadow:0 14px 40px #163a5a22}.blog-intro{max-width:680px;margin-bottom:38px}.blog-card{overflow:hidden}.blog-card img{height:190px}.blog-card .meta{font-size:10px;color:#5681ba;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.blog-card h3{font-size:21px}.blog-card p{color:#777}
/* Bej tema, 100px header ve logoda üst boşluksuz yerleşim */
:root{--beige:#f1eee8;--blue:#154e88}body{background:var(--beige)}.site-header,body[data-page="home"] .site-header{height:100px;background:var(--beige);color:var(--ink);position:relative;top:auto;left:auto;right:auto}.brand{height:100px;width:108px;margin:0;align-self:stretch;background:transparent;box-shadow:none}.brand img{display:block;width:100px;height:100px;max-height:none;object-fit:contain}.site-header nav,body[data-page="home"] .site-header nav{color:#5d5b57}.site-header nav a:hover,body[data-page="home"] .site-header nav a:hover{color:var(--blue)}.hero{height:calc(100vh - 100px)}.photo-band{background:var(--beige) url('assets/ack2-user.jpg') 78% center/430px auto no-repeat;height:430px;color:#26231f;justify-content:flex-start;text-align:left}.photo-band:before{display:none}.photo-band div{margin-left:9%;max-width:430px}.photo-band span{color:#5681ba}.photo-band strong{font-size:32px}.page-hero{background:var(--beige) url('assets/ack2-user.jpg') 88% center/260px auto no-repeat;color:#26231f}.page-hero:before{display:none}.content{background:var(--beige)}.intro{background:var(--beige)}.logo-card,.news-card{background:#f8f6f2;border-color:#ddd8cf}.footer,footer{background:var(--beige)}
.corporate-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.corporate-intro .eyebrow{color:#5681ba;font-size:11px;letter-spacing:3px}.corporate-intro h2{font-size:46px;line-height:1.08;margin:12px 0 25px}.corporate-intro .lead{font-size:17px;color:#4b4843;line-height:1.8}.corporate-image{width:100%;height:480px;object-fit:cover}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.principle{border-top:2px solid #5681ba;padding:24px 10px}.principle b{font:400 24px 'Playfair Display',serif}.principle p{font-size:13px!important;line-height:1.7!important}@media(max-width:850px){.site-header,body[data-page="home"] .site-header{height:100px}.brand{height:100px;width:82px}.brand img{width:80px;height:100px}.hero{height:72vh}.photo-band{background-size:300px;background-position:center bottom;height:600px;align-items:flex-start;padding-top:45px}.photo-band div{margin:0 24px}.corporate-intro,.principles{grid-template-columns:1fr}.corporate-intro h2{font-size:34px}.corporate-image{height:330px}}
.blog-card img{display:none}.blog-card{min-height:235px}.blog-card>div{padding:26px}.blog-card p{font-size:13px;line-height:1.8}
body[data-page="home"] .site-header{position:absolute;top:0;left:0;right:0;background:transparent!important;color:#fff}body[data-page="home"] .site-header nav{color:#fff}body[data-page="home"] .site-header .social{color:#fff}
.social a{border:0;width:24px;height:24px;background:transparent}.social a:hover{background:transparent;color:#fff;transform:scale(1.18)}.brand{width:145px}.brand img{width:136px;height:136px}.hero-slide:first-child{background-size:cover;background-position:center}
@media(max-width:850px){.brand{width:105px}.brand img{width:100px;height:116px}}
.brand{width:130px}.brand img{width:122px;height:122px;max-height:none}.social{display:flex;align-items:center;gap:9px}.social a{width:28px;height:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;transition:.2s}.social a:hover{background:#fff;color:#222}.intro-feature{max-width:1140px;margin:0 auto;padding:115px 42px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);gap:90px;align-items:center;background:var(--beige)}.intro-feature>img{width:100%;max-height:680px;object-fit:contain}.intro-feature h1{font:700 clamp(32px,3.2vw,52px)/1.12 'Playfair Display',serif;margin:12px 0 28px}.intro-feature p{font-size:14px;line-height:1.95;color:#5e5a55}.intro-feature .outline{background:#2e2e2e;color:#fff;border:0;cursor:pointer}.lightbox{position:fixed;z-index:100;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox-frame{width:min(960px,92vw);aspect-ratio:16/9;background:#000}.lightbox-frame iframe{width:100%;height:100%;border:0}.lightbox-close{position:absolute;right:28px;top:18px;color:#fff;background:none;border:0;font-size:42px;cursor:pointer}.hero-copy{display:none}
@media(max-width:850px){.brand{width:95px}.brand img{width:92px;height:110px}.intro-feature{grid-template-columns:1fr;padding:70px 24px;gap:35px}.intro-feature>img{max-height:420px}.intro-feature h1{font-size:34px}.intro-feature p{font-size:13px}.social{display:none}}
.hero{height:100vh;margin:15px;width:calc(100% - 30px);border-radius:22px;overflow:hidden;background:var(--beige)}.hero-slide{background-position:center;background-size:cover;background-repeat:no-repeat}.hero-slide:first-child{background-color:var(--beige);background-position:left center;background-size:auto 100%}.hero:after{display:none}.hero-copy{position:absolute;z-index:2;right:7%;top:50%;transform:translateY(-50%);width:43%;color:#171717}.hero-copy h1{font:700 clamp(30px,3.5vw,58px)/1.08 'Playfair Display',serif;margin:14px 0 28px}.hero-copy p{font-size:clamp(12px,1.15vw,18px);line-height:1.75;margin:0 0 17px}.hero-copy .outline{background:#2e2e2e;color:#fff;border:0;margin-top:8px}.hero .arrow{background:#222b}.hero .dots{bottom:24px}
@media(max-width:850px){body[data-page="home"] .site-header{top:15px}.hero{height:calc(100vh - 30px);min-height:650px;margin:15px;width:calc(100% - 30px);border-radius:18px}.hero-slide:first-child{background-size:52% auto;background-position:left 28%}.hero-copy{right:5%;top:54%;width:47%;transform:translateY(-50%)}.hero-copy h1{font-size:26px;margin-bottom:16px}.hero-copy p{font-size:11px;line-height:1.45;margin-bottom:10px}.hero-copy .outline{padding:10px 12px;font-size:9px}.hero .arrow{width:38px;height:45px;font-size:32px}.hero .prev{left:8px}.hero .next{right:8px}}
.brand{width:145px!important}.brand img{width:136px!important;height:136px!important}.social a{border:0!important;background:transparent!important;width:28px;height:28px}.hero-slide:first-child{background-size:cover!important;background-position:center!important}
.intro-feature{max-width:none;min-height:calc(100vh - 30px);padding:42px 5.5%;grid-template-columns:minmax(0,48%) minmax(0,45%);gap:6.5%;align-items:center}.intro-feature>img{height:min(82vh,760px);max-height:none}.intro-feature h1{max-width:720px;font-size:clamp(34px,3.3vw,58px);margin-top:0}.intro-feature p{max-width:760px;font-size:clamp(13px,1.05vw,17px);line-height:1.75}
@media(max-width:850px){.intro-feature{min-height:auto;padding:70px 24px;grid-template-columns:1fr;gap:35px}.intro-feature>img{height:auto;max-height:420px}}
.page-hero{height:250px;background:var(--beige) url('assets/ic-slide-1-user.jpg') center/cover no-repeat;color:#fff}.page-hero:before{display:block;background:linear-gradient(90deg,#102d4a99,#102d4a33)}.page-hero h1{z-index:1;text-shadow:0 2px 8px #0008}
.corporate-video{margin-top:110px}.corporate-video h2{font:400 38px 'Playfair Display',serif;margin-bottom:28px}
.social a svg{width:17px;height:17px;display:block}.social a{display:grid;place-items:center;text-decoration:none}
body:not([data-page="home"]) .social,body:not([data-page="home"]) .social a{color:#111}
.menu-toggle{position:relative;width:46px;height:46px;margin-left:auto;margin-right:40px;padding:0;border:0;color:#111;background:transparent;font-size:0}.menu-toggle:before{content:"";position:absolute;left:7px;top:12px;width:32px;height:3px;border-radius:3px;background:currentColor;box-shadow:0 9px 0 currentColor,0 18px 0 currentColor}.menu-toggle:focus-visible{outline:2px solid #f28c28;outline-offset:4px}
.article-page{max-width:900px;margin:0 auto;padding:100px 34px 125px;background:var(--beige)}.article-page h1{font:700 clamp(34px,5vw,62px)/1.1 'Playfair Display',serif;margin:14px 0 28px;color:#171717}.article-meta{font-size:11px;letter-spacing:2px;color:#5681ba;text-transform:uppercase}.article-page p{font-size:16px;line-height:2;color:#5e5a55}.article-page .article-lead{font-size:20px;line-height:1.7;color:#35312c;margin-bottom:35px}.back-blog{display:inline-block;margin-top:25px;padding:13px 18px;background:#2e2e2e;color:#fff;font-size:11px;letter-spacing:1px}
.brand{height:100px!important;overflow:visible!important}.brand img{height:100px!important;width:auto!important;max-width:115px!important;object-fit:contain!important;display:block}
.brand{width:165px!important}.brand img{height:150px!important;max-width:145px!important}
#brands-grid .logo-card,#refs-grid .logo-card{background:#fff}
.logo-card img{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%;max-height:100%;width:auto;height:auto}
.content{max-width:1310px!important}
.hero{height:calc(100vh - 30px)!important;margin:15px!important;box-sizing:border-box}.hero:after{display:none}@media(max-width:850px){.hero{height:calc(100vh - 30px)!important;min-height:0!important;margin:15px!important}}
.corporate-image{object-fit:contain!important;background:var(--beige)}
.content>h2,.content>p{text-align:center}.blog-intro{text-align:center;margin-left:auto;margin-right:auto}
.page-hero h1{display:none!important}.page-hero:before{display:none!important}
.logo-grid#brands-grid,.logo-grid#refs-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:850px){.logo-grid#brands-grid,.logo-grid#refs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.logo-grid#brands-grid,.logo-grid#refs-grid{gap:5px}
.brand{width:130px!important}.brand img{height:100px!important;max-width:115px!important;width:auto!important}
.brand{width:145px!important}.brand img{height:140px!important;max-width:none!important;width:auto!important}
.brand{height:140px!important;align-self:flex-start!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:visible!important}.brand img{height:140px!important;width:auto!important;max-height:none!important}
.site-footer,footer{background:#000!important;color:#999!important;border-top-color:#222!important}
.site-header,body[data-page="home"] .site-header{width:calc(100% - 30px);max-width:1310px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.site-header nav{font-size:13px}
.site-header nav a:not(.shop),body[data-page="home"] .site-header nav a:not(.shop){color:#000!important}.site-header nav a:not(.shop):hover,body[data-page="home"] .site-header nav a:not(.shop):hover{color:#f28c28!important}.site-header nav .shop{color:#fff!important}
body[data-page="home"] .site-header nav a:not(.shop){color:#fff!important}body[data-page="home"] .site-header nav a:not(.shop):hover{color:#f28c28!important}body:not([data-page="home"]) .site-header nav a:not(.shop){color:#000!important}
@media(max-width:850px){.site-header,body[data-page="home"] .site-header{width:calc(100% - 30px);padding-left:0;padding-right:0}}
.site-header nav.open{border-radius:0 0 16px 16px}.site-header nav a{transition:color .2s,background .2s}.site-header nav a:not(.shop):hover{background:#f4f1eb}
@media(max-width:850px){.site-header nav{top:100px;left:24px;right:40px;padding:12px 16px;background:#fff;border:1px solid #e4dfd7;box-shadow:0 16px 35px #17120b22}.site-header nav a{font-size:13px;letter-spacing:1.3px;padding:18px 10px;border-bottom:1px solid #e7e2da}.site-header nav .shop{margin:12px 0 4px;text-align:center;border:0;border-radius:5px}.menu-toggle{display:block;margin-right:40px}}
.site-header nav.open{display:flex}
@media(max-width:850px){.site-header .brand{margin-left:40px}.site-header nav,.site-header nav.open{position:fixed;top:100px;left:0;right:0;bottom:0;width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 0;background:var(--beige);border:0;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-22px);transition:opacity .3s ease,transform .35s ease,visibility .3s}.site-header nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-header nav a:not(.shop){width:100px;text-align:center;padding:19px 0;border-bottom:1px solid #2b2926;color:#000!important}.site-header nav .shop{width:150px;margin-top:24px;text-align:center;border:0;border-radius:5px;color:#fff!important}}
.site-header nav a:not(.shop){color:#000!important}.site-header nav a:not(.shop){border-bottom-color:#b8b5af!important}.menu-toggle{color:#000}.site-header nav.open a:not(.shop){color:#000!important}body[data-page="home"] .menu-toggle{color:#fff}body[data-page="home"] .site-header nav a:not(.shop),body[data-page="home"] .site-header nav.open a:not(.shop){color:#000!important}
body{text-align:center}.content,.section,.article-page,.intro-feature,.contact-grid,.split{ text-align:center }.content p,.section p,.article-page p,.intro-feature p{margin-left:auto;margin-right:auto}.contact-list,.form{justify-items:center}.form input,.form textarea{width:100%;text-align:center}.blog-card,.news-card,.event-grid,.logo-card{ text-align:center }.blog-card>div,.news-card>div{ text-align:center }.page-hero,.photo-band{ text-align:center }
@media(max-width:850px){.site-header nav.open{align-items:center!important}.site-header nav.open a{display:block!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.site-header nav.open a:not(.shop){width:100px!important;min-width:100px!important;white-space:nowrap!important}.site-header nav.open a[href*="organizasyon"],.site-header nav.open a[href*="bayiliklerimiz"]{position:relative;width:auto!important;min-width:0!important;text-align:center!important;border-bottom-color:transparent!important}.site-header nav.open a[href*="organizasyon"]:after,.site-header nav.open a[href*="bayiliklerimiz"]:after{content:"";position:absolute;left:50%;bottom:0;width:100px;height:1px;background:#b8b5af;transform:translateX(-50%)}}
@media(min-width:851px){body[data-page="home"] .site-header nav a:not(.shop){color:#fff!important}body[data-page="home"] .site-header nav a:not(.shop):hover{color:#f28c28!important}}
@media(min-width:851px){body[data-page="home"] .site-header nav a:hover{background:transparent!important}}
@media(min-width:851px){.intro-feature,.intro-feature h1,.intro-feature p,.content,.content h2,.content p,.article-page,.article-page h1,.article-page p{text-align:left}.content>h2,.content>p{ text-align:left}.intro-feature p,.content p,.article-page p{margin-left:0;margin-right:0}}
@media(min-width:851px){.contact-grid,.contact-list,.contact-list>div,.contact-label,.contact-value,.form,.form label{text-align:left;justify-items:start}.form input,.form textarea{ text-align:left}}
.wa-float{position:fixed;right:24px;bottom:24px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px #0003;transition:transform .2s}.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:31px;height:31px;display:block}@media(max-width:850px){.wa-float{right:16px;bottom:16px;width:52px;height:52px}.wa-float svg{width:28px;height:28px}}

.contact-form{margin-top:48px;gap:10px}.contact-form label{font-size:11px;letter-spacing:1.5px;color:#5681ba;align-self:flex-start}.contact-form input,.contact-form textarea{width:100%;background:transparent}.contact-form button{width:100%;cursor:pointer}@media(max-width:850px){.contact-form{margin-top:36px}.contact-grid .embed{min-height:420px!important}}
@media(min-width:851px){.contact-grid{grid-template-columns:1fr 2fr!important;align-items:start}.contact-grid>div:first-child{min-width:0}.contact-grid>div:last-child{min-width:0}.contact-grid .embed{width:100%;height:100%;min-height:620px!important}}
@media(min-width:851px){.contact-grid>div:first-child{grid-column:1;grid-row:1}.contact-grid>.contact-form{grid-column:1;grid-row:2}.contact-grid>div:last-child{grid-column:2;grid-row:1 / span 2}}
@media(min-width:851px){main.content.contact-grid{display:grid!important;grid-template-columns:minmax(0,33.3333%) minmax(0,66.6667%)!important;column-gap:0!important;align-items:start!important}main.content.contact-grid>div:first-child,main.content.contact-grid>.contact-form,main.content.contact-grid>div:last-child{width:100%!important;max-width:none!important}main.content.contact-grid>div:last-child{grid-column:2!important;grid-row:1 / span 2!important;padding-left:30px}main.content.contact-grid>.contact-form{grid-column:1!important;grid-row:2!important;padding-right:30px}}
@media(min-width:851px){main.content.contact-grid{row-gap:12px!important}.contact-form{margin-top:0!important}}
