:root{--red:#d71920;--red2:#ef2b2f;--ink:#111820;--muted:#68717a;--line:#e7e9ec;--bg:#f6f7f8;--dark:#080f17}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1360px,90%);margin:auto}
.site-header{height:74px;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #eee}.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{margin-right:auto}.logo img{display:block;max-height:44px;max-width:210px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:13px;font-weight:700;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--red)}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--red)}
.lang-switch{display:flex;align-items:center;gap:3px;font-size:11px}.lang-btn{border:0;background:transparent;font-weight:800;padding:5px;cursor:pointer}.lang-btn.active{color:var(--red)}.quote-btn{background:var(--red);color:#fff;padding:14px 22px;border-radius:6px;font-size:13px;font-weight:800;white-space:nowrap}.menu-toggle{display:none;border:0;background:#fff;width:42px;height:42px;padding:8px}.menu-toggle span{height:2px;background:#111;display:block;margin:6px 0}

.hero-v6{height:410px;position:relative;overflow:hidden;color:#fff;background:#101923}.hero-photo{position:absolute;inset:0;background:url('../img/hero-refinery-clean.jpg') 66% center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,21,.97) 0%,rgba(4,12,21,.90) 31%,rgba(4,12,21,.58) 52%,rgba(4,12,21,.10) 78%,rgba(4,12,21,.02) 100%)}.hero-v6-inner{position:relative;z-index:2;padding-top:55px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--red2)}.hero-eyebrow{margin-bottom:14px}.hero-v6 h1{font-size:46px;line-height:1.02;max-width:690px;margin:0 0 15px;font-weight:800}.hero-v6 h1 span{color:#f33434}.hero-v6 p{max-width:650px;font-size:15px;line-height:1.5;margin:0 0 22px}.hero-actions{display:flex;gap:14px}.red-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-width:175px;padding:14px 24px;border-radius:5px;font-size:14px;font-weight:800}.red-btn{background:var(--red);color:#fff}.outline-btn{border:1px solid #fff;color:#fff;background:#09131db3}

.feature-bar{background:#080d13;color:#fff;padding:18px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{min-width:0;display:flex;align-items:center;gap:14px;padding:0 30px;border-right:1px solid #30363d}.feature:first-child{padding-left:0}.feature:last-child{border-right:0}.feature-icon{font-size:30px;color:#ef2b2f;min-width:34px;text-align:center}.feature b,.feature small{display:block}.feature b{font-size:14px}.feature small{font-size:11px;color:#d5d5d5;margin-top:4px}

.brand-strip{background:#f6f6f6;padding:20px 0;border-bottom:1px solid #ececec}.brand-row{display:grid;grid-template-columns:160px repeat(8,minmax(90px,1fr));gap:10px;align-items:center}.brand-title{font-size:12px;line-height:1.25}.brand-title:after{content:"";display:block;width:35px;height:2px;background:var(--red);margin-top:10px}.brand-row>span{height:58px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:15px;font-weight:900;color:#173c69}.brand-row>span:nth-of-type(2){color:#12823d}.brand-row>span:nth-of-type(3),.brand-row>span:nth-of-type(5),.brand-row>span:nth-of-type(7),.brand-row>span:nth-of-type(8){color:#d71920}

section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head h2{font-size:34px;margin:7px 0 0}.section-head>p{max-width:560px;color:var(--muted);line-height:1.6;margin:0}
#urunler{padding-top:48px}.cards{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.card{border:1px solid #ddd;border-radius:5px;overflow:hidden;background:#fff;min-width:0;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000012}.card img{width:100%;height:130px;object-fit:cover;display:block}.card-body{padding:14px}.num{color:#aaa;font-size:12px;font-weight:800}.card h3{font-size:14px;line-height:1.35;margin:8px 0}.card p{font-size:11px;color:#6d7379;line-height:1.45;min-height:46px}.more{font-size:12px;color:var(--red);font-weight:800}

.sector-band{padding:0;height:170px;background:#0d1721;color:#fff;position:relative;overflow:hidden}.sector-bg{position:absolute;inset:0;background:linear-gradient(108deg,#08111bf4 0 52%,#d71920f2 52% 100%)}.sector-inner{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.sector-copy h2{font-size:26px;margin:7px 0}.sector-copy p{font-size:12px;margin:0}.sector-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sector-icons>div{height:90px;background:#b7131950;border:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px}.sector-icons small{font-size:10px;margin-top:8px}

.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px}.about-copy>p{font-size:16px;line-height:1.8;color:#555d65}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.about-points>div{padding:18px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px}.about-points b,.about-points span{display:block}.about-points span{font-size:13px;color:var(--muted);margin-top:5px}.vision-card{padding:28px;background:#f4f5f6;border-radius:12px;margin-bottom:16px}.vision-card.dark{background:#151c24;color:#fff}.vision-card>span{color:var(--red);font-weight:900;font-size:13px}.vision-card h3{font-size:25px;margin:9px 0}.vision-card p{line-height:1.7;margin-bottom:0}

.capabilities{background:#f7f8f9}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cap{background:#fff;border:1px solid var(--line);padding:22px;border-radius:10px;font-size:22px}.cap b{display:block;font-size:15px;margin-top:14px}
.brands{display:flex;flex-wrap:wrap;gap:10px}.brand{padding:12px 16px;border:1px solid #ddd;border-radius:5px;background:#fff;font-weight:800;font-size:13px}
.network{background:#111a24;color:#fff}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.network img{border-radius:8px}.network p{line-height:1.7;color:#d9dde1}
.contact{background:var(--red);color:#fff}.compact-contact{padding:32px 0}.compact-contact-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center}.compact-contact h2{font-size:19px;margin:0 0 8px}.compact-contact p{font-size:13px;line-height:1.65;margin:0}.compact-contact-info{text-align:right}.compact-contact a{color:#fff}
footer{background:#090d12;color:#aaa;padding:24px 0;font-size:12px}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:80;background:#25D366;color:#fff;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;font-weight:800;box-shadow:0 10px 28px #0003}.wa-icon{width:24px;height:24px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:12px}

@media(max-width:1180px){.main-nav{gap:16px}.cards{grid-template-columns:repeat(4,1fr)}.brand-row{grid-template-columns:150px repeat(4,1fr)}}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:10px 5%;box-shadow:0 10px 25px #0002}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #eee}.main-nav a.active:after{display:none}.quote-btn{display:none}.hero-v6{height:auto;min-height:490px}.hero-v6-inner{padding:65px 5%}.hero-v6 h1{font-size:38px}.hero-photo{background-position:65% center}.feature-grid{grid-template-columns:1fr 1fr;gap:18px}.feature{border:0;padding:5px 15px}.cards{grid-template-columns:repeat(2,1fr)}.brand-row{grid-template-columns:1fr 1fr}.brand-title{grid-column:1/-1}.sector-band{height:auto;padding:28px 0}.sector-inner,.about-grid,.network-grid,.compact-contact-inner{grid-template-columns:1fr}.sector-inner{gap:20px}.compact-contact-info{text-align:left}.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:92%}.logo img{max-width:165px}.lang-switch{margin-left:0}.hero-v6 h1{font-size:31px}.hero-v6 p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.feature-grid,.cards,.about-points,.cap-grid{grid-template-columns:1fr}.brand-row{grid-template-columns:1fr 1fr}.sector-icons{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:15px}.whatsapp-float{right:12px;bottom:12px}.wa-text{display:none}.whatsapp-float{padding:11px}}

/* v8 - normalized product section */
.products-v8{padding:48px 0 54px;background:#fff}
.products-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:26px}
.products-heading h2{font-size:34px;line-height:1.05;margin:8px 0 0}
.products-heading p{max-width:620px;margin:0;color:#646b72;font-size:14px;line-height:1.6}
.product-grid-v8{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:stretch}
.product-card-v8{display:flex;flex-direction:column;min-width:0;height:100%;background:#fff;border:1px solid #dfe2e5;border-radius:5px;overflow:hidden;color:#111;transition:transform .2s,box-shadow .2s}
.product-card-v8:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,0,0,.09)}
.product-image{height:135px;position:relative;overflow:hidden;background:#eceff1}
.product-image img{display:block;width:100%;height:100%;object-fit:cover}
.product-no{position:absolute;right:10px;bottom:8px;color:#8c9298;font-size:13px;font-weight:800;background:rgba(255,255,255,.9);padding:3px 5px;border-radius:3px}
.product-card-content{min-height:86px;padding:14px 12px 13px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.product-card-content h3{font-size:14px;line-height:1.35;margin:0;font-weight:800;align-self:start;overflow-wrap:anywhere}
.product-arrow{color:#e11b22;font-size:21px;line-height:1}
@media(max-width:1200px){
 .product-grid-v8{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
 .products-heading{grid-template-columns:1fr;gap:15px}
 .product-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-image{height:160px}
}
@media(max-width:520px){
 .products-v8{padding:38px 0}
 .products-heading h2{font-size:29px}
 .product-grid-v8{grid-template-columns:1fr}
 .product-image{height:190px}
 .product-card-content{min-height:70px}
}

/* v9 - strict separation for brand strip and supply network */
.brand-strip{position:relative;z-index:2;clear:both;width:100%;height:auto;min-height:98px;overflow:hidden;margin:0;padding:20px 0;background:#f6f6f6}
.brand-strip .brand-row{position:relative;display:grid;float:none;width:auto;margin-left:auto;margin-right:auto;align-items:center}
.brand-strip + section{clear:both}
.network-v9{position:relative;z-index:1;clear:both;width:100%;height:auto;min-height:360px;margin:0;padding:62px 0;background:#101923;color:#fff;overflow:hidden}
.network-v9-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:center}
.network-v9-copy{min-width:0;position:relative}
.network-v9-copy h2{font-size:36px;line-height:1.1;margin:8px 0 18px}
.network-v9-copy p{font-size:15px;line-height:1.75;color:#d9dde1;margin:0;max-width:620px}
.network-v9-visual{min-width:0;height:260px;overflow:hidden;border-radius:8px;background:#202b35}
.network-v9-visual img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.network-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.network-stats>div{padding:13px 14px;border:1px solid #ffffff24;background:#ffffff08;border-radius:5px}
.network-stats strong,.network-stats span{display:block}.network-stats strong{font-size:13px;color:#fff}.network-stats span{font-size:11px;color:#aeb6be;margin-top:4px}
.network-v9 + section{clear:both}
@media(max-width:900px){
 .brand-strip{min-height:0}
 .network-v9{padding:45px 0}
 .network-v9-grid{grid-template-columns:1fr;gap:28px}
 .network-v9-visual{height:240px}
}
@media(max-width:560px){
 .network-v9-copy h2{font-size:30px}
 .network-stats{grid-template-columns:1fr}
 .network-v9-visual{height:200px}
}

/* v10 - brand strip alignment + left aligned footer company details */
.brand-strip .container.brand-row{
 width:min(1360px,90%);
 margin-left:auto;
 margin-right:auto;
 padding-left:0;
 padding-right:0;
}
.brand-strip .brand-title{justify-self:start;width:100%;margin:0;padding-left:0}
.v10-contact{display:block!important}
.v10-contact-details{width:100%;text-align:left;margin:0}
.v10-contact-details h2{margin:0 0 12px;font-size:19px}
.v10-contact-details p{margin:4px 0;font-size:13px;line-height:1.55}
.v10-contact-details strong{font-weight:800}
@media(max-width:900px){
 .brand-strip .container.brand-row{width:90%}
 .v10-contact-details{width:100%}
}
@media(max-width:560px){
 .brand-strip .container.brand-row{width:92%}
}

/* v11: original brand logos, clean vision/mission, full supply map */
.brand-row-v11{grid-template-columns:160px repeat(8,minmax(90px,1fr));gap:10px}
.brand-logo-card{height:62px;background:#fff;border:1px solid #eceeef;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}
.brand-logo-card img{display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}
.network-v11-visual{height:auto!important;min-height:0!important;background:#fff!important;border-radius:8px;padding:10px;overflow:visible!important}
.network-v11-visual img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
@media(max-width:1180px){.brand-row-v11{grid-template-columns:160px repeat(4,1fr)}}
@media(max-width:900px){.brand-row-v11{grid-template-columns:1fr 1fr}.brand-row-v11 .brand-title{grid-column:1/-1}.network-v11-visual{padding:6px}}

/* v12 - restore previous text-based brands */
.brand-strip .brand-row{grid-template-columns:160px repeat(8,minmax(90px,1fr));gap:10px}
.brand-strip .brand-row>span{height:58px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:15px;font-weight:900;color:#173c69}
.brand-strip .brand-row>span:nth-of-type(2){color:#12823d}
.brand-strip .brand-row>span:nth-of-type(3),
.brand-strip .brand-row>span:nth-of-type(5),
.brand-strip .brand-row>span:nth-of-type(7),
.brand-strip .brand-row>span:nth-of-type(8){color:#d71920}
@media(max-width:1180px){.brand-strip .brand-row{grid-template-columns:160px repeat(4,1fr)}}
@media(max-width:900px){.brand-strip .brand-row{grid-template-columns:1fr 1fr}.brand-strip .brand-title{grid-column:1/-1}}

/* v13 - English hero solution phrase stays on one line */
html[lang="en"] .hero-v6 h1{max-width:850px;font-size:43px}
html[lang="en"] .hero-v6 h1 span{white-space:nowrap}
@media(max-width:900px){
 html[lang="en"] .hero-v6 h1{font-size:34px;max-width:100%}
}
@media(max-width:560px){
 html[lang="en"] .hero-v6 h1{font-size:27px}
 html[lang="en"] .hero-v6 h1 span{white-space:normal}
}