:root{--dark:#111720;--red:#e53135;--muted:#647080;--line:#e8ebef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#202832;background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:auto;padding:0 24px}.top{background:#101722;color:#d4d8de;font-size:12px;padding:10px 0;letter-spacing:.09em}.top .container{display:flex;justify-content:space-between}.nav{background:white;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #0000000b}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:20px}.logo{width:265px;max-width:55vw;display:block}.links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.links a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:7px;background:var(--red);color:white;font-weight:800;font-size:14px;border:0}.btn.outline{background:transparent;border:1px solid #ffffff70}.hero{background:radial-gradient(ellipse at 80% 30%,#2e3946 0%,#131b26 48%,#0b1018 100%);color:white;overflow:hidden}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{color:#ff7274;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.08;margin:19px 0}.hero h1 span{color:#ff5559}.hero p{color:#bfc9d3;line-height:1.85;max-width:530px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.visual{position:relative;min-height:390px;display:grid;place-items:center}.ring{width:350px;height:350px;border:2px solid #ffffff18;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff04}.ring:before{content:'◴';font-size:210px;color:#e53135;opacity:.9}.float{position:absolute;bottom:45px;left:5px;background:#fff;color:#18202b;padding:18px 22px;border-radius:10px;box-shadow:0 20px 50px #0004;font-weight:800}.float small{display:block;color:#65717e;margin-top:6px;font-weight:500}.section{padding:88px 0}.center{text-align:center}.kicker{color:var(--red);font-size:12px;letter-spacing:.14em;font-weight:800}.section h2{font-size:clamp(27px,3.5vw,39px);margin:12px 0 16px;letter-spacing:-.03em}.lead{color:var(--muted);line-height:1.75;max-width:650px;margin:0 auto 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:31px;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #17202a08;background:white}.ico{width:54px;height:54px;border-radius:12px;background:#fff0f0;color:var(--red);display:grid;place-items:center;font-size:25px;margin-bottom:25px}.card h3{margin:0 0 12px;font-size:19px}.card p{color:var(--muted);line-height:1.75;font-size:14px;margin:0}.light{background:#f6f8fa}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{min-height:340px;background:linear-gradient(135deg,#202d3a,#0f151e);border-radius:18px;display:flex;flex-direction:column;justify-content:center;padding:50px;color:white;position:relative;overflow:hidden}.panel:after{content:'LPG';position:absolute;font-size:170px;font-weight:900;opacity:.045;right:-25px;bottom:-50px}.panel strong{font-size:32px;line-height:1.2;max-width:330px}.panel p{color:#c3ccd5;line-height:1.7}.tick{margin:20px 0;color:#4b5969;line-height:1.8}.tick b{color:var(--red)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.arttop{height:155px;background:linear-gradient(135deg,#263442,#111923);display:flex;align-items:center;justify-content:center;color:#fa5558;font-size:64px}.article .content{padding:23px}.article h3{font-size:18px;margin:12px 0}.article p{font-size:14px;color:var(--muted);line-height:1.65}.article small{color:var(--red);font-weight:800}.contact{background:#131b26;color:white;padding:68px 0}.contact .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:32px;margin:0 0 10px}.contact p{color:#bdc7d0;margin:0;line-height:1.7}footer{background:#0c121a;color:#9aa5b1;padding:25px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px}#menuBtn{display:none;background:none;border:0;font-size:28px;color:#202832;cursor:pointer}.note{font-size:12px;color:#87929d;margin-top:12px}@media(max-width:850px){.links{display:none;position:absolute;top:94px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 30px #0002}.links.open{display:flex}#menuBtn{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding-top:65px;padding-bottom:40px}.visual{min-height:270px}.ring{width:230px;height:230px}.ring:before{font-size:140px}.float{bottom:0}.cards,.articles{grid-template-columns:1fr 1fr}.contact .container{align-items:flex-start;flex-direction:column}}@media(max-width:570px){.top{font-size:10px}.top .container{gap:10px}.nav-inner{min-height:78px}.links{top:78px}.logo{width:210px}.cards,.articles{grid-template-columns:1fr}.section{padding:65px 0}.hero h1{font-size:40px}.panel{padding:35px}.foot{flex-direction:column}.contact h2{font-size:27px}}

.admin-note{font-size:13px;color:#647080}

/* V3: Consistent service cards with or without an uploaded image */
.service-card{display:flex;flex-direction:column;min-width:0}
.service-media{height:155px;width:100%;margin-bottom:18px;border-radius:10px;overflow:hidden;background:#f5f7f9;display:flex;align-items:center;justify-content:center}
.service-image{display:block;width:100%;height:100%;object-fit:cover}
.service-media .ico{margin:0;width:62px;height:62px}
.service-card h3{margin-top:0}
@media(max-width:570px){.service-media{height:180px}}

/* V4 article typography */
.article-body{line-height:1.85;color:#344054;overflow-wrap:anywhere}.article-body h2{font-size:1.65rem;margin:1.6em 0 .5em;color:#111720}.article-body h3{font-size:1.25rem;margin:1.3em 0 .5em;color:#111720}.article-body p{margin:0 0 1.15em}.article-body ul,.article-body ol{padding-left:1.6rem;margin:0 0 1.15em}.article-body a{color:#d82e33;text-decoration:underline}.article-body blockquote{border-left:3px solid #e53135;padding-left:18px;margin:20px 0;color:#586575}

/* V6 independent LPG guide page */
.guide-hero{background:linear-gradient(115deg,#101721,#243241);padding:88px 0 78px;color:#fff}.guide-hero h1{font-size:clamp(36px,5vw,56px);margin:14px 0}.guide-hero p{max-width:650px;line-height:1.8;color:#c7d0da}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.guide-heading h2{margin-bottom:0}.guide-heading>span{color:#647080;font-size:14px}.guide-list{background:#f8f9fb}.guide-cards .article{display:flex;flex-direction:column;box-shadow:0 8px 25px #17202a08;transition:transform .2s,box-shadow .2s}.guide-cards .article:hover{transform:translateY(-4px);box-shadow:0 14px 32px #17202a17}.guide-image{width:100%;height:190px;object-fit:cover;display:block}.guide-cards .arttop{height:190px}.guide-cards .content{flex:1;display:flex;flex-direction:column}.guide-cards .content p{flex:1}.guide-read{font-weight:800;color:#e53135;font-size:14px;margin-top:12px}.guide-more{text-align:center;margin-top:30px}.guide-empty{padding:45px;text-align:center;background:white;border:1px solid #e8ebef;border-radius:12px;color:#647080}.guide-bottom{padding:60px 0;background:#fff;text-align:center}.guide-bottom h2{font-size:28px}.guide-bottom p{color:#647080;margin-bottom:25px}@media(max-width:570px){.guide-hero{padding:60px 0}.guide-heading{align-items:start;flex-direction:column}.guide-image,.guide-cards .arttop{height:200px}}

/* V7 article detail banner and breadcrumbs */
.page-banner{background:linear-gradient(115deg,#101721,#243241);color:#fff;padding:44px 0 60px;border-bottom:4px solid #e53135}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#c6d0dc;margin-bottom:32px;line-height:1.6}
.breadcrumbs a{color:#f4f6f9;text-decoration:none}.breadcrumbs a:hover{color:#ff7075;text-decoration:underline}.breadcrumbs span[aria-current]{color:#d5dde5}
.page-banner-label{color:#ff646a;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:12px}
.page-banner h1{color:#fff;font-size:clamp(30px,4.5vw,48px);line-height:1.2;max-width:900px;margin:0}
.article-section{background:#fff;min-height:380px}.article-container{max-width:850px}.article-category{color:#d92e33;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:20px}.article-cover{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:14px;margin:0 0 28px}.article-summary{font-size:19px;line-height:1.8;color:#536274;margin:0 0 28px}.article-back{border-top:1px solid #e6eaf0;padding-top:22px;margin-top:38px}.article-back a{color:#d92e33;font-weight:700;text-decoration:none}.article-back a:hover{text-decoration:underline}
.guide-hero .breadcrumbs{margin-bottom:30px}.guide-hero .breadcrumbs a{color:#fff}
@media(max-width:570px){.page-banner{padding:30px 0 44px}.breadcrumbs{margin-bottom:24px}.article-summary{font-size:17px}}

/* V8 */
.article-container{max-width:none;width:100%}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:#d9e2ec;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}

/* V8.1: Match article detail content to banner breadcrumb alignment */
.article-section > .container.article-container,
.article-section .container.article-container {max-width:1160px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}

/* V10 - Hakkımızda */
.about-page{background:#fff}.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:55px;align-items:start}.about-main h2{font-size:clamp(25px,3vw,36px);line-height:1.3;margin:16px 0}.about-main h2:not(:first-of-type){font-size:25px;margin-top:35px}.about-main p{color:#647080;line-height:1.95;font-size:16px;margin-bottom:24px}.about-visual img{width:100%;border-radius:15px;object-fit:cover;max-height:500px}.about-placeholder{background:linear-gradient(145deg,#182332,#303e50);border-radius:15px;min-height:340px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;color:white}.about-placeholder span{font-size:13px;letter-spacing:3px;color:#ff6569}.about-placeholder strong{font-size:clamp(30px,4vw,48px);line-height:1.2}@media(max-width:800px){.about-grid{grid-template-columns:1fr;gap:26px}.about-placeholder{min-height:260px}}

/* V11 - Rich Hakkimizda detail typography */
.about-detail{margin:32px 0 30px;padding-top:22px;border-top:1px solid #e8edf2;line-height:1.85}.about-main .about-detail h2{font-size:26px;margin:24px 0 12px;color:#182332}.about-main .about-detail h3{font-size:20px;margin:20px 0 10px;color:#182332}.about-detail ul,.about-detail ol{padding-left:24px;margin:12px 0 20px}.about-detail li{margin:6px 0}.about-detail a{color:#d82e33;text-decoration:underline}.about-detail blockquote{border-left:3px solid #e53135;padding-left:16px;color:#536274}.about-detail p{margin-bottom:16px}

/* V12 - About page gallery */
.about-page .about-grid{display:block;max-width:1160px}.about-page .about-main{max-width:960px}
.about-feature-image{margin:22px 0 30px}.about-feature-image img{display:block;width:100%;max-height:490px;object-fit:cover;border-radius:14px}
.about-gallery-section{margin-top:48px}.about-gallery-section h2{font-size:clamp(24px,3vw,32px);margin:0 0 20px}
.about-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-gallery-thumb{border:0;background:transparent;padding:0;cursor:pointer;overflow:hidden;border-radius:10px;aspect-ratio:4/3}
.about-gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}.about-gallery-thumb:hover img{transform:scale(1.04)}
.about-bottom-cta{padding-top:32px}.about-lightbox[hidden]{display:none!important}
.about-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(8,13,21,.94);display:flex;align-items:center;justify-content:center;padding:65px 70px}
.about-lightbox-image{max-width:100%;max-height:calc(100vh - 130px);object-fit:contain}
.about-lightbox button{position:absolute;background:rgba(255,255,255,.14);color:white;border:0;cursor:pointer;border-radius:50%;width:48px;height:48px;font-size:35px;line-height:1}
.about-lightbox-close{right:20px;top:18px}.about-lightbox-prev{left:16px;top:50%;transform:translateY(-50%)}.about-lightbox-next{right:16px;top:50%;transform:translateY(-50%)}
.about-lightbox-count{position:absolute;bottom:20px;color:white;font-size:14px}
@media(max-width:700px){.about-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.about-lightbox{padding:75px 45px}.about-lightbox button{width:36px;height:36px;font-size:27px}.about-lightbox-prev{left:4px}.about-lightbox-next{right:4px}}

/* V13 İletişim sayfası */
.contact-page{background:#fff}.contact-intro{max-width:800px;margin-bottom:30px}.contact-intro h2{font-size:clamp(26px,3vw,38px);margin:8px 0}.contact-intro p{line-height:1.8;color:#647080}.contact-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:26px;align-items:start}.contact-info-card,.contact-form-panel{border:1px solid #e6eaf0;background:#fff;border-radius:12px;padding:23px;margin-bottom:14px;box-shadow:0 5px 22px #00000006}.contact-info-card h3{font-size:14px;color:#e53135;margin:0 0 10px}.contact-info-card p{white-space:normal;margin:0;line-height:1.7}.contact-info-card a{color:#1c2630;overflow-wrap:anywhere}.contact-directions{display:inline-block;margin-top:8px}.contact-form-panel{padding:30px}.contact-form-panel h2{margin:0 0 8px}.contact-form-panel>p{color:#647080}.contact-form-panel label{display:block;font-weight:600;margin:16px 0 7px}.contact-form-panel input,.contact-form-panel textarea{width:100%;font:inherit;padding:12px;border:1px solid #d8dee6;border-radius:7px;background:white}.contact-form-panel textarea{resize:vertical}.contact-form-panel button{margin-top:8px}.contact-form-note{font-size:12px;line-height:1.6;color:#647080}.contact-error{color:#b91c1c!important}.contact-success{color:#117647!important}.contact-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.contact-map{margin-top:38px}.contact-map iframe{width:100%;height:390px;border:0;border-radius:12px}@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-form-panel{padding:20px}.contact-map iframe{height:300px}}

/* V13.1: Map beneath address, within left contact column */
.contact-details{min-width:0;display:flex;flex-direction:column}
.contact-map-inline{margin-top:20px;flex:1;display:flex;flex-direction:column;min-height:320px}
.contact-map-inline h2{font-size:22px;margin:0 0 14px;color:#182332}
.contact-map-inline iframe{width:100%;height:100%;min-height:320px;flex:1;border:0;border-radius:12px;display:block}
@media(max-width:800px){.contact-map-inline{min-height:300px}.contact-map-inline iframe{height:300px;min-height:300px}}

/* V14 – bağımsız hizmet listesi */
.services-list-intro{text-align:center;max-width:760px;margin:0 auto 34px}.services-list-intro h2{margin:10px 0 12px}.services-list-intro p{color:#667181;line-height:1.75}.services-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.services-list-card{border:1px solid #e6eaf0;border-radius:14px;background:white;overflow:hidden;box-shadow:0 8px 25px rgba(15,25,40,.05);display:flex;flex-direction:column}.services-list-media{aspect-ratio:16/10;background:#f2f4f7}.services-list-media img{display:block;width:100%;height:100%;object-fit:cover}.services-list-placeholder{display:grid;place-items:center;height:100%;font-size:48px;color:#e53135}.services-list-content{padding:22px;display:flex;flex-direction:column;flex:1}.services-list-content h3{font-size:21px;margin:0 0 12px}.services-list-content p{color:#667181;line-height:1.75;margin:0 0 20px;flex:1}.services-list-link{font-weight:700;color:#e53135;text-decoration:none}.services-list-link:hover{text-decoration:underline}.services-list-empty{text-align:center;padding:35px;color:#667181}@media(max-width:900px){.services-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.services-list-grid{grid-template-columns:1fr}}