/* TERONA v2 — split screen, photo-led direction */
:root{--paper:#f6f7f7;--ink:#172c28;--green:#1e5542;--lime:#d9f36b;--muted:#687671}header{position:relative;z-index:5;background:#fff;padding-top:22px;padding-bottom:22px}.demo{background:#edf0ef}h1,h2,h3{letter-spacing:-.055em}.split-hero{padding:0;background:#101918;color:white}.split-intro{padding:23px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}.split-intro .eyebrow{margin:0;color:#aab6b0;letter-spacing:.18em}.split-intro p{font-size:14px;line-height:1.4;margin:0;color:#cbd3cf}.split-panels{display:flex;min-height:640px;height:calc(100svh - 240px);max-height:850px}.split-panel{position:relative;display:flex;align-items:end;padding:70px 6%;overflow:hidden;flex:1;isolation:isolate;transition:flex .8s cubic-bezier(.22,.68,0,1),background .7s}.split-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62);transform:scale(1.025);transition:filter .9s ease,transform 1.4s cubic-bezier(.2,.7,0,1);z-index:-2}.machine-panel img{object-position:57% center}.energy-panel img{object-position:60% center}.split-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081410e8,transparent 80%);z-index:-1;transition:background .7s}.energy-panel:before{background:linear-gradient(0deg,#081624e8,transparent 80%)}.split-panel:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .7s}.energy-panel:after{background:#5ebcf1}.energy-panel{border-left:1px solid #ffffff24}.panel-index{position:absolute;top:35px;left:12%;font-size:12px;letter-spacing:.2em;color:#d3d9d5}.panel-side{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.26em;color:#ffffff70}.panel-content{width:100%;max-width:490px}.panel-content .eyebrow{font-size:11px;color:#c5d3c9}.panel-content h1,.panel-content h2{font-size:clamp(3rem,5.5vw,6.2rem);font-weight:500;line-height:.98;margin:22px 0 25px;letter-spacing:-.065em;color:#fff}.panel-content p{font-size:16px;color:#c8d0cb;line-height:1.55;margin-bottom:30px}.panel-cta{display:flex;align-items:center;justify-content:space-between;max-width:270px;border-top:1px solid #ffffff45;padding-top:18px;font-size:14px;font-weight:600}.cta-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff60;border-radius:50%;font-size:22px;font-weight:400;transition:background .5s,color .5s,transform .6s}.split-bottom{display:flex;justify-content:space-between;padding:22px 5%;font-size:12px;color:#9dacA4;gap:20px}.split-bottom a{color:#d7e1dc}.split-panel:focus-visible{outline:3px solid var(--lime);outline-offset:-5px}.split-panel:focus-visible img,.split-panel:hover img{filter:grayscale(0) brightness(.93);transform:scale(1.08)}.split-panel:hover:after,.split-panel:focus-visible:after{transform:scaleX(1)}.split-panel:hover .cta-mark,.split-panel:focus-visible .cta-mark{background:var(--lime);color:#18372a;border-color:var(--lime);transform:rotate(90deg)}.energy-panel:hover .cta-mark,.energy-panel:focus-visible .cta-mark{background:#67c7ff;border-color:#67c7ff;color:#0a2940}@media(hover:hover) and (min-width:901px){.split-panel:hover,.split-panel:focus-visible{flex:1.15}}
.card{border-radius:9px;transition:box-shadow .4s,transform .4s}.card:hover{box-shadow:0 16px 40px #18382e0d;transform:translateY(-4px)}.card-image img{transition:transform .9s cubic-bezier(.2,.7,0,1)}.btn{border-radius:5px;transition:background .3s,transform .3s,box-shadow .3s}.btn:hover{box-shadow:0 7px 18px #163e321a}nav a{position:relative;transition:color .3s}nav a.active{text-decoration:none}nav a:after{content:'';position:absolute;bottom:-8px;left:0;height:1px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.route-enter{animation:routeEnter .55s cubic-bezier(.2,.7,0,1)}@keyframes routeEnter{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--delay,0ms),transform .8s cubic-bezier(.2,.7,0,1) var(--delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}dialog[open]{animation:dialogEnter .3s ease}@keyframes dialogEnter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.main-photo{animation:routeEnter .6s ease}.gas-hero{background:#133b55}.info-card{border-radius:9px}.contact-box{box-shadow:0 20px 60px #1b332a08;border-radius:10px}
@media(max-width:900px){.split-panels{min-height:540px;height:65svh}.split-panel{padding:50px 5%}.panel-index{left:10%;top:26px}.panel-content h1,.panel-content h2{font-size:clamp(2.7rem,6vw,4.3rem)}.panel-side{display:none}}
@media(max-width:620px){.split-intro{padding:20px 6%;align-items:start;gap:20px}.split-intro .eyebrow{font-size:10px;max-width:160px}.split-intro p{font-size:12px}.split-panels{height:auto;min-height:0;display:grid;grid-template-columns:1fr}.split-panel{padding:70px 7% 35px;min-height:420px}.energy-panel{border-left:0;border-top:1px solid #ffffff30}.panel-index{left:7%;top:24px}.panel-content h1,.panel-content h2{font-size:3.5rem;margin:14px 0 20px}.panel-content p{font-size:14px;margin-bottom:22px}.panel-content .eyebrow{font-size:10px}.split-bottom{padding:20px 6%;flex-direction:column;gap:8px}.split-panel img{filter:grayscale(.7) brightness(.7)}.split-panel:active img{filter:grayscale(0) brightness(.95)}.split-panel:after{transform:scaleX(1)}.split-panel .panel-cta{max-width:100%}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.split-panel:hover img,.split-panel:focus-visible img{transform:none}.split-panel{flex:1!important}}

/* Approved Ar-Gaz branding */
.logo{display:block;flex-shrink:0;width:205px;line-height:1}
.logo img{display:block;width:100%;height:auto}
.logo span{font-size:10px;letter-spacing:.22em;text-align:center;margin-top:0}
.contact-item a:not(.btn){color:#174f7c;text-decoration:underline;text-underline-offset:4px}
footer small{line-height:1.8}
@media(max-width:620px){.logo{width:165px}footer{grid-template-columns:1fr}footer div{justify-content:start}footer .logo{width:180px}}

.thumbs{overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.thumb{flex-shrink:0}.olx-link{display:inline-block;margin-top:16px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.gas-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gas-gallery{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.gas-note .olx-link{color:white}.card-body .olx-link{font-size:12px}.spec-line{min-height:55px}.card h3{min-height:54px}
@media(max-width:1000px){.gas-products{grid-template-columns:1fr 1fr}}@media(max-width:620px){.gas-products,.gas-gallery{grid-template-columns:1fr}.gas-gallery{gap:20px}}

/* Clear product actions and aligned gas cards */
.gas-products .info-card,.page>.grid>.info-card{display:flex;flex-direction:column}.gas-products .info-card .btn,.page>.grid>.info-card .btn{margin-top:auto;align-self:flex-start}.gas-products .info-card p:last-of-type{margin-bottom:24px}.gas-hero{grid-template-columns:1fr}.gas-hero>div{max-width:900px}.gas-hero p{max-width:720px}.offer-button{display:flex;width:100%;margin-bottom:12px}.card[data-offer]{cursor:pointer}.card .actions{margin-top:0}.machine-panel img{object-position:57% center}
.back-to-offers{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;font-weight:600;padding:10px 0}.back-to-offers span{font-size:24px;line-height:1;transition:transform .2s}.back-to-offers:hover span{transform:translateX(-4px)}.back-to-offers:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){header{gap:20px}nav{gap:18px}.header-contact{display:none}}@media(prefers-reduced-motion:reduce){.back-to-offers span{transition:none}.back-to-offers:hover span{transform:none}}