/*
Theme Name: Azsteel
Theme URI: https://azsteel.sparkdigital.az
Author: Spark Digital
Author URI: https://sparkdigital.az
Description: Azsteel Casting polad və çuqun tökmə, maşınqayırma hissələri və metal konstruksiya həlləri üçün WordPress teması.
Version: 1.0.0
Text Domain: azsteel
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
 --bg:#0D1012;--surface:#151A1E;--surface2:#1D2328;--surface3:#252C31;
 --text:#F5F5F2;--muted:#AEB5BA;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.22);
 --brand:#F26A21;--brand2:#FF8A3D;--brandink:#111315;--paper:#F2F0EA;--paperink:#171A1D;
 --paper-muted:#646B70;--max:1280px;--r:20px;--rl:28px;--shadow:0 24px 80px rgba(0,0,0,.26)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{
 margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{display:block}
button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
:focus-visible{outline:3px solid #FFB37C;outline-offset:3px}.skip{position:fixed;top:-80px;left:16px;z-index:999;padding:12px 16px;background:#fff;color:#111;border-radius:10px;font-weight:800}.skip:focus{top:16px}
h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.9rem);line-height:.95;letter-spacing:-.06em;text-wrap:balance}
h2{font-size:clamp(2.2rem,4vw,3.9rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}
h3{font-size:1.3rem;line-height:1.18;letter-spacing:-.025em}p{color:var(--muted)}
.kicker{display:inline-flex;align-items:center;gap:10px;color:#FFA06B;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850}
.kicker:before{content:"";width:28px;height:2px;background:var(--brand)}
.btn{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:850;cursor:pointer;transition:.18s transform,.18s background-color,.18s border-color;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}.primary{background:var(--brand);color:var(--brandink)}.primary:hover{background:var(--brand2)}
.secondary{background:rgba(255,255,255,.055);color:var(--text);border-color:var(--line2)}.secondary:hover{background:rgba(255,255,255,.095)}
.iconbtn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}
.badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(242,106,33,.3);background:rgba(242,106,33,.12);color:#FFAA79;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.section{padding:104px 0}.section-sm{padding:72px 0}.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:48px;align-items:end;margin-bottom:46px}.head p{margin-bottom:0}
.light{background:var(--paper);color:var(--paperink)}.light p{color:var(--paper-muted)}.light .kicker{color:#A94517}.light .kicker:before{background:#A94517}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,#1A2024,#13171A);padding:26px}
.cardicon{width:48px;height:48px;border-radius:14px;background:rgba(242,106,33,.12);color:#FF9A60;display:grid;place-items:center}
.arrow{display:inline-flex;align-items:center;gap:8px;color:#FF9A60;font-size:13px;font-weight:850}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#8E969B;font-size:13px;margin-bottom:28px}.breadcrumb a:hover{color:#fff}

/* Header */
.utility{border-bottom:1px solid var(--line);font-size:13px;color:#C9CED1}.utility .container{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:24px}.utility-links{display:flex;gap:20px}
.siteheader{position:sticky;top:0;z-index:80;background:rgba(13,16,18,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}
.brand-logo{height:54px;max-height:58px;width:auto;display:block;transition:transform .2s ease,opacity .2s ease}.brand:hover .brand-logo{transform:scale(1.03);opacity:.95}
.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:760}.navlinks a{min-height:44px;display:flex;align-items:center;color:#D5D8DA;position:relative}
.navlinks a:hover,.navlinks a[aria-current=page]{color:white}.navlinks a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--brand)}
.navactions{display:flex;align-items:center;gap:10px}.lang{height:44px;border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.lang a{min-width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#9FA6AB}.lang a[aria-current=true]{background:var(--surface3);color:#fff}
.menubtn{display:none}

/* Header Utility Bar */
.utility{background:#080A0B;border-bottom:1px solid var(--line);color:#A7ABAD;font-size:12px}
.utility .container{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.utility-info{display:flex;gap:20px}

/* Page heroes */
.pagehero{min-height:535px;position:relative;display:flex;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}
.pagehero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,11,.92),rgba(8,10,11,.75) 48%,rgba(8,10,11,.45)),linear-gradient(0deg,var(--bg),transparent 56%),var(--hero) center/cover no-repeat}
.pagehero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.pagehero .container{position:relative;z-index:2;padding-top:95px;padding-bottom:62px}.herocopy{max-width:880px}.herocopy p{font-size:1.08rem;max-width:730px;color:#C6CBCE}.actions{display:flex;gap:12px;flex-wrap:wrap}
.homehero{min-height:calc(100vh - 105px);min-height:calc(100dvh - 105px);align-items:center}.homehero .container{padding-top:90px;padding-bottom:52px}.homehero p{font-size:1.13rem;margin-bottom:34px}
.homehero:before{background:linear-gradient(90deg,rgba(8,10,11,.88),rgba(8,10,11,.7) 48%,rgba(8,10,11,.35)),linear-gradient(0deg,var(--bg),transparent 56%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.85) contrast(1.05)}

.proofs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:82px;border-block:1px solid var(--line)}.proof{padding:24px;border-right:1px solid var(--line)}.proof:first-child{padding-left:0}.proof:last-child{border-right:0}.proof strong{display:flex;align-items:center;gap:10px}.proof svg{color:#FF9860}.proof p{font-size:13px;margin:7px 0 0;color:#99A1A6}

/* Home */
.curtain-head{margin-bottom:32px}
.curtain-stage{height:560px;display:flex;border-radius:var(--rl);overflow:hidden;background:#111518;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.5);isolation:isolate}
.curtain-panel{position:relative;flex:1;min-width:0;overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px 28px;cursor:pointer;border-right:1px solid rgba(255,255,255,.1);transition:flex .55s cubic-bezier(.2,.7,.1,1),border-color .4s ease}
.curtain-panel:last-child{border-right:none}
.curtain-panel:hover{flex:3.8;border-color:rgba(242,106,33,.6)}
.curtain-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease;z-index:-2;filter:saturate(.85) brightness(.8)}
.curtain-panel:hover .curtain-bg{transform:scale(1.08);filter:saturate(1.1) brightness(1.05)}
.curtain-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,16,18,.4) 0%,rgba(13,16,18,.95) 100%);z-index:-1;transition:background .4s ease}
.curtain-panel:hover .curtain-overlay{background:linear-gradient(180deg,rgba(13,16,18,.2) 0%,rgba(13,16,18,.88) 100%)}
.curtain-badge{display:inline-block;align-self:flex-start;background:rgba(13,16,18,.85);backdrop-filter:blur(8px);border:1px solid rgba(242,106,33,.35);color:#FF9A60;font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:.85;transition:opacity .3s ease,border-color .3s ease,background .3s ease}
.curtain-panel:hover .curtain-badge{opacity:1;border-color:var(--brand);background:rgba(242,106,33,.2)}
.curtain-content{z-index:2;margin-top:auto;min-width:280px}
.curtain-num{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--brand);margin-bottom:6px;white-space:nowrap}
.curtain-title{font-size:clamp(1.4rem,2.2vw,2.1rem);font-weight:850;color:#fff;margin:0 0 10px;line-height:1.2;white-space:nowrap}
.curtain-desc{font-size:13.5px;color:#C0C8CD;line-height:1.5;margin:0 0 20px;max-width:380px;opacity:0;transform:translateY(12px);transition:opacity .4s ease .1s,transform .4s ease .1s}
.curtain-panel:hover .curtain-desc{opacity:1;transform:translateY(0)}
.curtain-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:850;color:var(--brand);opacity:0;transform:translateY(8px);transition:opacity .35s ease .15s,transform .35s ease .15s,gap .25s ease,color .25s ease}
.curtain-panel:hover .curtain-btn{opacity:1;transform:translateY(0)}
.curtain-panel:hover .curtain-btn:hover{gap:12px;color:#FFAA79}

.category{position:relative;overflow:hidden;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:32px 28px;isolation:isolate;border-radius:var(--r);border:1px solid var(--line);background:#151A1E;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.category::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(10,13,15,.35) 0%,rgba(10,13,15,.88) 100%),var(--cat-bg);background-size:cover;background-position:center;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease;z-index:1}
.category:hover::before{transform:scale(1.08);filter:brightness(1.15)}
.category:hover{transform:translateY(-5px);border-color:rgba(242,106,33,.75);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.category h3{position:relative;z-index:2;margin:0;font-size:1.35rem;font-weight:800;color:#fff;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.category .arrow{position:relative;z-index:2;margin-top:auto;color:#FF9A60;font-size:14px;font-weight:850;display:inline-flex;align-items:center;gap:8px;transition:gap .25s ease,color .25s ease}
.category:hover .arrow{gap:12px;color:#FFAA79}
.capability{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.capimg{min-height:520px;border-radius:var(--rl);background:url("assets/images/machine-2.webp") center/cover;border:1px solid var(--line);position:relative;overflow:hidden}.capimg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,11,.75),transparent 55%)}
.bigstat{position:absolute;z-index:2;left:24px;bottom:24px;background:var(--brand);color:#111;border-radius:18px;padding:20px 22px}.bigstat strong{display:block;font-size:2.5rem;line-height:1}.bigstat span{font-size:13px;font-weight:750}
.checks{display:grid;margin:28px 0}.check{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.1)}.checkdot{width:32px;height:32px;border-radius:50%;background:#171A1D;color:#fff;display:grid;place-items:center}.check b{display:block}.check span{color:#687077;font-size:14px}
.metalshow{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.featureimg{min-height:560px;border-radius:var(--rl);overflow:hidden;position:relative;background:linear-gradient(0deg,rgba(8,10,11,.88),rgba(8,10,11,.05) 60%),url("assets/images/metal-2.webp") center/cover;border:1px solid var(--line)}.featurecontent{position:absolute;left:28px;right:28px;bottom:28px;max-width:630px}.featurecontent h3{font-size:clamp(2rem,3vw,3.1rem);margin:14px 0 10px}.featurecontent p{color:#D0D3D5}
.minigallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.minigallery img{width:100%;height:272px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}

/* Light Shell & Rhythm Enhancements */
.light-shell{background:radial-gradient(ellipse at 50% 0%,rgba(242,106,33,.05),transparent 75%),radial-gradient(rgba(20,25,28,.06) 1px,transparent 1px) var(--paper);background-size:100% 100%,32px 32px;color:var(--paperink);border-top:1px solid #D8D2C8;border-bottom:1px solid #D8D2C8;position:relative}
.light-shell:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:240px;height:3px;background:linear-gradient(90deg,transparent,var(--brand),transparent)}
.light-shell .head h2{color:#111518}
.light-shell .head p{color:#5F666B}
.light-shell .kicker{color:var(--brand)}

.curtain-stage{height:570px;display:flex;border-radius:var(--rl);overflow:hidden;background:#0f1316;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 80px rgba(15,20,24,.22),0 0 0 1px rgba(255,255,255,.06);isolation:isolate}

/* Video Hero Section */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.75) contrast(1.05)}

/* About Page */
.aboutgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.lead{font-size:1.24rem;line-height:1.55;color:#222}
.aboutphoto{min-height:480px;border-radius:var(--rl);border:1px solid var(--line);background:url("assets/images/about-foundry.webp") center/cover}
.promise{border:1px solid rgba(0,0,0,.08);background:#fff;color:#111518}.promise h3{margin:16px 0 8px}.promise p{color:#646B70;margin-bottom:0}
.sourcefact{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.08)}.sourcefact strong{display:block;color:#111518}.sourcefact span{color:#646B70;font-size:14px}

/* Products */
.filterbar{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:48px}
.filter{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#333;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
.filter[aria-pressed=true]{background:#111518;color:#fff;border-color:#111518}
.productsection{margin-bottom:72px}.productsection.hidden{display:none}
.productintro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,500px);gap:40px;align-items:end;margin-bottom:28px}.productintro h2{margin-bottom:0}.prodmeta{display:flex;align-items:center;gap:14px;margin-top:8px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pcard{border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;flex-direction:column}
.pcard img{width:100%;height:220px;object-fit:cover}
.pcardbody{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.pcardbody h3{font-size:1.15rem;margin:0;color:#111518}.pcardbody p{font-size:13px;color:#646B70;margin:0}
.widegallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.widegallery img{width:100%;height:240px;object-fit:cover;border-radius:var(--r);border:1px solid rgba(0,0,0,.08)}

/* Contact */
.contactgrid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:56px;align-items:start}
.contactcards{display:grid;gap:16px}
.contactcard{border:1px solid rgba(0,0,0,.08);background:#fff;color:#111518;display:flex;gap:18px;align-items:center}
.contactcard h3{margin:0 0 4px;font-size:1rem;color:#111518}.contactcard a,.contactcard p{margin:0;color:#646B70;font-size:14px}
.formcard{border-radius:var(--rl);border:1px solid var(--line);background:linear-gradient(160deg,#1B2126,#13171A);padding:36px;color:#fff}
.formhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.formhead h2{margin-bottom:0}.formhead span{color:#9FA6AB;font-size:12px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:750;color:#D0D4D7}
.field input,.field select,.field textarea{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);padding:0 16px;color:#fff}
.field textarea{min-height:130px;padding:14px 16px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#767E83}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);background:rgba(255,255,255,.08);outline:0}
.field select option{background:#151A1E;color:#fff}
.status{font-size:13px;color:#FF9A60}

/* CTA */
.cta{padding:96px 0;background:linear-gradient(135deg,#181E22,#0D1012);border-top:1px solid var(--line)}
.ctagrid{display:flex;align-items:center;justify-content:space-between;gap:40px}.ctagrid h2{margin-bottom:12px;max-width:680px}.ctagrid p{margin-bottom:0;max-width:580px;color:#B0B7BC}

/* Footer */
footer{padding:80px 0 40px;background:#090B0D;border-top:1px solid var(--line);font-size:14px;color:#A1A7AB}
.footergrid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:48px;margin-bottom:64px}
.footerabout p{margin-top:16px;max-width:320px;color:#888F94}
footer h4{color:#fff;font-size:15px;margin-bottom:20px}
.footerlinks{display:grid;gap:12px}.footerlinks a{color:#A1A7AB;transition:color .2s}.footerlinks a:hover{color:#fff}.footerlinks p{margin:0;color:#888F94;line-height:1.6}
.copyright{padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#6C7378;font-size:13px}

/* Enhanced V3 Design Polish Rules */
.pcard{border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12);border-color:rgba(242,106,33,.4)}
.pcard-img-wrap{position:relative;overflow:hidden;height:220px;background:#151A1E}
.pcard-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.pcard:hover .pcard-img-wrap img{transform:scale(1.07)}
.pcard-body{padding:22px 20px;display:flex;flex-direction:column;flex:1;background:#fff}
.pcard-title{font-size:1.15rem;font-weight:800;color:#111518;margin:0 0 6px;line-height:1.3}
.pcard-subtitle{font-size:12.5px;color:#646B70;margin-bottom:16px;display:block}
.pcard-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:850;color:var(--brand);transition:gap .2s ease}
.pcard:hover .pcard-link{gap:10px;color:#D8550C}

/* Product Detail Page Specific Styles */
.pdetail-topbar{padding:24px 0 0;background:var(--paper)}
.pdetail-hero-section{padding-top:24px}
.pdetail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pgallery-container{display:flex;flex-direction:column;gap:16px}
.pgallery-main{position:relative;border-radius:var(--rl);overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#151A1E;height:440px}
.pgallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.pgallery-zoom-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(13,16,18,.75);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;cursor:pointer}
.pgallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pgallery-thumb{height:90px;border-radius:var(--r);overflow:hidden;border:2px solid transparent;padding:0;background:#151A1E;cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s}
.pgallery-thumb.active,.pgallery-thumb:hover{opacity:1;border-color:var(--brand)}
.pgallery-thumb img{width:100%;height:100%;object-fit:cover}

.pdetail-info{display:flex;flex-direction:column;gap:24px}
.pdetail-header-block{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}
.pdetail-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;color:#111518;margin:0 0 12px;line-height:1.15}
.pdetail-specs-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.pdetail-spec-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(242,106,33,.12);color:#A94517;font-size:12.5px;font-weight:800;border:1px solid rgba(242,106,33,.25)}
.pdetail-tab-nav{display:flex;gap:12px;border-bottom:2px solid rgba(0,0,0,.08);margin-bottom:20px}
.pdetail-tab-btn{padding:12px 18px;font-size:14px;font-weight:800;color:#646B70;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer}
.pdetail-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}
.pdetail-tab-pane{display:none;font-size:15px;color:#4A5054;line-height:1.7}.pdetail-tab-pane.active{display:block}

/* Blog & News Page V3 Enhancements */
.blog-filters{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;margin-bottom:36px;border-bottom:1px solid rgba(0,0,0,.08)}
.blog-tab{padding:10px 22px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#4A5054;font-size:13.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .2s ease}
.blog-tab.active,.blog-tab:hover{background:#111518;color:#fff;border-color:#111518}

.featured-post{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;border-radius:var(--rl);background:#111518;color:#fff;overflow:hidden;border:1px solid var(--line);margin-bottom:56px;box-shadow:var(--shadow)}
.featured-post-img{width:100%;height:420px;object-fit:cover}
.featured-post-content{padding:40px;display:flex;flex-direction:column;gap:16px}
.featured-post-title{font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:850;line-height:1.2;margin:0}
.featured-post-excerpt{color:#B0B7BC;font-size:15px;line-height:1.65;margin:0}
.blog-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#8E969B}
.blog-meta span{display:inline-flex;align-items:center;gap:6px}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:60px}
.blog-card{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.1)}
.blog-card-img-wrap{position:relative;height:210px;overflow:hidden;background:#151A1E}
.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blog-card:hover .blog-card-img{transform:scale(1.06)}
.blog-card-badge{position:absolute;top:14px;left:14px;background:rgba(13,16,18,.8);backdrop-filter:blur(6px);color:#FF9A60;font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;border:1px solid rgba(242,106,33,.3)}
.blog-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.blog-card-title{font-size:1.2rem;font-weight:800;color:#111518;margin:0;line-height:1.35}
.blog-card-excerpt{font-size:14px;color:#646B70;line-height:1.6;margin:0}
.blog-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:850;color:var(--brand);text-decoration:none;transition:gap .2s}
.blog-card:hover .blog-card-link{gap:10px;color:#D8550C}

.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}
.blog-page-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111518;display:grid;place-items:center;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s ease}
.blog-page-btn.active,.blog-page-btn:hover{background:#111518;color:#fff;border-color:#111518}

/* Responsive Media Queries */
@media(max-width:1180px){
 .curtain-stage{height:640px;flex-direction:column}
 .curtain-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:24px 20px}
 .curtain-panel:last-child{border-bottom:none}
 .curtain-panel:hover{flex:4}
 .curtain-title{font-size:1.5rem}
 .curtain-desc{opacity:1;transform:none;margin-bottom:10px}
 .curtain-btn{opacity:1;transform:none}
 .featured-post{grid-template-columns:1fr}
 .featured-post-img{height:300px}
}
@media(max-width:1024px){
 .head{grid-template-columns:1fr}
 .capability,.aboutgrid,.metalshow,.contactgrid,.pdetail-grid{grid-template-columns:1fr}
 .capimg{min-height:380px}
 .proofs{grid-template-columns:1fr 1fr}
 .proof:nth-child(2){border-right:0}
 .gallery,.widegallery,.grid4,.blog-grid{grid-template-columns:1fr 1fr}
 .footergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:991px){
 .utility,
 .desktop-only-bar,
 .utility * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
 }
 .homehero .kicker {
  display: none !important;
 }
 .nav{height:72px}
 .brand-logo{height:42px;max-height:44px}
 .navlinks,.navactions .btn,.navactions .lang{display:none}
 .menubtn{display:grid}
}

/* Mobile Drawer Backdrop */
.mobile-backdrop {
 position: fixed;
 inset: 0;
 background: rgba(0, 0, 0, 0.75);
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);
 z-index: 99998;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.3s ease;
}
.mobile-backdrop.active {
 opacity: 1;
 pointer-events: auto;
}

/* Mobile Menu Drawer (Slides in from the right) */
.mobile-drawer {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 width: min(340px, 86vw);
 height: 100vh;
 height: 100dvh;
 background: #0E1215;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
 z-index: 99999;
 box-shadow: -15px 0 45px rgba(0, 0, 0, 0.8);
 transform: translateX(105%);
 transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
 display: flex;
 flex-direction: column;
 padding: 22px 20px;
 overflow-y: auto;
 overscroll-behavior: contain;
}
.mobile-drawer[data-open="true"] {
 transform: translateX(0);
}
body.menu-open {
 overflow: hidden !important;
}

.mobile-drawer-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding-bottom: 18px;
 margin-bottom: 12px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mobile-drawer-logo {
 height: 38px;
 width: auto;
 display: block;
}
.mobile-close-btn {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(255, 255, 255, 0.1);
 color: #FFFFFF;
 display: grid;
 place-items: center;
 cursor: pointer;
 transition: background 0.18s, transform 0.18s;
}
.mobile-close-btn:hover {
 background: rgba(255, 255, 255, 0.14);
 transform: rotate(90deg);
}

.mobile-nav-links {
 display: flex;
 flex-direction: column;
 gap: 4px;
 flex: 1;
}
.mobile-nav-links a {
 font-size: 1.15rem;
 font-weight: 800;
 color: #E2E8F0;
 text-decoration: none;
 padding: 13px 14px;
 border-radius: 10px;
 transition: color 0.18s, background 0.18s, padding-left 0.18s;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.mobile-nav-links a svg {
 opacity: 0.35;
 transition: transform 0.18s, opacity 0.18s;
}
.mobile-nav-links a:hover,
.mobile-nav-links a.active {
 color: #F26A21;
 background: rgba(242, 106, 33, 0.08);
 padding-left: 18px;
}
.mobile-nav-links a:hover svg,
.mobile-nav-links a.active svg {
 opacity: 1;
 color: #F26A21;
 transform: translateX(3px);
}

.mobile-drawer-footer {
 margin-top: auto;
 padding-top: 20px;
 border-top: 1px solid rgba(255, 255, 255, 0.08);
 display: flex;
 flex-direction: column;
 gap: 16px;
}
.mobile-lang-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.mobile-lang-label {
 font-size: 12px;
 font-weight: 700;
 color: #8C969D;
 text-transform: uppercase;
 letter-spacing: 0.04em;
}
.mobile-contact-snippet {
 display: flex;
 flex-direction: column;
 gap: 8px;
}
.mobile-c-item {
 display: flex;
 align-items: center;
 gap: 10px;
 font-size: 13.5px;
 font-weight: 700;
 color: #B0B8BF;
 text-decoration: none;
 transition: color 0.18s;
}
.mobile-c-item:hover {
 color: #F26A21;
}
.mobile-cta-btn {
 width: 100%;
 justify-content: center;
 height: 48px;
 font-size: 15px;
 font-weight: 800;
 border-radius: 10px;
}

@media(max-width:768px){
 .proofs{grid-template-columns:1fr}
 .proof,.proof:first-child{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}
 .gallery,.widegallery,.grid3,.grid4,.blog-grid,.formgrid{grid-template-columns:1fr}
 .field.full{grid-column:auto}
 .ctagrid{flex-direction:column;align-items:flex-start}
 .footergrid{grid-template-columns:1fr;gap:36px}
 .copyright{flex-direction:column;gap:12px;text-align:center;align-items:center}
 .pgallery-main{height:300px}
 .product-filter-strip{top:72px}
 .section{padding:56px 0}
 .section-sm{padding:42px 0}
}

@media(max-width:480px){
 .container{width:calc(100% - 28px)}
 h1{font-size:clamp(2rem,8.5vw,2.8rem)}
 h2{font-size:clamp(1.6rem,7vw,2.2rem)}
 .homehero .actions{flex-direction:column;width:100%}
 .homehero .actions .btn{width:100%;justify-content:center}
 .ctagrid .btn{width:100%;justify-content:center}
}

/* ==========================================================================
   Azsteel Product Catalog & Filter Bar Styles
   ========================================================================== */

/* Subnav Filter Strip (Directly below header) */
.product-filter-strip {
	background: #121110;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: sticky;
	top: 82px;
	z-index: 75;
}

.product-filter-strip .container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.product-filter-strip .container::-webkit-scrollbar {
	display: none;
}

.filter-tabs {
	display: flex;
	align-items: center;
	gap: 28px;
	padding: 0;
	margin: 0;
	min-height: 52px;
}

.filter-tab {
	background: transparent;
	border: none;
	color: rgba(255, 255, 255, 0.70);
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 2px;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	transition: color 0.18s ease;
}

.filter-tab:hover {
	color: #ffffff;
}

.filter-tab.active {
	color: #ffffff;
	font-weight: 600;
}

.filter-tab.active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: #ED3F18;
	border-radius: 2px 2px 0 0;
}

/* Catalog Page Main Container (Light Paper Surface) */
.catalog-page-main {
	background-color: #F5F3F1;
	min-height: 85vh;
	padding: 60px 0 80px;
	color: #16110F;
}

.catalog-group-section {
	margin-bottom: 68px;
	transition: opacity 0.25s ease;
}

.catalog-group-section:last-of-type {
	margin-bottom: 40px;
}

.catalog-group-header {
	margin-bottom: 32px;
	max-width: 760px;
}

.catalog-group-title {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #141110;
	margin: 0 0 14px;
	line-height: 1.15;
	letter-spacing: -0.025em;
}

.catalog-group-desc {
	font-size: 16px;
	line-height: 1.65;
	color: #58514E;
	margin: 0;
}

/* 4-Column Product Grid */
.catalog-product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

@media (max-width: 1024px) {
	.catalog-product-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;
	}
}

@media (max-width: 640px) {
	.catalog-product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* Product Card - Clean White Square with Shadow */
.catalog-cell {
	background-color: #FFFFFF;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid rgba(22, 17, 15, 0.07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
	transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease;
	text-decoration: none;
}

.catalog-cell:hover {
	box-shadow: 0 12px 28px rgba(22, 17, 15, 0.08);
	border-color: rgba(237, 63, 24, 0.25);
	transform: translateY(-2px);
}

.catalog-cell-img {
	max-width: 72%;
	max-height: 72%;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	z-index: 1;
}

.catalog-cell:hover .catalog-cell-img {
	transform: scale(1.04);
}

.catalog-cell-code {
	position: absolute;
	bottom: 14px;
	left: 14px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	font-weight: 500;
	color: #6E6663;
	letter-spacing: 0.02em;
	z-index: 2;
	transition: color 0.15s ease;
}

.catalog-cell:hover .catalog-cell-code {
	color: #ED3F18;
}

/* Catalog CTA Strip */
.catalog-cta-wrap {
	margin-top: 56px;
	padding-top: 48px;
	border-top: 1px solid rgba(22, 17, 15, 0.10);
}

.catalog-cta-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	background: #FFFFFF;
	border: 1px solid rgba(22, 17, 15, 0.08);
	border-radius: 12px;
	padding: 36px 40px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

@media (max-width: 768px) {
	.catalog-cta-card {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px;
	}
}

.catalog-cta-card h3 {
	font-size: 22px;
	font-weight: 700;
	color: #141110;
	margin: 0 0 8px;
}

.catalog-cta-card p {
	font-size: 15px;
	color: #6E6663;
	margin: 0;
	line-height: 1.55;
}

.catalog-cta-card .btn {
	flex-shrink: 0;
}

/* Quick-View Modal (Lightbox) */
.catalog-modal {
	position: fixed;
	inset: 0;
	background: rgba(10, 9, 9, 0.85);
	backdrop-filter: blur(8px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.catalog-modal[data-open="true"] {
	opacity: 1;
	visibility: visible;
}

.catalog-modal-content {
	background: #FFFFFF;
	border-radius: 16px;
	max-width: 720px;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 32px 80px rgba(0, 0, 0, 0.45);
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 640px) {
	.catalog-modal-content {
		grid-template-columns: 1fr;
		max-height: 90vh;
		overflow-y: auto;
	}
}

.catalog-modal-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.06);
	border: none;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #141110;
	z-index: 10;
	transition: background 0.15s ease;
}

.catalog-modal-close:hover {
	background: rgba(0, 0, 0, 0.12);
}

.catalog-modal-img-wrap {
	background: #F8F7F5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 24px;
	min-height: 280px;
}

.catalog-modal-img {
	max-width: 90%;
	max-height: 260px;
	object-fit: contain;
}

.catalog-modal-body {
	padding: 36px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.catalog-modal-code {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 28px;
	font-weight: 700;
	color: #ED3F18;
	margin: 0 0 6px;
}

.catalog-modal-cat {
	font-size: 15px;
	font-weight: 600;
	color: #141110;
	margin: 0 0 12px;
}

.catalog-modal-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #6E6663;
	margin: 0 0 24px;
}

/* ==========================================================================
   Homepage: Categories & Products White Section
   ========================================================================== */
.home-categories-section {
	background-color: #FFFFFF;
	padding: 96px 0 88px;
	border-bottom: 1px solid rgba(22, 17, 15, 0.08);
	color: #141110;
}

.home-categories-section .head {
	margin-bottom: 40px;
}

.home-categories-section .head h2 {
	color: #141110;
}

.home-categories-section .head p {
	color: #55504E;
}

.home-categories-section .kicker {
	color: #ED3F18;
}

.home-categories-section .kicker::before {
	background: #ED3F18;
}

.home-cat-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	margin-bottom: 64px;
}

@media (max-width: 1024px) {
	.home-cat-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 640px) {
	.home-cat-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

.home-cat-card {
	background: #FFFFFF;
	border: 1px solid rgba(22, 17, 15, 0.09);
	border-radius: 12px;
	padding: 24px 16px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	color: #141110;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease;
}

.home-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(22, 17, 15, 0.09);
	border-color: rgba(237, 63, 24, 0.4);
}

.home-cat-img-wrap {
	width: 100%;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	position: relative;
}

.home-cat-img {
	max-width: 82%;
	max-height: 120px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-cat-card:hover .home-cat-img {
	transform: scale(1.06);
}

.home-cat-title {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #141110;
	margin: 0 0 6px;
	line-height: 1.25;
}

.home-cat-count {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	font-weight: 500;
	color: #ED3F18;
	letter-spacing: 0.02em;
}

/* Featured Products Subsection on Homepage */
.home-products-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
	padding-top: 28px;
	border-top: 1px solid rgba(22, 17, 15, 0.08);
}

.home-products-head h3 {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: clamp(1.4rem, 2.2vw, 1.9rem);
	font-weight: 700;
	color: #141110;
	margin: 0 0 6px;
	letter-spacing: -0.015em;
}

.home-products-head p {
	font-size: 15px;
	color: #6E6663;
	margin: 0;
}

.home-products-head .arrow {
	font-weight: 700;
	font-size: 14px;
	color: #ED3F18;
}

.home-products-actions {
	margin-top: 48px;
	display: flex;
	justify-content: center;
}

/* ==========================================================================
   Blog Archive & Single Post Styles
   ========================================================================== */

/* Blog Archive Page */
.blog-archive-page {
	background-color: #F5F3F1;
}

.blog-hero-section {
	padding: 56px 0 88px;
	background-color: #F5F3F1;
}

.blog-header-block {
	max-width: 780px;
	margin-bottom: 36px;
}

.blog-main-title {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: clamp(2.2rem, 3.8vw, 3.2rem);
	font-weight: 800;
	color: #141110;
	margin: 0 0 14px;
	letter-spacing: -0.025em;
	line-height: 1.15;
}

.blog-main-desc {
	font-size: 17px;
	line-height: 1.65;
	color: #58514E;
	margin: 0;
}

/* Filter Pills */
.blog-filters-wrap {
	margin-bottom: 44px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.blog-filters-wrap::-webkit-scrollbar {
	display: none;
}

.blog-filters {
	display: flex;
	gap: 10px;
	padding-bottom: 4px;
}

.blog-tab {
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid rgba(22, 17, 15, 0.10);
	background: #FFFFFF;
	color: #55504E;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.blog-tab:hover,
.blog-tab.active {
	background: #141110;
	color: #FFFFFF;
	border-color: #141110;
}

/* Featured Article Card */
.featured-post-card {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 40px;
	align-items: center;
	border-radius: 16px;
	background: #FFFFFF;
	border: 1px solid rgba(22, 17, 15, 0.08);
	overflow: hidden;
	margin-bottom: 56px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.featured-post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 45px rgba(22, 17, 15, 0.08);
}

.featured-img-link {
	display: block;
	height: 100%;
	min-height: 380px;
	overflow: hidden;
	background: #141110;
}

.featured-post-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.featured-post-card:hover .featured-post-img {
	transform: scale(1.05);
}

.featured-post-content {
	padding: 40px 36px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.blog-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 14px;
	border-radius: 999px;
	background: rgba(237, 63, 24, 0.10);
	color: #ED3F18;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.blog-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #6E6663;
}

.featured-post-title {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: clamp(1.6rem, 2.3vw, 2.2rem);
	font-weight: 700;
	line-height: 1.25;
	margin: 4px 0 0;
	color: #141110;
}

.featured-post-title a {
	color: #141110;
	text-decoration: none;
	transition: color 0.18s ease;
}

.featured-post-title a:hover {
	color: #ED3F18;
}

.featured-post-excerpt {
	font-size: 15.5px;
	line-height: 1.65;
	color: #55504E;
	margin: 0;
}

.featured-post-action {
	margin-top: 8px;
}

@media (max-width: 900px) {
	.featured-post-card {
		grid-template-columns: 1fr;
	}
	.featured-img-link {
		min-height: 260px;
	}
	.featured-post-content {
		padding: 28px 24px;
	}
}

/* Single Post Page */
.single-post-page {
	background-color: #FFFFFF;
}

.single-post-header-section {
	background-color: #F5F3F1;
	padding: 48px 0 44px;
	border-bottom: 1px solid rgba(22, 17, 15, 0.08);
}

.single-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #8A8582;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.single-breadcrumb a {
	color: #6E6663;
	transition: color 0.15s ease;
}

.single-breadcrumb a:hover {
	color: #141110;
}

.bc-sep {
	color: rgba(22, 17, 15, 0.3);
}

.bc-current {
	color: #141110;
	font-weight: 500;
}

.single-post-category {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 999px;
	background: rgba(237, 63, 24, 0.12);
	color: #ED3F18;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.single-post-title {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: clamp(2.2rem, 4vw, 3.4rem);
	font-weight: 800;
	color: #141110;
	line-height: 1.15;
	letter-spacing: -0.025em;
	margin: 0 0 24px;
	max-width: 900px;
}

.single-post-meta-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(22, 17, 15, 0.10);
	flex-wrap: wrap;
}

.meta-author-group {
	display: flex;
	align-items: center;
	gap: 14px;
}

.meta-author-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #141110;
	color: #FFFFFF;
	display: grid;
	place-items: center;
	font-family: 'IBM Plex Mono', monospace;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.meta-author-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.meta-author-name {
	font-size: 14.5px;
	font-weight: 700;
	color: #141110;
}

.meta-author-date {
	font-size: 13px;
	color: #6E6663;
}

.meta-stats-group {
	display: flex;
	align-items: center;
	gap: 18px;
}

.meta-stat-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	color: #6E6663;
}

.meta-share-copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 999px;
	background: #FFFFFF;
	border: 1px solid rgba(22, 17, 15, 0.12);
	font-size: 13px;
	font-weight: 600;
	color: #141110;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.03);
	transition: all 0.2s ease;
}

.meta-share-copy-btn:hover {
	background: #141110;
	color: #FFFFFF;
	border-color: #141110;
}

/* Featured Image in Single Post */
.single-featured-image-wrap {
	margin-top: 36px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06);
	background: #141110;
}

.single-featured-img {
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: cover;
	display: block;
}

/* Single Layout (Content + Sidebar) */
.single-post-body-section {
	padding: 64px 0 88px;
	background-color: #FFFFFF;
}

.single-post-layout {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 64px;
	align-items: start;
}

@media (max-width: 1024px) {
	.single-post-layout {
		grid-template-columns: 1fr;
		gap: 48px;
	}
}

/* Single Rich Text Typography */
.single-rich-text {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 17.5px;
	line-height: 1.8;
	color: #2D2725;
}

.single-rich-text .lead {
	font-size: 20px;
	line-height: 1.7;
	color: #141110;
	font-weight: 500;
	margin-bottom: 28px;
}

.single-rich-text h2 {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 700;
	color: #141110;
	margin: 44px 0 18px;
	letter-spacing: -0.015em;
	line-height: 1.25;
}

.single-rich-text h3 {
	font-size: clamp(1.2rem, 1.8vw, 1.45rem);
	font-weight: 700;
	color: #141110;
	margin: 32px 0 14px;
	line-height: 1.3;
}

.single-rich-text p {
	margin-bottom: 22px;
	color: #383230;
}

.single-rich-text blockquote {
	margin: 36px 0;
	padding: 24px 30px;
	border-left: 4px solid #ED3F18;
	background: #F9F8F6;
	border-radius: 0 12px 12px 0;
}

.single-rich-text blockquote p {
	font-size: 19px;
	font-style: italic;
	line-height: 1.6;
	color: #141110;
	margin: 0;
}

.single-rich-text ul,
.single-rich-text ol {
	margin: 20px 0 28px 24px;
	padding-left: 8px;
}

.single-rich-text li {
	margin-bottom: 12px;
	line-height: 1.7;
	color: #2D2725;
}

.single-rich-text strong {
	color: #141110;
	font-weight: 700;
}

/* Article Share Strip */
.article-share-strip {
	margin-top: 48px;
	padding: 24px 0;
	border-top: 1px solid rgba(22, 17, 15, 0.10);
	border-bottom: 1px solid rgba(22, 17, 15, 0.10);
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	position: relative;
}

.share-label {
	font-size: 14px;
	font-weight: 700;
	color: #141110;
}

.share-buttons {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.share-btn {
	padding: 7px 16px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid rgba(22, 17, 15, 0.12);
	background: #FFFFFF;
	color: #141110;
	transition: all 0.18s ease;
}

.share-btn.whatsapp:hover {
	background: #25D366;
	color: #FFFFFF;
	border-color: #25D366;
}

.share-btn.telegram:hover {
	background: #0088cc;
	color: #FFFFFF;
	border-color: #0088cc;
}

.share-btn.linkedin:hover {
	background: #0077b5;
	color: #FFFFFF;
	border-color: #0077b5;
}

.share-btn.copy-btn:hover {
	background: #141110;
	color: #FFFFFF;
	border-color: #141110;
}

.copy-toast {
	display: none;
	position: absolute;
	right: 0;
	background: #141110;
	color: #FFFFFF;
	padding: 6px 14px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
}

.copy-toast.show {
	display: inline-block;
	animation: fadeInOut 2s forwards;
}

@keyframes fadeInOut {
	0% { opacity: 0; transform: translateY(-4px); }
	20% { opacity: 1; transform: translateY(0); }
	80% { opacity: 1; transform: translateY(0); }
	100% { opacity: 0; transform: translateY(-4px); }
}

/* Author Card */
.article-author-card {
	display: flex;
	gap: 20px;
	align-items: center;
	background: #F8F7F5;
	border: 1px solid rgba(22, 17, 15, 0.08);
	padding: 28px;
	border-radius: 14px;
	margin-top: 40px;
}

.author-card-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #141110;
	color: #FFFFFF;
	display: grid;
	place-items: center;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 16px;
	font-weight: 700;
	flex-shrink: 0;
}

.author-card-body h4 {
	font-size: 16px;
	font-weight: 700;
	color: #141110;
	margin: 0 0 6px;
}

.author-card-body p {
	font-size: 14px;
	line-height: 1.6;
	color: #6E6663;
	margin: 0;
}

/* Prev / Next Navigation */
.post-navigation-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 44px;
}

@media (max-width: 600px) {
	.post-navigation-row {
		grid-template-columns: 1fr;
	}
}

.post-nav-card {
	padding: 20px 24px;
	background: #FFFFFF;
	border: 1px solid rgba(22, 17, 15, 0.09);
	border-radius: 12px;
	text-decoration: none;
	color: #141110;
	display: flex;
	flex-direction: column;
	gap: 6px;
	transition: all 0.2s ease;
}

.post-nav-card:hover {
	border-color: rgba(237, 63, 24, 0.35);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(22, 17, 15, 0.06);
}

.nav-direction {
	font-size: 12px;
	font-weight: 700;
	color: #ED3F18;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.nav-title {
	font-size: 15px;
	font-weight: 700;
	color: #141110;
	line-height: 1.35;
}

/* Sidebar Widgets */
.single-sidebar-column {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.sidebar-widget {
	background: #F8F7F5;
	border: 1px solid rgba(22, 17, 15, 0.08);
	border-radius: 14px;
	padding: 28px;
}

.widget-kicker {
	font-size: 11.5px;
	font-weight: 700;
	color: #ED3F18;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	display: block;
	margin-bottom: 8px;
}

.widget-title {
	font-size: 19px;
	font-weight: 700;
	color: #141110;
	margin: 0 0 10px;
	line-height: 1.3;
}

.widget-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #6E6663;
	margin: 0 0 20px;
}

.widget-sub-title {
	font-size: 16px;
	font-weight: 700;
	color: #141110;
	margin: 0 0 16px;
}

.widget-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.widget-contact-list li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 13.5px;
}

.contact-lbl {
	font-size: 12px;
	color: #8A8582;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.widget-contact-list a {
	color: #141110;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s;
}

.widget-contact-list a:hover {
	color: #ED3F18;
}

.widget-mini-text {
	font-size: 14px;
	line-height: 1.55;
	color: #6E6663;
	margin: 0 0 14px;
}

/* Related Posts Section */
.single-related-section {
	background-color: #F5F3F1;
	padding: 72px 0 88px;
	border-top: 1px solid rgba(22, 17, 15, 0.08);
}

.related-header {
	margin-bottom: 36px;
}

.related-header h2 {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: clamp(1.8rem, 2.8vw, 2.4rem);
	font-weight: 800;
	color: #141110;
	margin: 4px 0 0;
}

/* ==========================================================================
   CLEAN & MINIMALIST CONTACT PAGE
   ========================================================================== */
.az-contact-hero {
	background: #0E1215;
	padding: 64px 0 52px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.az-contact-hero-content {
	max-width: 760px;
}

.az-contact-hero-title {
	font-size: clamp(2.4rem, 4.2vw, 3.4rem);
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: -0.035em;
	color: #FFFFFF;
	margin: 12px 0 12px;
}

.az-contact-hero-desc {
	font-size: 1.05rem;
	color: #9CA5AB;
	line-height: 1.6;
	margin: 0;
}

/* Contact Main Layout */
.az-contact-section {
	background-color: #F8F9FA;
	padding: 64px 0 80px;
}

.az-contact-layout {
	display: grid;
	grid-template-columns: 380px minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

/* Left: Info Card & Map */
.az-contact-left {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.az-info-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 28px 26px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.az-card-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #111518;
	margin: 0 0 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #F0F2F4;
}

.az-contact-rows {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.az-c-row {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.az-c-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(242, 106, 33, 0.1);
	color: #F26A21;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.az-c-icon.whatsapp {
	background: #DCFCE7;
	color: #16A34A;
}

.az-c-label {
	display: block;
	font-size: 11.5px;
	font-weight: 750;
	color: #71787E;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 2px;
}

.az-c-link {
	font-size: 14.5px;
	font-weight: 750;
	color: #111518;
	text-decoration: none;
	transition: color 0.18s;
}

.az-c-link:hover {
	color: #F26A21;
}

.az-c-text {
	font-size: 14px;
	color: #4B5563;
	margin: 0;
	line-height: 1.45;
}

/* Map Card */
.az-map-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	overflow: hidden;
	height: 220px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.az-map-card iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Right: Form Card */
.az-quote-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 36px 38px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.az-quote-head {
	margin-bottom: 24px;
}

.az-quote-head h2 {
	font-size: 1.65rem;
	font-weight: 850;
	color: #111518;
	letter-spacing: -0.03em;
	margin: 0 0 6px;
}

.az-quote-head p {
	font-size: 14px;
	color: #6B7280;
	margin: 0;
	line-height: 1.5;
}

/* Form Fields */
.az-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 22px;
}

.az-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.az-field.full {
	grid-column: 1 / -1;
}

.az-field label {
	font-size: 12.5px;
	font-weight: 750;
	color: #374151;
}

.az-field input,
.az-field select,
.az-field textarea {
	width: 100%;
	height: 46px;
	border-radius: 8px;
	border: 1px solid #D1D5DB;
	background: #FAFAFA;
	padding: 0 14px;
	font-size: 14px;
	color: #111827;
	font-family: inherit;
	transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

.az-field textarea {
	height: 110px;
	padding: 12px 14px;
	resize: vertical;
	line-height: 1.5;
}

.az-field input::placeholder,
.az-field textarea::placeholder {
	color: #9CA3AF;
}

.az-field input:focus,
.az-field select:focus,
.az-field textarea:focus {
	border-color: #F26A21;
	background: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(242, 106, 33, 0.12);
	outline: none;
}

/* Form Bottom */
.az-form-bottom {
	display: flex;
	align-items: center;
	gap: 16px;
}

.az-submit-btn {
	height: 48px;
	padding: 0 28px;
	border-radius: 8px;
	background: #F26A21;
	color: #FFFFFF;
	font-size: 14.5px;
	font-weight: 800;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: background 0.18s, transform 0.18s;
}

.az-submit-btn:hover {
	background: #E05810;
	transform: translateY(-1px);
}

.az-form-status {
	width: 100%;
	margin-top: 14px;
	font-size: 13.5px;
	font-weight: 700;
	color: #15803D;
	background: #DCFCE7;
	border: 1px solid #BBF7D0;
	padding: 10px 14px;
	border-radius: 8px;
	display: none;
}

.az-form-status.active {
	display: block;
}

/* Responsive */
@media (max-width: 960px) {
	.az-contact-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

@media (max-width: 640px) {
	.az-form-grid {
		grid-template-columns: 1fr;
	}
	.az-quote-card {
		padding: 24px 20px;
	}
	.az-submit-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   CLEAN & MINIMALIST ABOUT US PAGE (HAQQIMIZDA)
   ========================================================================== */
.az-about-hero {
	background: #0E1215;
	padding: 64px 0 52px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.az-about-hero-content {
	max-width: 780px;
}

.az-about-hero-title {
	font-size: clamp(2.4rem, 4.2vw, 3.4rem);
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: -0.035em;
	color: #FFFFFF;
	margin: 12px 0 12px;
}

.az-about-hero-desc {
	font-size: 1.05rem;
	color: #9CA5AB;
	line-height: 1.6;
	margin: 0;
}

/* About Main Section */
.az-about-section {
	background-color: #F8F9FA;
	padding: 64px 0 88px;
}

.az-about-container {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

/* Profile Intro Split */
.az-about-split {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 48px;
	align-items: center;
}

.az-about-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.az-about-text h2 {
	font-size: clamp(1.8rem, 2.6vw, 2.4rem);
	font-weight: 850;
	color: #111518;
	line-height: 1.2;
	letter-spacing: -0.03em;
	margin: 0;
}

.az-about-text p {
	font-size: 15px;
	color: #4B5563;
	line-height: 1.65;
	margin: 0;
}

.az-about-actions {
	margin-top: 10px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.az-about-img-wrap {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid #E5E7EB;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	height: 380px;
	background: #151A1E;
}

.az-about-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Section Header */
.az-sec-head {
	margin-bottom: 28px;
}

.az-sec-head h2 {
	font-size: clamp(1.6rem, 2.4vw, 2.2rem);
	font-weight: 850;
	color: #111518;
	letter-spacing: -0.03em;
	margin: 8px 0 6px;
}

.az-sec-head p {
	font-size: 14.5px;
	color: #6B7280;
	margin: 0;
}

/* 4 Capabilities Grid */
.az-cap-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.az-cap-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 28px 30px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.az-cap-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
	border-color: rgba(242, 106, 33, 0.35);
}

.az-cap-icon {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: rgba(242, 106, 33, 0.1);
	color: #F26A21;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.az-cap-card h3 {
	font-size: 1.18rem;
	font-weight: 800;
	color: #111518;
	margin: 0;
}

.az-cap-card p {
	font-size: 14px;
	color: #4B5563;
	line-height: 1.6;
	margin: 0;
}

/* Production Photo Gallery */
.az-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.az-gallery-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	transition: transform 0.2s, box-shadow 0.2s;
}

.az-gallery-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.az-gallery-card-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	background: #111518;
}

.az-gallery-caption {
	padding: 14px 16px;
	font-size: 13.5px;
	font-weight: 750;
	color: #111518;
	background: #FFFFFF;
}

/* 3 Core Values Grid */
.az-values-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.az-value-card {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 26px 28px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.az-value-card strong {
	display: block;
	font-size: 1.15rem;
	font-weight: 800;
	color: #111518;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.az-value-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F26A21;
	box-shadow: 0 0 0 3px rgba(242, 106, 33, 0.18);
}

.az-value-card p {
	font-size: 14px;
	color: #555E65;
	line-height: 1.55;
	margin: 0;
}

/* Responsive for About */
@media (max-width: 1024px) {
	.az-about-split {
		grid-template-columns: 1fr;
		gap: 36px;
	}
	.az-about-img-wrap {
		height: 300px;
	}
	.az-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.az-cap-grid {
		grid-template-columns: 1fr;
	}
	.az-values-grid {
		grid-template-columns: 1fr;
	}
	.az-gallery-grid {
		grid-template-columns: 1fr;
	}
}