@charset "UTF-8";
/* Pradinis puslapis – nauja vizualika (2026-11), brandbookas 3.4
   Jungiamas tik index.html, kiti puslapiai nepaliečiami */

@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.pradzia{--deep:#112e29;--on-dark:#7cc4a9;--focus:#b37416;font-family:Barlow,Arial,Helvetica,sans-serif}
.pradzia h1,.pradzia h2,.pradzia h3{letter-spacing:-.015em}
.pradzia h2{font-weight:600}
.pradzia .eyebrow{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}

/* Antraštė */
.pradzia .header-row{min-height:88px}
.pradzia .brand-logo{display:block;line-height:0}
.pradzia .brand-logo img{width:250px;height:auto}
.pradzia .desktop-nav{font-size:.95rem}
.pradzia .desktop-nav .menu>li>a{font-weight:500}
.pradzia .header-phone{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;text-decoration:none;padding:11px 16px;border-radius:3px;font-weight:600;font-size:.9rem;min-height:44px}
.pradzia .header-phone:hover{background:var(--ink)}
.ico-phone{flex-shrink:0}

/* Hero: tekstas ir tikra nuotrauka */
/* Antraštė: balta juosta virš nuotraukos */
.pradzia .site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}

/* Hero: nuotrauka per visą plotį, kairėje išblunka į gilią žalią */
.pradzia .hero-split{display:flex;align-items:center;position:relative;isolation:isolate;min-height:clamp(600px,calc(100vh - 88px),820px);background:var(--deep);color:#fff;padding:0}
.pradzia .hero-content{position:relative;z-index:1;max-width:var(--wrap);margin-inline:auto;padding:90px 0;width:calc(100% - 96px)}
.pradzia .hero-content>*{max-width:600px}
.pradzia .hero .eyebrow{color:var(--on-dark);margin-bottom:22px}
.pradzia .hero h1{font-size:clamp(2.6rem,4.6vw,4.4rem);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin-bottom:26px;max-width:640px}
.pradzia .hero h1 span{color:var(--on-dark);font-weight:600}
.pradzia .hero-copy{font-size:1.2rem;color:#d6e3de;max-width:460px;margin-bottom:34px}
.pradzia .actions{gap:14px}
.pradzia .button{gap:12px;justify-content:flex-start;min-height:48px;padding:13px 20px;border-radius:3px;font-weight:600;border:1px solid var(--green)}
.pradzia .hero .button{background:var(--green);border-color:#3d8a76}
.pradzia .hero .button:hover{background:#2b7562}
.pradzia .button-line{background:transparent!important;border:1px solid #ffffff66!important;color:#fff}
.pradzia .button-line:hover{border-color:#fff!important}
.pradzia .hero-photo{position:absolute;top:0;right:0;bottom:0;width:100%;margin:0;z-index:-1}
.pradzia .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 55%}
.pradzia .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112e29f2 0%,#112e29e0 28%,#112e2999 46%,#112e2900 66%)}

/* Paslaugų kortelės */
.pradzia .services{gap:24px;padding-block:64px}
.pradzia .service{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:10px 10px 22px;background:#fff}
.pradzia .service>:not(img){margin-inline:12px}
.pradzia .service-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:18px;outline:1px solid #16383514;outline-offset:-1px}
.pradzia .service h2{font-size:1.35rem;font-weight:700;max-width:none;margin-bottom:10px}
.pradzia .service p{flex-grow:1;margin-bottom:16px;font-size:.95rem}
.pradzia .service a{font-size:.95rem;color:var(--green);font-weight:600}
.pradzia .service>span{display:none}
.pradzia .service a:after{content:" ↗"}

/* Priežiūra ir remontas: piktogramų tinklelis */
.pradzia .repair-section{padding-block:84px;color:#fff;background:linear-gradient(#112e29eb,#112e29f2),#112e29 url(pradzia-fonas.webp) center/cover no-repeat}
.pradzia .repair-grid{grid-template-columns:1fr 1fr;gap:56px}
.pradzia .repair-section h2{font-size:clamp(1.9rem,3vw,2.7rem);color:#fff}
.pradzia .repair-section .eyebrow{color:var(--on-dark)}
.pradzia .icon-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:34px 30px}
.pradzia .icon-list li{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:26px 22px;font-weight:500;font-size:1.05rem;line-height:1.3;color:#e8f0ec}
.pradzia .icon-list li:before{content:none}
.pradzia .icon-list .ico{color:var(--on-dark);width:60px;height:60px;stroke-width:1.15}
.pradzia .repair-section a{color:var(--on-dark);font-weight:600}
.pradzia .repair-section .pjuvis-remontas{margin:0}
.pradzia .repair-section .pjuvis-remontas img{max-width:100%;border-radius:8px;outline:1px solid #ffffff26;outline-offset:-1px}
.pradzia .repair-section .pjuvis figcaption{color:#b6c8c0;margin-top:12px}

/* Darbų eiga */
.pradzia .process{padding-block:88px}
.pradzia .process .eyebrow{color:var(--green)}
.pradzia .steps li>span{font-size:1.6rem;font-weight:700;line-height:1;color:var(--green);min-width:40px}
.pradzia .steps h3{font-weight:600}
.pradzia .process{align-items:start}.pradzia .process .steps{align-content:start}
.pradzia .process .section-intro{max-width:none}
.pradzia .process-photo{margin:32px 0 0}
.pradzia .process-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:6px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* Kontaktai su nuotrauka */
.pradzia .contact-band{padding-block:56px;background:var(--green)}
.pradzia .contact-grid{grid-template-columns:1.1fr 1fr 270px;gap:56px;align-items:center}
.pradzia .contact-grid>div{padding-block:16px;align-self:center}
.pradzia .contact-band .eyebrow{color:#d3eadf}
.pradzia .contact-details .big-phone{font-weight:700}
.pradzia .contact-photo{margin:0}
.pradzia .contact-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:6px solid #fff}

/* Poraštė */
.pradzia .footer-brand img{display:block;width:230px;height:auto}
.pradzia .footer-brand p{margin-top:20px}

@media(max-width:1180px){
 .pradzia .hero-content{width:calc(100% - 56px)}
 .pradzia .hero-photo img{object-position:85% 55%}
 .pradzia .contact-grid{grid-template-columns:1fr 1fr 220px;gap:36px}
 .pradzia .repair-grid{grid-template-columns:1fr;gap:40px}
 .pradzia .icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){.pradzia .brand-logo img{width:190px}}
@media(max-width:800px){
 .pradzia .header-row{min-height:72px;flex-wrap:nowrap}
 .pradzia .brand-logo img{width:170px}
 .pradzia .header-phone{display:none}
 .pradzia .hero-split{display:block;position:relative;isolation:isolate;min-height:0}
 .pradzia .hero-photo img{object-position:100% 50%}
 .pradzia .hero-photo:after{background:linear-gradient(180deg,#112e29b3 0,#112e29a6 60%,#112e29e6 100%)}
 .pradzia .hero-content{padding:56px 0 64px;width:calc(100% - 56px)}
 .pradzia .hero h1{font-size:clamp(2.4rem,9vw,3.4rem)}
 .pradzia .hero-copy{font-size:1.05rem}
 .pradzia .services{gap:14px;padding-block:32px 44px}
 .pradzia .service{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:14px;padding:10px 14px 16px 10px;align-items:start}
 .pradzia .service>:not(img){margin-inline:0}
 .pradzia .service-photo{grid-row:1/span 3;aspect-ratio:1;margin:0}
 .pradzia .service h2{font-size:1.2rem;margin:4px 0 6px}
 .pradzia .service p{font-size:.95rem;margin-bottom:8px}
 .pradzia .repair-grid{grid-template-columns:1fr}
 .pradzia .icon-list{gap:8px}
 .pradzia .icon-list li{padding:18px 14px;font-size:.95rem;gap:14px}
 .pradzia .icon-list .ico{width:48px;height:48px}
 .pradzia .contact-grid{grid-template-columns:1fr;gap:0}
 .pradzia .contact-grid>div{padding-block:0}
 .pradzia .contact-band{padding-block:44px}
 .pradzia .contact-details{padding-block:28px 32px}
 .pradzia .contact-photo{max-width:300px;margin-top:28px}
}
@media(max-width:480px){
 .pradzia .hero-content{padding:44px 0 52px;width:calc(100% - 36px)}
 .pradzia .hero h1{font-size:2.45rem}
 .pradzia .actions{flex-direction:column;align-items:stretch}
 .pradzia .button{justify-content:center}
 .pradzia .service{grid-template-columns:76px minmax(0,1fr)}
 .pradzia .contact-photo{max-width:260px}
}
@media print{.pradzia .hero-photo,.pradzia .contact-photo{display:none}.pradzia .hero-split{display:block;background:none;color:#000}}

/* Rėmelis: puslapis guli ant tos pačios nuotraukos (tik platesniuose ekranuose) */
@media(min-width:801px){
 html:has(.pradzia){background:#112e29}
 .pradzia{background:#112e29;padding:28px;min-height:100vh}
 .pradzia:before{content:"";position:absolute;inset:0;z-index:-1;background:#112e29 url(pradzia-fonas.webp) 70% 0/cover no-repeat}
 .pradzia{isolation:isolate}
 .pradzia .remelis{position:relative;max-width:1600px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0a1d1a8c;outline:1px solid #ffffff2e}
 .pradzia .hero-split{min-height:clamp(600px,calc(100vh - 144px),800px)}
}
@media(min-width:801px) and (max-width:1180px){.pradzia{padding:16px}.pradzia .remelis{border-radius:10px}}
@media print{.pradzia{background:none;padding:0}.pradzia .remelis{box-shadow:none;border-radius:0}}

/* Lygiavimas: nuotrauka tame pačiame lygyje kaip tekstas */
@media(min-width:1181px){
 .pradzia .repair-grid{grid-template-columns:1fr 1fr;column-gap:56px;row-gap:0;align-items:start}
 .pradzia .repair-grid>div,.pradzia .repair-grid>figure{display:contents}
 .pradzia .repair-grid .eyebrow{grid-column:1/-1;grid-row:1}
 .pradzia .repair-grid h2{grid-column:1/-1;grid-row:2;margin-bottom:0}
 .pradzia .repair-grid .icon-list{grid-column:1;grid-row:3;margin:34px 0 0}
 .pradzia .repair-grid>div>a{grid-column:1;grid-row:4;margin-top:26px;justify-self:start}
 .pradzia .repair-section .pjuvis-remontas img{grid-column:2;grid-row:3;margin-top:34px;align-self:stretch;width:100%;height:0;min-height:calc(100% - 34px);object-fit:cover}
 .pradzia .repair-section .pjuvis figcaption{grid-column:2;grid-row:4;margin-top:26px;text-align:left}
}
@media(min-width:801px){
 .pradzia .process{row-gap:0;align-items:start;grid-template-rows:auto auto auto 1fr}
 .pradzia .process .section-intro{display:contents}
 .pradzia .process .eyebrow{grid-column:1/-1;grid-row:1}
 .pradzia .process h2{grid-column:1/-1;grid-row:2;margin-bottom:36px}
 .pradzia .process .section-intro>p:not(.eyebrow){grid-column:1;grid-row:3;margin:0 0 24px;padding-top:24px;border-top:1px solid var(--line)}
 .pradzia .process .steps{grid-column:2;grid-row:3/span 2}
 .pradzia .process-photo{grid-column:1;grid-row:4;margin:0;align-self:stretch;position:relative;min-height:240px}
 .pradzia .process-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
}