/*
Theme Name: MAKROM-OIL Modern
Theme URI: https://makromoil.hu/
Author: MAKROM-OIL Kft.
Description: Modern, reszponzív egyoldalas WordPress sablon a MAKROM-OIL Kft. számára.
Version: 1.0.0
Text Domain: makromoil-modern
*/

:root {
  --header-h: clamp(4rem, 7vw, 5.25rem);
  --content-w: 76rem;
  --pad: clamp(1rem, 3.5vw, 2.5rem);
  --radius: clamp(1.1rem, 2vw, 1.75rem);
  --green: #1c6b43;
  --green-2: #2e8b57;
  --gold: #f0be49;
  --ink: #14211a;
  --muted: #536159;
  --paper: rgba(255,255,255,.91);
  --shadow: 0 1.25rem 3.75rem rgba(5,28,16,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);font-size:100%}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;background:#102519;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit} img{max-width:100%;height:auto;display:block}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:.2rem solid var(--gold);outline-offset:.25rem}
.skip-link{position:fixed;left:1rem;top:-8rem;z-index:9999;padding:.7rem 1rem;background:#fff;color:#000;border-radius:.6rem}.skip-link:focus{top:1rem}

.site-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#102519}
.bg-slide{position:absolute;inset:-1.5rem;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);filter:blur(.32rem);transition:opacity 1.8s ease,transform 9s ease}
.bg-slide.active{opacity:1;transform:scale(1)}
.site-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,23,14,.48),rgba(8,31,19,.72) 55%,rgba(5,24,14,.86));backdrop-filter:blur(.08rem)}

.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;background:rgba(7,29,18,.78);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(1rem) saturate(145%);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .3s}
.site-header.header-hidden{transform:translateY(-110%)}
.header-inner{width:min(100% - 2*var(--pad),var(--content-w));height:100%;margin:auto;display:flex;align-items:center;justify-content:center}
.desktop-nav{width:100%}.desktop-nav ul{display:flex;align-items:stretch;justify-content:space-evenly;gap:clamp(1rem,5vw,5rem);height:100%;margin:0;padding:0;list-style:none}
.desktop-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.35rem 1rem;color:#fff;text-decoration:none;font-weight:750;letter-spacing:.03em}
.desktop-nav a::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.18rem;height:.16rem;border-radius:99rem;background:var(--gold);transform:scaleX(0);transition:transform .28s ease}
.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}
.menu-toggle{display:none;margin-left:auto;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.22);border-radius:.8rem;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;place-items:center}
.menu-toggle svg{width:1.65rem;height:1.65rem}
.mobile-panel,.menu-overlay{display:none}

main{min-height:100vh}.section{width:min(100% - 2*var(--pad),var(--content-w));margin-inline:auto;padding-block:clamp(4.8rem,10vw,8rem);scroll-margin-top:calc(var(--header-h) + 1rem)}
.hero{position:relative;width:100%;min-height:100svh;padding:calc(var(--header-h) + clamp(4rem,8vw,7rem)) var(--pad) clamp(5rem,9vw,8rem);display:grid;place-items:center;text-align:center}
.project-link{position:absolute;top:var(--header-h);left:0;margin:0;border:0;line-height:0;z-index:3;transition:filter .25s,transform .25s}
.project-link img{height:120px;width:auto;max-width:min(44vw,28rem);object-fit:contain;margin:0;border:0}
.project-link:hover{filter:brightness(1.05);transform:translateY(.15rem)}
.hero-card{width:min(100%,58rem);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.28);border-radius:clamp(1.5rem,4vw,3rem);background:rgba(10,38,23,.30);box-shadow:0 2rem 5rem rgba(0,0,0,.25);backdrop-filter:blur(1rem) saturate(130%)}
.hero-logo{width:min(100%,clamp(17rem,52vw,38rem));max-height:42vh;object-fit:contain;margin:auto;filter:drop-shadow(0 .8rem 1.5rem rgba(0,0,0,.3))}
.scroll-cue{display:inline-flex;margin-top:1.5rem;align-items:center;gap:.6rem;color:#fff;font-weight:700;text-decoration:none}.scroll-cue svg{width:1.3rem;animation:bob 1.7s infinite}@keyframes bob{50%{transform:translateY(.4rem)}}

.content-card{padding:clamp(1.3rem,4vw,3rem);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);backdrop-filter:blur(1rem)}
.content-card+.content-card{margin-top:clamp(1.2rem,3vw,2rem)}
h1,h2,h3{line-height:1.16;text-wrap:balance}h2{margin:0 0 clamp(1.6rem,4vw,2.6rem);font-size:clamp(2rem,4.7vw,3.5rem);color:#fff;text-shadow:0 .15rem .8rem rgba(0,0,0,.3)}h3{font-size:clamp(1.35rem,2.6vw,2rem);margin:0 0 1rem;color:var(--green)}h4{font-size:clamp(1.08rem,2vw,1.3rem);margin:1.5rem 0 .6rem}p{margin:.75rem 0}ul{padding-left:1.4rem}li+li{margin-top:.55rem}.text-link{color:#175c3b;font-weight:750;overflow-wrap:anywhere}.text-link:hover{color:#0e3e27}
.subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.7rem)}.subgrid .content-card{margin:0}.wide{grid-column:1/-1}
.fuel-list{list-style:none;padding:0}.fuel-list li{margin:.8rem 0}.fuel-list a{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.8rem;background:#edf5ef;color:#175c3b;font-weight:800;text-decoration:none;overflow-wrap:anywhere}.fuel-list a:hover{background:#dfeee3}
.icon{display:inline-grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:var(--green);color:#fff}

.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.35rem)}.gallery-grid a{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;aspect-ratio:4/3}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s}.gallery-grid a:hover img{transform:scale(1.07);filter:contrast(1.04)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1rem,3vw,2rem)}.contact-list{list-style:none;padding:0}.contact-list li{display:flex;align-items:flex-start;gap:.75rem}.coords{padding:1rem;border-radius:1rem;background:#edf5ef}.map-wrap{overflow:hidden;min-height:26rem;border-radius:var(--radius);box-shadow:var(--shadow);background:#dbe9df}.map-wrap iframe{width:100%;height:100%;min-height:26rem;border:0}
.reveal{opacity:0;transform:translateY(clamp(2rem,6vw,4.5rem));transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
.site-footer{padding:2rem var(--pad);text-align:center;color:rgba(255,255,255,.86);border-top:1px solid rgba(255,255,255,.12);background:rgba(4,19,11,.7);backdrop-filter:blur(1rem)}

@media(max-width:55rem){.desktop-nav{display:none}.menu-toggle{display:grid}.header-inner{justify-content:flex-end}.menu-overlay{display:block;position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.56);opacity:0;visibility:hidden;transition:.32s}.menu-overlay.open{opacity:1;visibility:visible}.mobile-panel{display:flex;position:fixed;z-index:1002;top:0;right:0;width:min(84vw,23rem);height:100dvh;padding:1rem;flex-direction:column;background:#0b2b1a;color:#fff;box-shadow:-2rem 0 4rem rgba(0,0,0,.3);transform:translateX(110%);transition:transform .42s cubic-bezier(.16,1,.3,1)}.mobile-panel.open{transform:none}.panel-top{display:flex;justify-content:flex-end}.close-menu{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.2);border-radius:.8rem;background:rgba(255,255,255,.1);color:#fff}.mobile-panel ul{list-style:none;padding:2rem 0;margin:0}.mobile-panel a{display:block;padding:1rem;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.15rem;font-weight:800;text-decoration:none}.subgrid,.contact-grid{grid-template-columns:1fr}.wide{grid-column:auto}.gallery-grid{grid-template-columns:1fr 1fr}.hero{padding-top:calc(var(--header-h) + 8rem)}.project-link img{height:120px;max-width:58vw}}
@media(max-width:36rem){.gallery-grid{grid-template-columns:1fr}.hero-card{padding:1.2rem}.section{padding-block:4.5rem}.project-link img{height:120px;max-width:70vw}.map-wrap,.map-wrap iframe{min-height:21rem}}
@media(max-height:35rem) and (orientation:landscape){.hero{min-height:42rem}.project-link img{height:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-slide,.reveal,.site-header,.mobile-panel,.menu-overlay,.gallery-grid img{transition:none!important}.scroll-cue svg{animation:none}.reveal{opacity:1;transform:none}}


/* 1.1 design refinement */
:root{--content-w:82rem;--header-h:clamp(4.8rem,8vw,6.4rem);--paper:rgba(255,255,255,.95);--shadow:0 1.4rem 4rem rgba(3,24,13,.2)}
.desktop-nav ul{max-width:70rem;margin-inline:auto;gap:clamp(2rem,9vw,8rem)}
.desktop-nav a{font-size:clamp(1.12rem,1.55vw,1.42rem);font-weight:800;letter-spacing:.045em;padding-inline:clamp(1.2rem,3vw,2.7rem)}
.desktop-nav a::after{left:clamp(1.2rem,3vw,2.7rem);right:clamp(1.2rem,3vw,2.7rem);height:.2rem;bottom:.45rem}
.hero{padding-top:calc(var(--header-h) + clamp(5rem,9vw,8rem))}
.hero-logo-wrap{width:min(96vw,72rem);display:grid;place-items:center;padding:clamp(1rem,2vw,2rem)}
.hero-logo{width:min(100%,clamp(25rem,72vw,61rem));max-height:56vh;filter:drop-shadow(0 1.2rem 2.2rem rgba(0,0,0,.45))}
.project-link{top:var(--header-h)}
.project-link img{height:120px;max-width:min(58vw,36rem)}
.section{padding-block:clamp(5.5rem,11vw,9rem)}
.section>h2,.section-heading{margin-bottom:clamp(2rem,5vw,3.7rem)}
.section-heading h2{margin:.25rem 0 .7rem}.section-heading p{max-width:42rem;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.6vw,1.16rem)}
.eyebrow{display:block;color:var(--gold);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.content-card{position:relative;overflow:hidden;padding:clamp(1.7rem,4.4vw,3.8rem);border:1px solid rgba(255,255,255,.72);border-radius:clamp(1.4rem,2.4vw,2.2rem);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,249,245,.91));box-shadow:0 1.5rem 4.5rem rgba(4,27,15,.19);backdrop-filter:blur(1.2rem);transition:transform .35s ease,box-shadow .35s ease}
.content-card::before{content:"";position:absolute;inset:0 auto 0 0;width:.38rem;background:linear-gradient(var(--gold),var(--green-2));opacity:.9}
.content-card:hover{transform:translateY(-.25rem);box-shadow:0 2rem 5rem rgba(4,27,15,.25)}
.content-card h3{font-size:clamp(1.55rem,3vw,2.35rem);margin-bottom:1.35rem}.content-card h4{margin-top:2rem;color:#215d3d}.content-card p,.content-card li{font-size:clamp(1rem,1.15vw,1.09rem)}
.subgrid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem)}.subgrid .content-card{width:100%;margin:0}.subgrid .content-card:nth-child(even)::before{background:linear-gradient(var(--green-2),var(--gold))}
.fuel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fuel-list li{margin:0}.fuel-list a{height:100%;justify-content:center;text-align:center;padding:1.2rem;border:1px solid rgba(28,107,67,.12);box-shadow:0 .7rem 1.5rem rgba(16,72,43,.08)}
.gallery-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(13rem,20rem));gap:clamp(.8rem,2vw,1.4rem)}
.gallery-item{position:relative;overflow:hidden;margin:0;padding:0;border:0;border-radius:clamp(1.2rem,2.3vw,2rem);background:#0d2d1c;box-shadow:var(--shadow);cursor:zoom-in;min-height:15rem;color:#fff}
.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s}.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,18,10,.72));opacity:.55;transition:opacity .3s}.gallery-item span{position:absolute;z-index:2;left:1.25rem;bottom:1rem;font-weight:850;letter-spacing:.03em;transform:translateY(.35rem);opacity:0;transition:.3s}.gallery-item:hover img{transform:scale(1.055);filter:saturate(1.08)}.gallery-item:hover::after{opacity:1}.gallery-item:hover span{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;z-index:3000;display:grid;grid-template-columns:minmax(3.5rem,1fr) minmax(0,76rem) minmax(3.5rem,1fr);align-items:center;padding:clamp(.7rem,2vw,2rem);background:rgba(2,12,7,.91);backdrop-filter:blur(1.2rem);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.lightbox.open{opacity:1;visibility:visible}.lightbox figure{grid-column:2;margin:0;max-height:88vh;display:grid;place-items:center}.lightbox figure img{max-width:100%;max-height:82vh;border-radius:1rem;box-shadow:0 2rem 6rem rgba(0,0,0,.55)}.lightbox figcaption{color:#fff;margin-top:.65rem;font-weight:700}.lightbox button{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;backdrop-filter:blur(.7rem);transition:.25s}.lightbox button:hover{background:var(--green-2);transform:scale(1.06)}.lightbox-close{right:1rem;top:1rem;width:3rem;height:3rem;border-radius:50%;font-size:1.2rem}.lightbox-prev,.lightbox-next{top:50%;width:3.5rem;height:4.5rem;border-radius:1rem;font-size:2.6rem;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.06)}.lightbox-prev{left:clamp(.6rem,2vw,2rem)}.lightbox-next{right:clamp(.6rem,2vw,2rem)}.lightbox-count{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:#fff;font-weight:800}
body.lightbox-open{overflow:hidden}
@media(max-width:55rem){.hero-logo{width:min(96vw,46rem)}.project-link img{height:120px;max-width:76vw}.fuel-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(19rem,48vw) minmax(13rem,35vw)}.gallery-item:first-child{grid-column:1/-1;grid-row:auto}.lightbox{grid-template-columns:3rem minmax(0,1fr) 3rem}.lightbox-prev{left:.35rem}.lightbox-next{right:.35rem}}
@media(max-width:36rem){.hero-logo-wrap{padding:.4rem}.hero-logo{width:96vw;max-height:50vh}.project-link img{height:120px;max-width:88vw}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery-item,.gallery-item:first-child{grid-column:auto;grid-row:auto;aspect-ratio:4/3;min-height:0}.lightbox{grid-template-columns:2.8rem minmax(0,1fr) 2.8rem;padding:.25rem}.lightbox-prev,.lightbox-next{width:2.7rem;height:3.7rem;font-size:2rem}.lightbox figure img{max-height:74vh}}


/* 1.2 modern content system */
:root{--cream:#fff8e9;--mint:#e8f6ee;--sky:#eaf4fa;--peach:#fff0e6;--violet:#f1edfb}
.hero-logo{width:min(100%,clamp(22rem,62vw,53rem));max-height:51vh}
.desktop-nav ul{max-width:80rem;gap:clamp(.8rem,4vw,4.2rem)}
.desktop-nav a{font-size:clamp(1.05rem,1.38vw,1.3rem);padding-inline:clamp(.8rem,2vw,1.8rem)}
.section>h2{position:relative;display:inline-block;padding-bottom:.8rem}.section>h2::after{content:"";position:absolute;left:0;bottom:0;width:4.5rem;height:.28rem;border-radius:2rem;background:linear-gradient(90deg,var(--gold),#fff)}
.content-card{background:linear-gradient(145deg,rgba(247,252,248,.97),rgba(225,242,231,.94));border-color:rgba(255,255,255,.74)}
#bemutatkozas .content-card{background:linear-gradient(135deg,rgba(255,249,232,.97),rgba(232,247,238,.95));}
.content-card>p{max-width:72rem;line-height:1.85;color:#263b2e}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 0;padding:0;list-style:none}
.feature-grid li{position:relative;margin:0;padding:1.15rem 1.15rem 1.15rem 3.55rem;border:1px solid rgba(23,92,59,.11);border-radius:1.15rem;background:rgba(255,255,255,.72);box-shadow:0 .65rem 1.6rem rgba(7,58,31,.07);line-height:1.62;transition:transform .28s ease,box-shadow .28s ease,background .28s}
.feature-grid li:hover{transform:translateY(-.18rem);box-shadow:0 1rem 2.1rem rgba(7,58,31,.12);background:rgba(255,255,255,.94)}
.feature-grid li::before{content:"✓";position:absolute;left:1rem;top:1.1rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:.55rem;background:linear-gradient(145deg,var(--green-2),var(--green));color:#fff;font-weight:900;box-shadow:0 .35rem .8rem rgba(28,107,67,.2)}
.premium-grid li:nth-child(1)::before{content:"⛽"}.premium-grid li:nth-child(2)::before{content:"✦"}.premium-grid li:nth-child(3)::before{content:"☕"}.premium-grid li:nth-child(4)::before{content:"＋"}
.service-card{border:0;padding:clamp(1.8rem,4vw,3.5rem);box-shadow:0 1.6rem 4.5rem rgba(4,27,15,.2)}
.service-card::before{width:.5rem}
.service-card h3{display:flex;align-items:center;gap:.85rem;font-size:clamp(1.65rem,2.8vw,2.3rem);letter-spacing:-.02em}
.service-card h3::before{display:grid;place-items:center;flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:.9rem;color:#fff;font-size:1.35rem;box-shadow:0 .55rem 1rem rgba(0,0,0,.14)}
.fuel-card{background:linear-gradient(135deg,rgba(232,247,238,.98),rgba(209,234,218,.94))}.fuel-card h3::before{content:"⛽";background:linear-gradient(145deg,#2f9460,#17613d)}
.cafe-card{background:linear-gradient(135deg,rgba(255,248,231,.98),rgba(250,230,192,.94))}.cafe-card h3::before{content:"☕";background:linear-gradient(145deg,#d59435,#9a5b17)}.cafe-card .feature-grid li::before{background:linear-gradient(145deg,#d99a3c,#a06119)}
.wash-card{background:linear-gradient(135deg,rgba(235,247,253,.98),rgba(207,231,244,.94))}.wash-card h3::before{content:"✦";background:linear-gradient(145deg,#368db4,#17617f)}.wash-card .feature-grid li::before{content:"✓";background:linear-gradient(145deg,#3d99c0,#17617f)}
.products-card{background:linear-gradient(135deg,rgba(244,239,252,.98),rgba(229,220,246,.94))}.products-card h3::before{content:"▦";background:linear-gradient(145deg,#8060b6,#51357d)}.products-card .feature-grid li::before{background:linear-gradient(145deg,#8666b9,#553880)}
.service-card h4{display:inline-flex;margin:2.2rem 0 .2rem;padding:.45rem .8rem;border-radius:.65rem;background:rgba(255,255,255,.55);color:#213d2d;font-size:clamp(1.08rem,1.7vw,1.28rem)}
.fuel-list a{background:rgba(255,255,255,.7);border:1px solid rgba(24,103,63,.16);box-shadow:0 .7rem 1.6rem rgba(16,72,43,.09);transition:.28s}.fuel-list a:hover{background:#fff;transform:translateY(-.18rem)}
.section-heading{margin-bottom:clamp(1.5rem,3vw,2.4rem)}.section-heading h2{margin:0}
.gallery-item::after{background:linear-gradient(180deg,transparent 60%,rgba(2,18,10,.4))}.gallery-item span{display:none}
.lightbox figcaption{display:none}
.contact-grid .content-card{background:linear-gradient(145deg,rgba(255,248,231,.97),rgba(225,242,231,.95))}.contact-list li{padding:.85rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.62);box-shadow:0 .35rem 1rem rgba(7,58,31,.06)}.contact-list li+li{margin-top:.7rem}.coords{background:linear-gradient(135deg,#e4f4ea,#fdf1cf);border:1px solid rgba(28,107,67,.1)}
@media(max-width:55rem){.feature-grid{grid-template-columns:1fr}.hero-logo{width:min(91vw,43rem);max-height:48vh}.desktop-nav a{font-size:1rem}.service-card{padding:1.5rem}}
@media(max-width:36rem){.hero-logo{width:88vw;max-height:44vh}.feature-grid li{padding:1rem 1rem 1rem 3.25rem}.service-card h3{font-size:1.55rem}.service-card h3::before{width:2.5rem;height:2.5rem;font-size:1.15rem}}


/* 1.3 layout, anchor and glass refinements */
:root{--anchor-gap:clamp(.75rem,1.8vw,1.4rem)}
html{scroll-padding-top:calc(var(--header-h) + var(--anchor-gap))}
.section{scroll-margin-top:calc(var(--header-h) + var(--anchor-gap));padding-top:clamp(2rem,4.5vw,3.75rem);padding-bottom:clamp(5.5rem,10vw,8.5rem)}
.section>h2,.section-heading{text-align:center;width:100%}
.section>h2{display:block;margin-inline:auto}
.section>h2::after{left:50%;transform:translateX(-50%);width:5.25rem}
.section-heading{display:flex;flex-direction:column;align-items:center}
.section-heading h2{text-align:center}
.content-card>h3,.service-card>h3{text-align:center;justify-content:center}
.content-card>h4,.service-card>h4{display:flex;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center;justify-content:center}
.subgrid{width:100%;grid-template-columns:minmax(0,1fr)}
.subgrid .content-card{width:100%;max-width:none}
.content-card,.service-card,#bemutatkozas .content-card,.contact-grid .content-card{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(225,244,233,.13));border:1px solid rgba(255,255,255,.34);box-shadow:0 1.6rem 4.5rem rgba(2,18,10,.25),inset 0 1px 0 rgba(255,255,255,.34);backdrop-filter:blur(1.35rem) saturate(135%);-webkit-backdrop-filter:blur(1.35rem) saturate(135%)}
.content-card{color:#f6fbf7}.content-card>p{color:rgba(255,255,255,.94)}.content-card h3,.content-card h4{color:#fff;text-shadow:0 .1rem .5rem rgba(0,0,0,.22)}
.content-card::before{opacity:.9}
.feature-grid li,.contact-list li,.coords,.fuel-list a{background:rgba(255,255,255,.82);color:var(--ink);border-color:rgba(255,255,255,.46);backdrop-filter:blur(.7rem);-webkit-backdrop-filter:blur(.7rem)}
.service-card.fuel-card{background:linear-gradient(135deg,rgba(31,111,70,.34),rgba(15,58,37,.22))}.service-card.cafe-card{background:linear-gradient(135deg,rgba(168,108,25,.32),rgba(86,50,12,.20))}.service-card.wash-card{background:linear-gradient(135deg,rgba(35,121,158,.32),rgba(15,65,87,.20))}.service-card.products-card{background:linear-gradient(135deg,rgba(102,73,151,.33),rgba(52,34,84,.21))}
.service-card h4{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.22)}
#kapcsolatok .contact-grid{grid-template-columns:minmax(0,1fr) minmax(22rem,.85fr);align-items:stretch}
#kapcsolatok .content-card,.map-wrap{height:100%}
.map-wrap{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}
@media(max-width:55rem){.section{padding-top:1.75rem;scroll-margin-top:calc(var(--header-h) + .65rem)}#kapcsolatok .contact-grid{grid-template-columns:1fr}.content-card>h4,.service-card>h4{width:auto}.content-card>h3,.service-card>h3{text-align:left;justify-content:flex-start}}


/* 1.4 full-width single item cards, refined contact and mobile scale */
.products-card .feature-grid:has(> li:only-child){grid-template-columns:minmax(0,1fr)}
.products-card .feature-grid>li:only-child{grid-column:1/-1;width:100%}
.opening-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 auto 2.2rem;max-width:42rem;text-align:center}
.opening-hours>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:7.4rem;padding:1.15rem;border:1px solid rgba(255,255,255,.52);border-radius:1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,244,235,.78));color:var(--ink);box-shadow:0 .8rem 1.8rem rgba(4,35,18,.11);backdrop-filter:blur(.8rem);-webkit-backdrop-filter:blur(.8rem)}
.opening-hours span{font-size:.84rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#356048}
.opening-hours strong{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.2;color:#174f32}
.phone-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem}
.phone-links a{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:.55rem;background:rgba(28,107,67,.09);text-decoration:none;white-space:nowrap}
.phone-links a:hover{background:var(--green);color:#fff}
@media(max-width:55rem){body{font-size:.94rem;line-height:1.62}.content-card p,.content-card li{font-size:.94rem}.feature-grid li{font-size:.92rem}.opening-hours{grid-template-columns:1fr 1fr}.opening-hours>div{min-height:6.4rem;padding:.9rem}.opening-hours strong{font-size:1.18rem}.contact-list li{font-size:.92rem}}
@media(max-width:36rem){body{font-size:.88rem}.content-card p,.content-card li{font-size:.88rem}.feature-grid li{font-size:.86rem;line-height:1.5}.service-card h4{font-size:1rem}.opening-hours{grid-template-columns:1fr;gap:.7rem}.opening-hours>div{min-height:5.5rem}.opening-hours span{font-size:.75rem}.opening-hours strong{font-size:1.12rem}.contact-list li{font-size:.86rem}.phone-links{display:flex;margin-top:.25rem}}