/* Self-hosted fonts - latin + latin-ext (Lithuanian) subsets */

/* === Plus Jakarta Sans - latin-ext (Š, Ė, Č, Ą, Į, Ų, Ž, etc.) === */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jakarta-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jakarta-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/jakarta-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/jakarta-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/jakarta-ext-800.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* === Plus Jakarta Sans - latin (basic ASCII) === */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jakarta-400.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:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jakarta-500.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:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/jakarta-600.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:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/jakarta-700.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:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/jakarta-800.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}

/* === Manrope - latin-ext (Lithuanian) === */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/manrope-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/manrope-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/manrope-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* === Manrope - latin (basic ASCII) === */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/manrope-400.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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/manrope-500.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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/manrope-600.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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-700.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}

:root{--green:#a65a38;--green-dark:#8a4728;--green-light:#f5e9e1;--green-soft:#ebd6c6;--green-mint:#fdf8f4;--navy:#1d2748;--navy-dark:#141c36;--navy-soft:#e9ebf2;--primary:#a65a38;--primary-dark:#8a4728;--text-link:#575d73;--text-link-hover:#a65a38;--bg:#FFFFFF;--bg-soft:#fbf9f6;--bg-tint:#f4f0ea;--text:#2c3145;--text-muted:#6c7286;--text-light:#98a0b2;--border:#e6e0d7;--border-soft:#f0eae2;--shadow-sm:0 1px 2px rgba(20, 28, 54, 0.04);--shadow:0 4px 16px rgba(20, 28, 54, 0.06), 0 1px 3px rgba(20, 28, 54, 0.04);--shadow-lg:0 12px 32px rgba(20, 28, 54, 0.08), 0 4px 12px rgba(20, 28, 54, 0.04);--shadow-xl:0 24px 48px rgba(20, 28, 54, 0.12), 0 8px 20px rgba(20, 28, 54, 0.06);--shadow-green:0 8px 24px rgba(166, 90, 56, 0.18);--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:28px;--container:1240px;--container-narrow:880px;--transition:240ms cubic-bezier(.2, .8, .2, 1);}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:100px;}
body{font-family:'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;}
img, video{max-width:100%;height:auto;display:block;}
a{color:var(--text-link);text-decoration:none;transition:color var(--transition), border-color var(--transition);}
a:hover{color:var(--text-link-hover);}
.article-content a:not(.btn):not(.related-card):not(.product-link):not([class*="cta-"]):not([class*="footer"]),
.faq-answer a,
.product-intro-link a,
section p a{color:var(--text-link);border-bottom:1px solid transparent;font-weight:600;}
.article-content a:not(.btn):hover,
.faq-answer a:hover,
.product-intro-link a:hover,
section p a:hover{color:var(--green);border-bottom-color:var(--green);text-decoration:none;}
a:hover{color:var(--green-dark);}
button{font-family:inherit;}
h1, h2, h3, h4, h5, h6{font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;color:var(--navy);letter-spacing:-0.02em;line-height:1.15;}
h1{font-size:clamp(2.2rem, 5vw, 3.75rem);}
h2{font-size:clamp(1.75rem, 3.5vw, 2.5rem);}
h3{font-size:clamp(1.2rem, 2vw, 1.5rem);}
h4{font-size:1.05rem;font-weight:700;}
p{color:var(--text);}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}
.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 24px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:100px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:0.95rem;border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;line-height:1;}
.btn-primary{background:var(--green);color:#fff !important;box-shadow:var(--shadow-green);}
.btn-primary:hover{background:var(--green-dark);color:#fff !important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(166, 90, 56, 0.28);}
.btn-secondary{background:var(--bg);color:var(--navy) !important;border:1.5px solid var(--border);}
.btn-secondary:hover{background:var(--bg-soft);border-color:var(--green);color:var(--green-dark) !important;transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--navy) !important;padding:10px 16px;}
.btn-ghost:hover{color:var(--green) !important;}
.btn-dark{background:var(--navy);color:#fff !important;}
.btn-dark:hover{background:var(--navy-dark);color:#fff !important;transform:translateY(-2px);}
.btn-lg{padding:18px 32px;font-size:1rem;}
.btn-sm{padding:10px 18px;font-size:0.85rem;}
.btn svg{transition:transform var(--transition);}
.btn:hover svg.arrow{transform:translateX(3px);}
.top-bar{background:var(--navy);color:#fff;font-size:0.85rem;padding:10px 0;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.top-bar a{color:#fff;opacity:0.9;display:inline-flex;align-items:center;gap:6px;}
.top-bar a:hover{opacity:1;color:var(--green-soft);}
.top-bar .contact-list{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.top-bar .lang-list{display:flex;gap:4px;align-items:center;}
.top-bar .lang-list a{padding:4px 8px;border-radius:6px;font-size:0.78rem;font-weight:600;letter-spacing:0.05em;}
.top-bar .lang-list a:hover{background:rgba(255,255,255,0.08);}
.top-bar .lang-list a.active{background:rgba(255,255,255,0.12);color:var(--green-soft);}
header.main-header{position:sticky;top:0;z-index:50;background:rgba(255, 255, 255, 0.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border-soft);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:24px;}
.logo{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.2rem;color:var(--navy);text-decoration:none;flex-shrink:0;}
.logo:hover{color:var(--navy);}
.logo img{width:46px;height:46px;object-fit:contain;flex-shrink:0;}
.logo span{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap;}
.logo span small{font-size:0.64rem;font-weight:500;color:var(--text-muted);letter-spacing:0.04em;text-transform:uppercase;margin-top:2px;white-space:nowrap;}
nav ul.main-nav{display:flex;gap:2px;list-style:none;align-items:center;flex-wrap:nowrap;}
nav ul.main-nav > li{position:relative;}
nav ul.main-nav a{color:var(--navy);font-weight:600;font-size:0.88rem;padding:9px 11px;border-radius:8px;transition:all var(--transition);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
nav ul.main-nav a:hover{background:var(--green-light);color:var(--green-dark);}
nav ul.main-nav a.active{color:var(--green-dark);background:var(--green-light);}
.has-dropdown > .dropdown{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-xl);border:1px solid var(--border-soft);padding:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition);list-style:none;}
.has-dropdown:hover > .dropdown,
.has-dropdown:focus-within > .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;width:100%;padding:10px 14px;border-radius:8px;}
.dropdown a:hover{background:var(--green-light);}
.nav-actions{display:flex;gap:12px;align-items:center;}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;}
.menu-toggle:hover{background:var(--bg-tint);}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);position:relative;transition:all var(--transition);}
.menu-toggle span::before,
.menu-toggle span::after{content:'';position:absolute;left:0;width:22px;height:2px;background:var(--navy);transition:all var(--transition);}
.menu-toggle span::before{top:-7px;}
.menu-toggle span::after{top:7px;}
.menu-toggle.active span{background:transparent;}
.menu-toggle.active span::before{top:0;transform:rotate(45deg);}
.menu-toggle.active span::after{top:0;transform:rotate(-45deg);}
.mobile-menu{display:none;}
@media (max-width:1100px){nav ul.main-nav,
.nav-actions .btn-ghost,
.nav-actions .btn-primary{display:none;}
.menu-toggle{display:inline-flex;}
.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:49;padding:90px 24px 32px;overflow-y:auto;transform:translateX(100%);transition:transform var(--transition);}
.mobile-menu.active{transform:translateX(0);}
.mobile-menu ul{list-style:none;}
.mobile-menu li{border-bottom:1px solid var(--border-soft);}
.mobile-menu a{display:block;padding:16px 4px;color:var(--navy);font-weight:600;font-size:1.05rem;}
.mobile-menu .btn{width:100%;justify-content:center;margin-top:16px;}
.mobile-menu li.has-children > .submenu{padding-left:20px;padding-bottom:12px;}
.mobile-menu .submenu a{font-weight:500;font-size:0.95rem;color:var(--text-muted);padding:10px 4px;}
}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--green-light);color:var(--green-dark);border-radius:100px;font-size:0.8rem;font-weight:700;letter-spacing:0.02em;}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(166, 90, 56, 0.18);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%, 100%{box-shadow:0 0 0 4px rgba(166, 90, 56, 0.18);}
50%{box-shadow:0 0 0 8px rgba(166, 90, 56, 0.06);}
}
section{padding:90px 0;}
.section-header{max-width:760px;margin:0 auto 56px;text-align:center;}
.section-header .eyebrow{margin-bottom:16px;}
.section-header h2{margin-bottom:16px;}
.section-header p{color:var(--text-muted);font-size:1.08rem;}
@media (max-width:600px){section{padding:60px 0;}
.section-header{margin-bottom:40px;}
}
.hero{position:relative;padding:70px 0 90px;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 500px at 80% -10%, rgba(166, 90, 56, 0.08), transparent 60%),
radial-gradient(700px 500px at 0% 100%, rgba(29, 39, 72, 0.05), transparent 60%),
var(--bg-soft);z-index:-1;}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;}
.hero h1{margin-bottom:24px;}
.hero h1 .accent{color:var(--green);position:relative;display:inline-block;}
.hero h1 .accent::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:12px;background:var(--green-soft);z-index:-1;border-radius:4px;}
.hero .lead{font-size:1.15rem;color:var(--text-muted);margin-bottom:32px;max-width:540px;}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.hero-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding-top:32px;border-top:1px solid var(--border);}
.hero-stats .stat strong{display:block;font-family:'Plus Jakarta Sans', sans-serif;font-size:1.85rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;}
.hero-stats .stat span{font-size:0.85rem;color:var(--text-muted);}
.hero-visual{position:relative;aspect-ratio:4/5;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg, var(--green-light), var(--navy-soft));box-shadow:var(--shadow-lg);}
.hero-visual > img{width:100%;height:100%;object-fit:cover;}
.hero-visual .badge{position:absolute;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);padding:14px 18px;border-radius:var(--radius);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);}
.hero-visual .badge.top-left{top:24px;left:24px;}
.hero-visual .badge.bottom-right{bottom:24px;right:24px;}
.hero-visual .badge .icon{width:42px;height:42px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center;font-weight:800;font-size:0.78rem;letter-spacing:0.04em;font-family:'Plus Jakarta Sans', sans-serif;}
.hero-visual .badge .icon.navy{background:var(--navy);}
.hero-visual .badge strong{color:var(--navy);font-family:'Plus Jakarta Sans', sans-serif;font-size:0.95rem;}
.hero-visual .badge small{display:block;color:var(--text-muted);font-size:0.78rem;}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;}
.hero-stats{grid-template-columns:1fr 1fr;gap:16px;}
}
@media (max-width:600px){.hero{padding:50px 0 70px;}
.hero-stats{grid-template-columns:1fr;gap:12px;padding-top:24px;}
}
.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 0;background:var(--bg);}
.trust-strip .container{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;gap:18px;}
@media (max-width:960px){.trust-strip .container{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:480px){.trust-strip .container{grid-template-columns:1fr;}
}
.trust-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-weight:600;font-size:0.88rem;white-space:nowrap;}
@media (max-width:1100px){.trust-item{font-size:0.82rem;white-space:normal;}
}
.trust-item .check{width:22px;height:22px;background:var(--green-light);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:0.75rem;font-weight:800;}
.page-header{padding:70px 0 50px;background:linear-gradient(180deg, var(--bg-soft), var(--bg));position:relative;overflow:hidden;}
.page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 300px at 90% 20%, rgba(166, 90, 56, 0.08), transparent 60%),
radial-gradient(500px 300px at 0% 80%, rgba(29, 39, 72, 0.04), transparent 60%);z-index:0;}
.page-header > .container{position:relative;z-index:1;}
.page-header h1{font-size:clamp(2rem, 4vw, 3.2rem);margin:16px 0 14px;}
.page-header .lead{font-size:1.1rem;color:var(--text-muted);max-width:760px;}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:0.85rem;color:var(--text-muted);list-style:none;}
.breadcrumb li:not(:last-child)::after{content:'/';margin-left:8px;color:var(--text-light);}
.breadcrumb a{color:var(--text-muted);font-weight:500;}
.breadcrumb a:hover{color:var(--green);}
.breadcrumb li:last-child a{color:var(--navy);font-weight:600;}
.product-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;}
.filter-chip{padding:10px 20px;border-radius:100px;background:var(--bg);border:1.5px solid var(--border);font-weight:600;font-size:0.88rem;color:var(--navy);cursor:pointer;transition:all var(--transition);font-family:inherit;}
.filter-chip:hover{border-color:var(--green);color:var(--green-dark);}
.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px;}
.product-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--green-soft);}
.product-image{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg, var(--bg-tint), var(--bg-soft));display:grid;place-items:center;overflow:hidden;}
.product-image img{width:78%;height:78%;object-fit:contain;transition:transform 500ms cubic-bezier(.2, .8, .2, 1);}
.product-card:hover .product-image img{transform:scale(1.05) rotate(-2deg);}
.product-tag{position:absolute;top:16px;left:16px;background:var(--navy);color:#fff !important;padding:6px 12px;border-radius:100px;font-size:0.7rem;font-weight:700;letter-spacing:0.05em;}
.product-tag.akcija{background:#b23a2f;}
.product-tag.parama{background:var(--green);}
.product-tag.popular{background:var(--navy);}
.product-body{padding:22px;flex:1;display:flex;flex-direction:column;}
.product-cat{font-size:0.76rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.product-card h3{font-size:1.15rem;margin-bottom:14px;line-height:1.3;}
.product-features{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
.product-features li{font-size:0.76rem;color:var(--text-muted);background:var(--bg-tint);padding:4px 10px;border-radius:100px;}
.product-actions{display:flex;gap:8px;margin-top:auto;}
.product-actions .btn{padding:11px 16px;font-size:0.84rem;flex:1;justify-content:center;}
.benefits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
@media (max-width:960px){.benefits-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:600px){.benefits-grid{grid-template-columns:1fr;}
}
.benefit-card{padding:36px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:all var(--transition);position:relative;overflow:hidden;}
.benefit-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 400ms cubic-bezier(.2, .8, .2, 1);}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.benefit-card:hover::before{transform:scaleX(1);}
.benefit-icon{width:56px;height:56px;border-radius:14px;background:var(--green-light);color:var(--green);display:grid;place-items:center;margin-bottom:20px;}
.benefit-icon svg{width:28px;height:28px;}
.benefit-card h3{margin-bottom:10px;font-size:1.15rem;}
.benefit-card p{color:var(--text-muted);font-size:0.95rem;line-height:1.65;}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:24px;}
.section-dark{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.section-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 90% 10%, rgba(166, 90, 56, 0.15), transparent 60%),
radial-gradient(700px 400px at 0% 90%, rgba(166, 90, 56, 0.08), transparent 60%);}
.section-dark > .container{position:relative;}
.section-dark h2, .section-dark h3{color:#fff;}
.section-dark .section-header p{color:rgba(255,255,255,0.7);}
.section-dark .eyebrow{background:rgba(166, 90, 56, 0.18);color:var(--green-soft);}
.step{position:relative;padding:32px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:all var(--transition);}
.step:hover{background:rgba(255,255,255,0.08);border-color:rgba(166, 90, 56, 0.4);}
.step .num{font-family:'Plus Jakarta Sans', sans-serif;font-size:3rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--green);line-height:1;margin-bottom:18px;}
.step h3{color:#fff;margin-bottom:10px;font-size:1.2rem;}
.step p{color:rgba(255,255,255,0.7);font-size:0.95rem;}
.video-wrap{position:relative;max-width:980px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9;background:var(--navy);box-shadow:var(--shadow-xl);}
.video-wrap iframe,
.video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.parama-card{background:linear-gradient(135deg, var(--green-light), #fff);border:1px solid var(--green-soft);border-radius:var(--radius-xl);padding:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;position:relative;overflow:hidden;}
.parama-card::before{content:'';position:absolute;top:-100px;right:-80px;width:320px;height:320px;background:radial-gradient(circle, var(--green-soft), transparent 70%);border-radius:50%;opacity:0.6;}
.parama-card > *{position:relative;}
.parama-card .eyebrow{background:var(--bg);color:var(--green-dark);}
.parama-card h2{margin-bottom:16px;}
.parama-card p{color:var(--text-muted);margin-bottom:28px;max-width:480px;}
@media (max-width:900px){.parama-card{grid-template-columns:1fr;padding:36px 28px;gap:32px;}
}
.calculator-preview{background:var(--bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);}
.calc-row{display:flex;justify-content:space-between;margin-bottom:14px;}
.calc-label{color:var(--text-muted);font-size:0.92rem;}
.calc-value{font-weight:700;color:var(--navy);font-family:'Plus Jakarta Sans', sans-serif;}
.calc-divider{height:1px;background:var(--border);margin:18px 0;}
.calc-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px;background:var(--green-light);border-radius:var(--radius-sm);margin-bottom:16px;}
.calc-total .calc-label{color:var(--green-dark);font-weight:700;}
.calc-total .calc-value{font-size:1.5rem;color:var(--green-dark);}
.gallery-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;grid-auto-rows:220px;}
.gallery-item{border-radius:var(--radius);overflow:hidden;background:var(--bg-tint);position:relative;cursor:pointer;}
.gallery-item.featured{grid-row:span 2;grid-column:span 2;}
.gallery-item.tall{grid-row:span 2;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease;}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.35));opacity:0;transition:opacity var(--transition);}
.gallery-item:hover::after{opacity:1;}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2, 1fr);}
.gallery-item.featured{grid-row:auto;grid-column:span 2;}
.gallery-item.tall{grid-row:auto;}
}
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;background:var(--bg);transition:all var(--transition);overflow:hidden;}
.faq-item:hover{border-color:var(--green-soft);}
.faq-item.open{border-color:var(--green);box-shadow:var(--shadow);}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;background:none;border:none;cursor:pointer;font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);text-align:left;gap:16px;}
.faq-question .arrow{width:32px;height:32px;border-radius:50%;background:var(--bg-tint);display:grid;place-items:center;flex-shrink:0;transition:all var(--transition);}
.faq-item.open .arrow{background:var(--green);color:white;transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 400ms cubic-bezier(.2, .8, .2, 1);}
.faq-answer-inner{padding:0 26px 26px;color:var(--text-muted);line-height:1.7;}
.faq-item.open .faq-answer{max-height:600px;}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px;}
.testimonial{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px;position:relative;}
.testimonial .quote-mark{font-family:'Plus Jakarta Sans', sans-serif;font-size:4rem;color:var(--green-light);line-height:1;margin-bottom:12px;font-weight:800;}
.testimonial p{color:var(--text);margin-bottom:18px;line-height:1.7;}
.testimonial .author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--border-soft);}
.testimonial .avatar{width:44px;height:44px;background:var(--green-light);color:var(--green-dark);border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:'Plus Jakarta Sans', sans-serif;}
.testimonial .author strong{display:block;color:var(--navy);font-size:0.95rem;}
.testimonial .author span{color:var(--text-muted);font-size:0.85rem;}
.testimonial .stars{color:#a65a38;font-size:1rem;margin-bottom:16px;}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:28px;}
.article-card{background:var(--bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-soft);transition:all var(--transition);display:flex;flex-direction:column;}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--green-soft);}
.article-image{aspect-ratio:16/9;background:linear-gradient(135deg, var(--green-light), var(--navy-soft));overflow:hidden;}
.article-image img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease;}
.article-card:hover .article-image img{transform:scale(1.05);}
.article-body{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1;}
.article-meta{font-size:0.76rem;color:var(--text-muted);letter-spacing:0.04em;text-transform:uppercase;font-weight:600;}
.article-card h3{font-size:1.18rem;line-height:1.3;}
.article-card p{color:var(--text-muted);font-size:0.95rem;}
.article-card .read-more{margin-top:auto;padding-top:14px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:6px;font-size:0.9rem;}
.form-block{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow);}
.form-block h2{margin-bottom:12px;}
.form-block .lead{color:var(--text-muted);margin-bottom:28px;}
@media (max-width:600px){.form-block{padding:28px 22px;}
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-grid .full{grid-column:1 / -1;}
@media (max-width:600px){.form-grid{grid-template-columns:1fr;}
}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field label{font-size:0.85rem;font-weight:600;color:var(--navy);}
.form-field label .req{color:#b23a2f;}
.form-field input,
.form-field select,
.form-field textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:0.95rem;color:var(--text);background:var(--bg);transition:all var(--transition);}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(166, 90, 56, 0.12);}
.form-field textarea{resize:vertical;min-height:100px;}
.radio-group{display:flex;gap:10px;flex-wrap:wrap;}
.radio-group label{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:0.9rem;color:var(--text-muted);transition:all var(--transition);}
.radio-group input{display:none;}
.radio-group label:hover{border-color:var(--green);color:var(--navy);}
.radio-group input:checked + label,
.radio-group label:has(input:checked){border-color:var(--green);background:var(--green-light);color:var(--green-dark);}
.cta-banner{padding:80px 0;background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 20% 50%, rgba(166, 90, 56, 0.2), transparent 60%),
radial-gradient(500px 300px at 80% 50%, rgba(166, 90, 56, 0.12), transparent 60%);}
.cta-banner .container{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;}
@media (max-width:760px){.cta-banner .container{grid-template-columns:1fr;text-align:center;}
}
.cta-banner h2{color:#fff;margin-bottom:12px;}
.cta-banner p{color:rgba(255,255,255,0.75);font-size:1.08rem;max-width:540px;}
.cta-banner .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.cta-banner .btn-secondary{background:transparent;color:#fff !important;border-color:rgba(255,255,255,0.25);}
.cta-banner .btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:#fff;color:#fff !important;}
footer.main-footer{background:#0a1020;color:rgba(255,255,255,0.7);padding:80px 0 30px;font-size:0.92rem;}
footer.main-footer .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3, 1fr);gap:48px;margin-bottom:56px;}
@media (max-width:900px){footer.main-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media (max-width:560px){footer.main-footer .footer-grid{grid-template-columns:1fr;}
}
footer.main-footer h4{color:#fff;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:22px;font-weight:700;}
footer.main-footer .logo{color:#fff;margin-bottom:18px;}
footer.main-footer .logo small{color:rgba(255,255,255,0.6);}
footer.main-footer p{color:rgba(255,255,255,0.6);line-height:1.7;max-width:360px;margin-bottom:24px;}
footer.main-footer ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
footer.main-footer ul a{color:rgba(255,255,255,0.7);}
footer.main-footer ul a:hover{color:var(--green-soft);}
footer.main-footer .contact-block{display:flex;flex-direction:column;gap:12px;}
footer.main-footer .contact-block a{color:rgba(255,255,255,0.85);display:inline-flex;align-items:center;gap:8px;}
footer.main-footer .contact-block a:hover{color:var(--green-soft);}
footer.main-footer .contact-block small{color:rgba(255,255,255,0.5);font-weight:400;}
.social-row{display:flex;gap:10px;margin-top:16px;}
.social-row a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);display:grid;place-items:center;transition:all var(--transition);}
.social-row a:hover{background:var(--green);transform:translateY(-2px);}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:0.85rem;color:rgba(255,255,255,0.5);}
.footer-bottom a{color:rgba(255,255,255,0.55);}
.footer-bottom a:hover{color:#fff;}
.floating-cta{position:fixed;bottom:24px;right:24px;background:var(--green);color:#fff !important;padding:14px 22px;border-radius:100px;font-weight:700;box-shadow:0 12px 30px rgba(166, 90, 56, 0.4);display:flex;align-items:center;gap:8px;z-index:40;transition:all var(--transition);font-size:0.92rem;}
.floating-cta:hover{background:var(--green-dark);color:#fff !important;transform:translateY(-3px);box-shadow:0 16px 40px rgba(166, 90, 56, 0.5);}
@media (max-width:600px){.floating-cta{padding:12px 18px;font-size:0.85rem;}
}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0 80px;}
@media (max-width:900px){.product-detail{grid-template-columns:1fr;gap:32px;}
}
.product-gallery{position:sticky;top:100px;align-self:start;}
@media (max-width:900px){.product-gallery{position:static;}
}
.product-main-image{background:linear-gradient(135deg, var(--bg-tint), var(--bg-soft));border-radius:var(--radius-xl);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;margin-bottom:16px;border:1px solid var(--border-soft);}
.product-main-image img{width:80%;height:80%;object-fit:contain;}
.product-thumbs{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;}
.product-thumb{aspect-ratio:1/1;background:var(--bg-tint);border-radius:var(--radius-sm);border:1.5px solid var(--border);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:all var(--transition);padding:8px;}
.product-thumb img{width:100%;height:100%;object-fit:contain;}
.product-thumb:hover, .product-thumb.active{border-color:var(--green);}
.product-detail h1{font-size:clamp(1.7rem, 3vw, 2.4rem);margin:14px 0 8px;}
.product-cat-label{display:inline-block;font-size:0.78rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:0.06em;padding:6px 12px;background:var(--green-light);border-radius:100px;}
.product-quick-features{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;}
.product-quick-features span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tint);border-radius:100px;font-size:0.85rem;font-weight:600;color:var(--navy);}
.product-quick-features span::before{content:'✓';color:var(--green);font-weight:800;}
.product-key-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:24px;}
.key-info-item{display:flex;flex-direction:column;gap:2px;}
.key-info-item small{font-size:0.78rem;color:var(--text-muted);}
.key-info-item strong{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.1rem;color:var(--navy);}
.product-cta-block{background:linear-gradient(135deg, var(--green-light), var(--bg));padding:24px;border-radius:var(--radius);margin-bottom:24px;border:1px solid var(--green-soft);}
.product-cta-block .cta-headline{font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);margin-bottom:6px;}
.product-cta-block p{font-size:0.9rem;color:var(--text-muted);margin-bottom:16px;}
.product-cta-block .cta-row{display:flex;gap:10px;flex-wrap:wrap;}
.spec-table{width:100%;border-collapse:collapse;margin:24px 0;}
.spec-table th, .spec-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-soft);}
.spec-table th{background:var(--bg-soft);font-weight:600;color:var(--navy);width:50%;font-size:0.92rem;}
.spec-table td{color:var(--text);font-weight:600;font-family:'Plus Jakarta Sans', sans-serif;}
.spec-table tr:hover{background:var(--green-mint);}
.article-content{font-size:1.05rem;line-height:1.8;color:var(--text);}
.article-content > * + *{margin-top:1.2em;}
.article-content h2{font-size:1.7rem;margin-top:2em;margin-bottom:0.6em;}
.article-content h3{font-size:1.3rem;margin-top:1.8em;margin-bottom:0.4em;}
.article-content p{color:var(--text);}
.article-content ul, .article-content ol{padding-left:1.4em;}
.article-content li{margin-bottom:0.5em;}
.article-content blockquote{border-left:4px solid var(--green);background:var(--green-mint);padding:20px 24px;border-radius:var(--radius-sm);margin:1.5em 0;color:var(--navy);font-style:italic;}
.article-content img{border-radius:var(--radius);margin:1.5em 0;}
.article-content a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px;}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 600ms ease, transform 600ms cubic-bezier(.2, .8, .2, 1);}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.text-center{text-align:center;}
.mt-4{margin-top:24px;}
.mb-4{margin-bottom:24px;}
.hide-mobile{display:block;}
.show-mobile{display:none;}
@media (max-width:760px){.hide-mobile{display:none;}
.show-mobile{display:block;}
}
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 32px;}
.filter-btn{background:white;border:1.5px solid var(--border);padding:10px 22px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all 180ms ease;}
.filter-btn:hover{border-color:var(--primary);color:var(--primary-dark);}
.filter-btn.active{background:var(--primary);border-color:var(--primary);color:white;}
.form-page-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start;}
@media (max-width:900px){.form-page-grid{grid-template-columns:1fr;gap:32px;}
}
.form-wrap{background:white;padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 4px 20px rgba(20, 28, 54, 0.04);}
.form-wrap h2{margin-top:0;}
@media (max-width:600px){.form-wrap{padding:24px;}
}
.form-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px;}
@media (max-width:900px){.form-sidebar{position:static;}
}
.sidebar-card{background:white;padding:28px;border-radius:var(--radius-lg);border:1px solid var(--border);}
.sidebar-card h3{margin-top:0;margin-bottom:12px;font-size:17px;color:var(--navy);}
.sidebar-card p{font-size:14.5px;color:var(--text-muted);margin:0 0 16px;}
.sidebar-card-accent{background:linear-gradient(135deg, #f4f0ea, #f0e8e0);border-color:rgba(166, 90, 56, 0.2);}
.contact-block-light{display:flex;flex-direction:column;gap:14px;}
.contact-block-light a{display:flex;flex-direction:column;padding:12px 16px;background:var(--bg);border-radius:10px;text-decoration:none;color:var(--navy);transition:background 180ms;}
.contact-block-light a:hover{background:var(--bg-soft);}
.contact-block-light strong{font-size:16px;}
.contact-block-light small{font-size:12px;color:var(--text-muted);margin-top:2px;}
.check-list{list-style:none;padding:0;margin:0;}
.check-list li{padding:8px 0;color:var(--text);font-size:14.5px;border-bottom:1px solid rgba(0,0,0,0.05);}
.check-list li:last-child{border-bottom:none;}
.form-note{margin-top:12px;font-size:13px;color:var(--text-muted);}
.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin:8px 0;font-size:14px;color:var(--text);cursor:pointer;}
.checkbox-row input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:2px;}
.contacts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
@media (max-width:900px){.contacts-grid{grid-template-columns:1fr;}
}
.contact-card-big{background:white;padding:36px 28px;border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:transform 220ms, box-shadow 220ms;}
.contact-card-big:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(20, 28, 54, 0.08);}
.contact-card-big h3{color:var(--navy);margin:12px 0 8px;}
.contact-card-big p{color:var(--text-muted);font-size:14.5px;margin-bottom:16px;}
.contact-card-big small{display:block;margin-top:8px;color:var(--text-muted);font-size:13px;}
.contact-icon{width:64px;height:64px;border-radius:16px;background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto;}
.contact-big-link{display:inline-block;font-size:22px;font-weight:700;color:var(--primary-dark);text-decoration:none;margin-top:8px;}
.contact-big-link:hover{color:var(--primary);}
.content-wrap, .content-prose{max-width:820px;margin:0 auto;}
.content-prose h2{font-size:26px;margin:36px 0 16px;color:var(--navy);}
.content-prose h2:first-child{margin-top:0;}
.content-prose p{font-size:16px;line-height:1.75;color:var(--text);margin:0 0 16px;}
.content-prose ul, .content-prose ol{padding-left:24px;margin:0 0 20px;}
.content-prose li{margin-bottom:8px;line-height:1.7;}
.content-prose a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px;}
.info-card-big{background:linear-gradient(135deg, #f4f0ea, #f0e8e0);padding:40px;border-radius:var(--radius-lg);border:1px solid rgba(166, 90, 56, 0.2);display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-bottom:48px;}
@media (max-width:760px){.info-card-big{grid-template-columns:1fr;gap:24px;padding:28px;text-align:center;}
}
.big-stat{text-align:center;}
.big-stat-number{font-family:var(--font-display);font-size:64px;font-weight:800;color:var(--primary-dark);line-height:1;}
.big-stat-label{font-size:14px;color:var(--text-muted);margin-top:8px;max-width:140px;}
.info-card-big h2{margin-top:0;}
.check-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin:24px 0 32px;}
@media (max-width:700px){.check-grid{grid-template-columns:1fr;}
}
.check-item{display:flex;gap:14px;padding:18px 20px;background:var(--bg-soft);border-radius:12px;align-items:flex-start;}
.check-item .check-icon{flex-shrink:0;width:28px;height:28px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}
.step-list{display:flex;flex-direction:column;gap:20px;margin:24px 0 32px;}
.step-item{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:flex-start;background:white;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);}
.step-circle{width:48px;height:48px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:700;}
.step-item h3{margin:0 0 8px;font-size:18px;color:var(--navy);}
.step-item p{margin:0;color:var(--text-muted);font-size:15px;line-height:1.65;}
.info-callout{background:linear-gradient(135deg, #dfe3ee, #e9ebf2);border-left:4px solid var(--navy);padding:24px 28px;border-radius:var(--radius);margin:32px 0;}
.info-callout h3{margin:0 0 8px;color:var(--navy);font-size:17px;}
.info-callout p{margin:0;color:var(--text);font-size:15px;line-height:1.65;}
.info-callout a{color:var(--primary-dark);font-weight:600;}
.example-table{max-width:600px;margin:0 auto;background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);}
.example-row{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);font-size:15px;}
.example-row:last-child{border-bottom:none;}
.example-row-total{background:var(--bg-soft);font-size:16px;}
.example-row-discount{color:var(--primary-dark);}
.example-row-final{background:var(--navy);color:white;font-size:17px;}
.gallery-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:40px;}
@media (max-width:700px){.gallery-stats{grid-template-columns:repeat(2, 1fr);}
}
.gallery-stat{text-align:center;padding:20px;background:var(--bg-soft);border-radius:12px;}
.gallery-stat-num{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--primary-dark);}
.gallery-stat > div:last-child{font-size:13px;color:var(--text-muted);margin-top:4px;}
.gallery-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:700px){.gallery-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:480px){.gallery-grid{grid-template-columns:1fr;}
}
.gallery-item{background:white;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform 220ms, box-shadow 220ms;}
.gallery-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20, 28, 54, 0.08);}
.gallery-img-placeholder{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;}
.gallery-item > img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform 400ms cubic-bezier(.2, .8, .2, 1);}
.gallery-item:hover > img{transform:scale(1.05);}
.gallery-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px;}
.gallery-info strong{font-size:14px;color:var(--navy);}
.gallery-info span{font-size:12.5px;color:var(--text-muted);}
.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center;}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;}
}
.about-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;}
.about-stat{background:var(--bg-soft);padding:28px 20px;border-radius:var(--radius);text-align:center;}
.about-stat-num{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--primary-dark);}
.about-stat > div:last-child{font-size:13px;color:var(--text-muted);margin-top:6px;}
.info-table{max-width:760px;margin:0 auto;background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);}
.info-row{display:grid;grid-template-columns:1fr 1.5fr;padding:16px 24px;border-bottom:1px solid var(--border);font-size:15px;gap:16px;}
.info-row:last-child{border-bottom:none;}
.info-row > div:first-child{color:var(--text-muted);font-weight:600;}
.info-row > div:last-child{color:var(--text);}
.info-row a{color:var(--primary-dark);font-weight:600;}
@media (max-width:600px){.info-row{grid-template-columns:1fr;gap:4px;}
}
.article-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
@media (max-width:900px){.article-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:600px){.article-grid{grid-template-columns:1fr;}
}
.article-card{background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 220ms, box-shadow 220ms;}
.article-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(20, 28, 54, 0.08);}
.article-img{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;}
.article-body{padding:24px;}
.article-tag{display:inline-block;background:var(--bg-soft);color:var(--primary-dark);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px;}
.article-body h3{margin:0 0 8px;font-size:18px;color:var(--navy);line-height:1.35;}
.article-body p{color:var(--text-muted);font-size:14.5px;line-height:1.6;margin:0 0 16px;}
.calc-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start;}
@media (max-width:900px){.calc-wrap{grid-template-columns:1fr;}
}
.calc-form{background:white;padding:36px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 4px 20px rgba(20, 28, 54, 0.04);}
.calc-form h2{margin-top:0;font-size:22px;}
.calc-form small{display:block;color:var(--text-muted);font-size:12.5px;margin-top:6px;}
.calc-result{background:linear-gradient(135deg, var(--navy), var(--navy-dark));color:white;padding:36px;border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(20, 28, 54, 0.18);position:sticky;top:100px;}
@media (max-width:900px){.calc-result{position:static;}
}
.result-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.15);}
.result-header .eyebrow{color:var(--primary);font-weight:700;}
.result-header h2{margin:8px 0 4px;font-size:36px;color:white;font-family:var(--font-display);}
.result-header h2 span{color:var(--primary);}
.result-header p{color:rgba(255,255,255,0.7);margin:0;font-size:14px;}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;}
.result-item{background:rgba(255,255,255,0.06);padding:16px 18px;border-radius:12px;}
.result-item.highlight-green{background:rgba(166, 90, 56, 0.2);border:1px solid rgba(166, 90, 56, 0.4);}
.result-item.highlight-navy{background:white;color:var(--navy);}
.result-label{font-size:12.5px;color:rgba(255,255,255,0.7);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;}
.result-item.highlight-navy .result-label{color:var(--text-muted);}
.result-value{font-family:var(--font-display);font-size:22px;font-weight:700;}
.result-item.highlight-green .result-value{color:#e6cdba;}
.result-savings{background:rgba(255,255,255,0.08);padding:20px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.result-value-lg{font-family:var(--font-display);font-size:30px;font-weight:800;color:white;}
.result-cta{display:flex;flex-direction:column;gap:10px;}
.result-cta .btn-ghost{color:#fff !important;border:1.5px solid rgba(255,255,255,0.5);background:transparent;}
.result-cta .btn-ghost:hover{background:rgba(255,255,255,0.15);border-color:#fff;color:#fff !important;}
.inbank-banner-section{padding:56px 0 16px;background:var(--bg);}
@media (max-width:768px){.inbank-banner-section{padding:36px 0 8px;}
}
.inbank-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;padding:36px 44px;background:linear-gradient(135deg, #1d2748 0%, #2b3a66 55%, #6e3a22 110%);border-radius:24px;text-decoration:none;color:#fff;overflow:hidden;box-shadow:0 24px 60px -24px rgba(29, 39, 72, 0.55);transition:transform var(--transition), box-shadow var(--transition);isolation:isolate;}
.inbank-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 240px at -10% 120%, rgba(166, 90, 56, 0.45), transparent 60%),
radial-gradient(500px 200px at 110% -20%, rgba(210, 143, 99, 0.28), transparent 60%);z-index:-1;pointer-events:none;}
.inbank-banner::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);background-size:32px 32px;mask:linear-gradient(135deg, rgba(0,0,0,0.6), transparent 70%);-webkit-mask:linear-gradient(135deg, rgba(0,0,0,0.6), transparent 70%);z-index:-1;pointer-events:none;}
.inbank-banner:hover{transform:translateY(-3px);box-shadow:0 32px 70px -24px rgba(29, 39, 72, 0.7);color:#fff;}
.inbank-banner__visual{position:relative;width:140px;height:140px;display:grid;place-items:center;flex-shrink:0;}
.inbank-banner__zero{position:relative;z-index:2;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:3.4rem;line-height:1;letter-spacing:-0.04em;color:#fff;display:flex;align-items:flex-start;}
.inbank-banner__zero span{font-size:1.4rem;font-weight:700;margin-top:6px;color:var(--green);}
.inbank-banner__pulse{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle, rgba(166, 90, 56, 0.45) 0%, transparent 70%);animation:inbankPulse 3s ease-in-out infinite;}
.inbank-banner__pulse::before,
.inbank-banner__pulse::after{content:'';position:absolute;inset:14px;border-radius:50%;border:1.5px solid rgba(210, 143, 99, 0.55);}
.inbank-banner__pulse::after{inset:28px;border-color:rgba(210, 143, 99, 0.3);}
@keyframes inbankPulse{0%, 100%{transform:scale(1);opacity:0.9;}
50%{transform:scale(1.06);opacity:1;}
}
.inbank-banner__content{min-width:0;}
.inbank-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(210, 143, 99, 0.18);color:#e0a87f;border:1px solid rgba(210, 143, 99, 0.35);border-radius:100px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px;}
.inbank-banner__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#e0a87f;box-shadow:0 0 0 3px rgba(224, 168, 127, 0.22);}
.inbank-banner__title{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(1.4rem, 2.4vw, 1.85rem);font-weight:800;letter-spacing:-0.02em;line-height:1.2;margin-bottom:10px;color:#fff;}
.inbank-banner__title span{color:#e0a87f;white-space:nowrap;}
.inbank-banner__lead{font-size:0.98rem;line-height:1.55;color:rgba(255,255,255,0.82);margin-bottom:14px;max-width:620px;}
.inbank-banner__features{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0;}
.inbank-banner__features li{color:rgba(255,255,255,0.92);font-size:0.88rem;font-weight:600;}
.inbank-banner__cta{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0;}
.inbank-banner__logo{display:flex;flex-direction:column;align-items:flex-end;background:#fff;color:#1d2748;padding:10px 18px;border-radius:10px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-0.02em;line-height:1;box-shadow:0 8px 24px -8px rgba(0,0,0,0.4);}
.inbank-banner__logo small{font-size:0.55rem;font-weight:700;letter-spacing:0.18em;margin-top:3px;color:#8b90ab;}
.inbank-banner__btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:12px 22px;border-radius:100px;font-weight:700;font-size:0.92rem;white-space:nowrap;transition:all var(--transition);}
.inbank-banner:hover .inbank-banner__btn{background:#fff;color:var(--navy);transform:translateX(4px);}
@media (max-width:920px){.inbank-banner{grid-template-columns:1fr;text-align:left;padding:32px 28px;gap:22px;}
.inbank-banner__visual{width:110px;height:110px;}
.inbank-banner__zero{font-size:2.6rem;}
.inbank-banner__zero span{font-size:1.1rem;}
.inbank-banner__cta{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;width:100%;flex-wrap:wrap;}
.inbank-banner__btn{flex:1;justify-content:center;min-width:200px;}
}
@media (max-width:480px){.inbank-banner{padding:26px 22px;}
.inbank-banner__features{gap:6px 16px;}
.inbank-banner__features li{font-size:0.82rem;}
}
.article-search-section{padding:32px 0 0;background:var(--bg);}
.article-search-wrap{max-width:720px;margin:0 auto;position:relative;}
.article-search-bar{position:relative;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 20px;background:#fff;border:2px solid var(--border);border-radius:100px;box-shadow:0 4px 20px -8px rgba(20, 28, 54, 0.08);transition:all 200ms;}
.article-search-bar:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(166, 90, 56, 0.12), 0 4px 24px -6px rgba(166, 90, 56, 0.18);}
.article-search-icon{color:var(--text-muted);flex-shrink:0;transition:color 200ms;}
.article-search-bar:focus-within .article-search-icon{color:var(--green);}
.article-search-input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:1rem;padding:14px 0;color:var(--text);font-weight:500;min-width:0;}
.article-search-input::placeholder{color:var(--text-light);}
.article-search-clear{border:0;background:var(--bg-tint);color:var(--text-muted);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all 160ms;flex-shrink:0;}
.article-search-clear:hover{background:var(--green);color:#fff;}
.article-search-kbd{display:inline-flex;align-items:center;padding:6px 10px;background:var(--bg-tint);color:var(--text-muted);font-family:inherit;font-size:0.78rem;font-weight:600;border-radius:8px;border:1px solid var(--border);margin-right:8px;flex-shrink:0;}
@media (max-width:640px){.article-search-kbd{display:none;}
}
.article-search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px -12px rgba(20, 28, 54, 0.18);overflow:hidden;z-index:30;max-height:480px;overflow-y:auto;animation:searchDropFade 180ms ease-out;}
@keyframes searchDropFade{from{opacity:0;transform:translateY(-6px);}
to{opacity:1;transform:translateY(0);}
}
.article-search-dropdown[hidden]{display:none;}
.search-result-group{padding:8px 0;}
.search-result-group:not(:first-child){border-top:1px solid var(--border-soft);}
.search-result-group-label{padding:8px 20px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-light);}
.search-result{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;color:inherit;transition:background 140ms;cursor:pointer;border:0;width:100%;text-align:left;background:transparent;font-family:inherit;}
.search-result:hover,
.search-result.active{background:var(--green-mint);}
.search-result-icon{width:40px;height:40px;border-radius:10px;background:var(--green-light);color:var(--green-dark);display:grid;place-items:center;flex-shrink:0;}
.search-result-body{min-width:0;}
.search-result-title{font-weight:700;font-size:0.96rem;color:var(--navy);margin:0 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.search-result-title mark{background:rgba(166, 90, 56, 0.22);color:var(--green-dark);border-radius:3px;padding:0 2px;font-weight:800;}
.search-result-meta{font-size:0.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.search-result-arrow{color:var(--text-light);opacity:0;transform:translateX(-4px);transition:all 160ms;flex-shrink:0;}
.search-result:hover .search-result-arrow,
.search-result.active .search-result-arrow{opacity:1;transform:translateX(0);color:var(--green);}
.search-empty{padding:28px 20px;text-align:center;}
.search-empty-title{font-weight:700;color:var(--navy);margin-bottom:6px;}
.search-empty-hint{font-size:0.88rem;color:var(--text-muted);}
.search-empty-hint strong{color:var(--green-dark);}
.article-search-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:0 4px;}
.article-search-tags-label{font-size:0.82rem;color:var(--text-muted);font-weight:600;margin-right:4px;}
.article-search-tag{border:1px solid var(--border);background:#fff;color:var(--text);font-family:inherit;font-size:0.84rem;font-weight:600;padding:6px 14px;border-radius:100px;cursor:pointer;transition:all 160ms;}
.article-search-tag:hover{border-color:var(--green);background:var(--green-light);color:var(--green-dark);}
.article-search-info{max-width:720px;margin:20px auto 0;padding:12px 20px;font-size:0.9rem;color:var(--text-muted);text-align:center;}
.article-search-info strong{color:var(--navy);}
.article-card[hidden]{display:none;}
.featured-guides-section{padding:60px 0 40px;background:linear-gradient(180deg, var(--bg) 0%, var(--green-mint) 100%);}
.featured-guides-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:20px;}
@media (max-width:1100px){.featured-guides-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){.featured-guides-grid{grid-template-columns:1fr;}
}
.featured-guide{display:flex;gap:18px;padding:28px 28px 26px;background:#fff;border:1px solid var(--border);border-radius:18px;text-decoration:none;color:inherit;transition:all 220ms cubic-bezier(.2, .8, .2, 1);position:relative;overflow:hidden;}
.featured-guide:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 18px 40px -16px rgba(166, 90, 56, 0.28);color:inherit;}
.featured-guide::before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg, rgba(166, 90, 56, 0.04), transparent);opacity:0;transition:opacity 220ms;pointer-events:none;}
.featured-guide:hover::before{opacity:1;}
.featured-guide--lg{grid-row:span 2;grid-column:1;flex-direction:column;padding:36px;background:linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);border-color:var(--navy-dark);color:#fff;position:relative;}
.featured-guide--lg::after{content:'';position:absolute;inset:0;border-radius:18px;background:radial-gradient(500px 200px at 100% 0%, rgba(166, 90, 56, 0.35), transparent 60%),
radial-gradient(400px 200px at 0% 100%, rgba(166, 90, 56, 0.2), transparent 60%);pointer-events:none;z-index:0;}
.featured-guide--lg .featured-guide__body,
.featured-guide--lg .featured-guide__num{position:relative;z-index:1;}
.featured-guide--lg:hover{color:#fff;transform:translateY(-6px);border-color:var(--green);}
.featured-guide__num{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.8rem;font-weight:800;color:var(--green);line-height:1;letter-spacing:-0.04em;flex-shrink:0;width:56px;}
.featured-guide--lg .featured-guide__num{font-size:3rem;width:auto;color:#e0a87f;margin-bottom:24px;}
.featured-guide__body{min-width:0;flex:1;}
.featured-guide__tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--green-dark);background:var(--green-light);padding:4px 10px;border-radius:100px;margin-bottom:12px;}
.featured-guide--lg .featured-guide__tag{background:rgba(166, 90, 56, 0.22);color:#e6cdba;border:1px solid rgba(224, 168, 127, 0.3);}
.featured-guide h3{font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 0 10px;color:var(--navy);font-family:'Plus Jakarta Sans', sans-serif;letter-spacing:-0.01em;}
.featured-guide--lg h3{font-size:1.85rem;color:#fff;margin-bottom:14px;}
.featured-guide p{margin:0 0 14px;color:var(--text-muted);font-size:0.92rem;line-height:1.5;}
.featured-guide--lg p{color:rgba(255,255,255,0.82);font-size:1rem;margin-bottom:24px;}
.featured-guide__cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:0.92rem;color:var(--green-dark);transition:gap 200ms;}
.featured-guide--lg .featured-guide__cta{background:var(--green);color:#fff;padding:12px 22px;border-radius:100px;font-size:0.95rem;}
.featured-guide:hover .featured-guide__cta{gap:10px;}
.featured-guide--lg:hover .featured-guide__cta{background:#fff;color:var(--navy);}
.boileriai-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media (max-width:1024px){.boileriai-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:540px){.boileriai-grid{grid-template-columns:1fr;}
}
.boileris-card{position:relative;padding:32px 24px 28px;background:#fff;border:1.5px solid var(--border);border-radius:16px;text-align:center;transition:all 220ms;}
.boileris-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(166, 90, 56, 0.22);}
.boileris-card--featured{border-color:var(--green);box-shadow:0 12px 32px -12px rgba(166, 90, 56, 0.18);transform:translateY(-4px);}
.boileris-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:6px 14px;border-radius:100px;}
.boileris-card__icon{width:72px;height:72px;margin:0 auto 18px;background:var(--green-light);border-radius:50%;display:grid;place-items:center;}
.boileris-card h3{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.35rem;font-weight:800;color:var(--navy);margin:0 0 6px;}
.boileris-card__desc{color:var(--text-muted);font-size:0.9rem;margin:0 0 16px;}
.boileris-card__specs{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:6px;text-align:left;}
.boileris-card__specs li{font-size:0.86rem;color:var(--text);font-weight:500;}
.boileris-card__btn{display:block;padding:11px 16px;background:var(--navy);color:#fff;font-weight:700;font-size:0.92rem;border-radius:100px;text-decoration:none;transition:all 180ms;}
.boileris-card__btn:hover{background:var(--green);color:#fff;transform:translateY(-1px);}
.boileris-card--featured .boileris-card__btn{background:var(--green);}
.boileris-card--featured .boileris-card__btn:hover{background:var(--green-dark);}
.cirkuliaciniai-row{display:grid;grid-template-columns:1fr;gap:20px;}
.cirkuliacinis-card{display:flex;align-items:center;gap:28px;padding:32px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:all 220ms;}
.cirkuliacinis-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(166, 90, 56, 0.18);}
.cirkuliacinis-card__visual{width:96px;height:96px;background:var(--green-light);border-radius:50%;display:grid;place-items:center;flex-shrink:0;}
.cirkuliacinis-card__body strong{display:block;font-family:'Plus Jakarta Sans', sans-serif;font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:8px;}
.cirkuliacinis-card__body p{margin:0 0 12px;color:var(--text-muted);line-height:1.5;}
@media (max-width:640px){.cirkuliacinis-card{flex-direction:column;text-align:center;padding:28px 24px;}
}
.article-content .comparison-table-wrap{margin:32px 0;overflow-x:auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 16px -8px rgba(20, 28, 54, 0.08);}
.article-content .comparison-table{width:100%;border-collapse:collapse;background:#fff;min-width:560px;}
.article-content .comparison-table thead{background:linear-gradient(135deg, var(--navy), var(--navy-dark));color:#fff;}
.article-content .comparison-table th{padding:16px 18px;text-align:left;font-size:0.92rem;font-weight:700;letter-spacing:-0.005em;font-family:'Plus Jakarta Sans', sans-serif;}
.article-content .comparison-table th:first-child{background:rgba(0,0,0,0.18);}
.article-content .comparison-table td{padding:14px 18px;border-top:1px solid var(--border-soft);font-size:0.94rem;color:var(--text);vertical-align:top;line-height:1.5;}
.article-content .comparison-table tr:nth-child(even) td{background:var(--bg-soft);}
.article-content .comparison-table td:first-child{font-weight:700;color:var(--navy);background:var(--bg-tint) !important;border-right:1px solid var(--border);}
.article-content .comparison-table td.highlight{color:var(--green-dark);font-weight:600;}
.article-content .comparison-table td.dim{color:var(--text-muted);}
.article-content .article-highlight{margin:32px 0;padding:24px 28px;background:var(--green-mint);border-left:4px solid var(--green);border-radius:12px;}
.article-content .article-highlight h3{margin:0 0 10px;color:var(--green-dark);font-size:1.15rem;}
.article-content .article-highlight p{margin:0;}
.article-content .article-highlight p + p{margin-top:10px;}
.article-content .article-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin:28px 0;}
@media (max-width:640px){.article-content .article-stats{grid-template-columns:1fr;}
}
.article-content .article-stat{background:#fff;padding:22px 20px;border-radius:14px;border:1px solid var(--border);text-align:center;}
.article-content .article-stat-num{display:block;font-family:'Plus Jakarta Sans', sans-serif;font-size:2rem;font-weight:800;color:var(--green-dark);line-height:1;letter-spacing:-0.03em;}
.article-content .article-stat-label{display:block;margin-top:8px;font-size:0.88rem;color:var(--text-muted);font-weight:500;}
.article-content .article-cta-block{margin:36px 0 8px;padding:32px 32px 28px;background:linear-gradient(135deg, var(--navy), var(--navy-dark));border-radius:18px;color:#fff;position:relative;overflow:hidden;}
.article-content .article-cta-block::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 200px at 100% 100%, rgba(166, 90, 56, 0.3), transparent 60%);pointer-events:none;}
.article-content .article-cta-block > *{position:relative;z-index:1;}
.article-content .article-cta-block h3{color:#fff;margin:0 0 12px;font-size:1.4rem;font-family:'Plus Jakarta Sans', sans-serif;}
.article-content .article-cta-block p{color:rgba(255,255,255,0.85);margin:0 0 18px;font-size:1rem;}
.article-content .article-cta-block .article-cta-btns{display:flex;flex-wrap:wrap;gap:12px;}
.article-content .article-cta-block a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--green);color:#fff;border-radius:100px;font-weight:700;font-size:0.95rem;text-decoration:none;transition:all 200ms;}
.article-content .article-cta-block a:not(.btn):hover{background:#fff;color:var(--navy);transform:translateY(-1px);}
.article-content .article-cta-block a.outline{background:transparent;border:1.5px solid rgba(255,255,255,0.35);}
.article-content .article-cta-block a.outline:not(.btn):hover{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.7);}
.product-price-range{background:linear-gradient(135deg, var(--green-light), var(--green-mint));border:1px solid var(--green-soft);border-radius:10px;padding:10px 12px;margin:12px 0 14px;font-size:0.84rem;color:var(--text);line-height:1.4;}
.product-price-range strong{display:inline;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.05rem;color:var(--green-dark);letter-spacing:-0.01em;}
.product-price-range small{display:block;margin-top:4px;color:var(--text-muted);font-size:0.72rem;line-height:1.35;}
.product-link--cta{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff !important;padding:10px 18px;border-radius:100px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:0.9rem;letter-spacing:0;margin-top:12px;border-bottom:none;white-space:nowrap;transition:background 200ms, transform 200ms;}
.product-link--cta:hover,
.product-card:hover .product-link--cta{background:var(--navy-dark);color:#fff !important;transform:translateX(4px);}
.product-intro-link{max-width:800px;margin:16px 0 32px;padding:16px 22px;background:var(--bg-tint);border-left:3px solid var(--green);border-radius:0 12px 12px 0;font-size:0.96rem;line-height:1.6;color:var(--text);}
.product-intro-link strong{color:var(--navy);}
.product-intro-link a{color:var(--green-dark);font-weight:700;text-decoration:underline;text-decoration-color:rgba(166, 90, 56, 0.35);text-underline-offset:3px;}
.product-intro-link a:hover{text-decoration-color:var(--green);}
.mini-calc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.mini-calc-head h4{margin:0;}
.mini-calc-eyebrow{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--green-dark);background:var(--green-light);padding:4px 10px;border-radius:100px;}
.mini-calc-input-wrap{display:block;margin-bottom:18px;}
.mini-calc-input-label{display:block;font-size:0.82rem;font-weight:600;color:var(--text-muted);margin-bottom:8px;}
.mini-calc-input-row{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;}
.mini-calc-btn{width:44px;height:44px;border:1.5px solid var(--border);background:#fff;border-radius:12px;color:var(--navy);font-size:1.4rem;font-weight:700;cursor:pointer;transition:all 160ms;display:grid;place-items:center;padding:0;}
.mini-calc-btn:hover{border-color:var(--green);background:var(--green-light);color:var(--green-dark);}
.mini-calc-btn:active{transform:scale(0.95);}
#miniCalcArea{height:44px;border:1.5px solid var(--border);border-radius:12px;background:#fff;text-align:center;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.2rem;color:var(--navy);width:100%;-moz-appearance:textfield;}
#miniCalcArea::-webkit-outer-spin-button,
#miniCalcArea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
#miniCalcArea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(166, 90, 56, 0.15);}
.mini-calc-link{display:block;margin-top:14px;padding:10px 0;text-align:center;font-weight:700;color:var(--green-dark);font-size:0.92rem;border-top:1px dashed var(--border);}
.mini-calc-link:hover{color:var(--green);}
.calc-value, #miniCalcKw, #miniCalcTotal, #miniCalcSupport, #miniCalcFinal{transition:color 200ms, transform 200ms;}
.calc-value.flash{animation:calcFlash 400ms ease-out;}
@keyframes calcFlash{0%{color:var(--green);transform:scale(1.08);}
100%{color:inherit;transform:scale(1);}
}
.product-card{transition:opacity 260ms cubic-bezier(.2, .8, .2, 1),
transform 260ms cubic-bezier(.2, .8, .2, 1);}
.product-card.filtering-out{opacity:0;transform:translateY(8px) scale(0.97);pointer-events:none;}
.product-card.filtering-hidden{display:none;}
.product-card.filtering-in{animation:cardFadeIn 320ms cubic-bezier(.2, .8, .2, 1) both;}
@keyframes cardFadeIn{from{opacity:0;transform:translateY(8px) scale(0.97);}
to{opacity:1;transform:translateY(0) scale(1);}
}
.filter-btn.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 14px -4px rgba(166, 90, 56, 0.4);}
.contact-ribbon-section{padding:40px 0 0;background:var(--bg);}
.contact-ribbon{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;background:#fff;padding:24px;border-radius:18px;border:1px solid var(--border);box-shadow:0 12px 32px -16px rgba(20, 28, 54, 0.1);}
@media (max-width:1024px){.contact-ribbon{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:540px){.contact-ribbon{grid-template-columns:1fr;padding:16px;}
}
.contact-ribbon__item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;text-decoration:none;color:inherit;transition:all 200ms;border:1px solid transparent;}
.contact-ribbon__item:hover{background:var(--green-mint);border-color:var(--green-soft);color:inherit;transform:translateY(-2px);}
.contact-ribbon__icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;}
.contact-ribbon__icon--green{background:var(--green);}
.contact-ribbon__icon--navy{background:var(--navy);}
.contact-ribbon__icon--green-dark{background:var(--green-dark);}
.contact-ribbon__body{display:flex;flex-direction:column;gap:1px;min-width:0;}
.contact-ribbon__label{font-size:0.74rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}
.contact-ribbon__value{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.02rem;font-weight:800;color:var(--navy);letter-spacing:-0.01em;}
.contact-ribbon__hours{font-size:0.78rem;color:var(--text-light);margin-top:2px;}
.rekvizitai-section{padding:56px 0 16px;background:var(--bg);}
.rekvizitai-card{max-width:920px;margin:0 auto;background:linear-gradient(135deg, var(--bg-soft), #fff);border:1.5px solid var(--border);border-radius:20px;padding:36px 40px;position:relative;overflow:hidden;}
.rekvizitai-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg, var(--green), var(--navy));}
.rekvizitai-card__head{margin-bottom:24px;}
.rekvizitai-card__head h2{margin:0 0 6px;font-size:1.4rem;color:var(--navy);font-family:'Plus Jakarta Sans', sans-serif;}
.rekvizitai-card__head p{margin:0;color:var(--text-muted);font-size:0.92rem;}
.rekvizitai-card__grid{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border-radius:12px;border:1px solid var(--border-soft);overflow:hidden;}
.rekvizitai-row{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-soft);font-size:0.94rem;align-items:center;}
.rekvizitai-row:last-child{border-bottom:none;}
.rekvizitai-row:nth-child(odd){background:var(--bg-tint);}
.rekvizitai-label{font-weight:600;color:var(--text-muted);font-size:0.86rem;}
.rekvizitai-value{color:var(--text);}
.rekvizitai-value a{color:var(--green-dark);font-weight:700;text-decoration:underline;text-decoration-color:rgba(166, 90, 56, 0.35);text-underline-offset:3px;}
.rekvizitai-note{margin:20px 0 0;padding:14px 18px;background:var(--green-mint);border-radius:12px;font-size:0.9rem;color:var(--text);}
.rekvizitai-note a{color:var(--green-dark);font-weight:700;}
@media (max-width:720px){.rekvizitai-card{padding:28px 22px;}
.rekvizitai-row{grid-template-columns:1fr;gap:4px;padding:12px 16px;}
}
.branches-section{padding:56px 0;background:var(--bg);}
.branches-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;}
.branches-grid .branch-card:first-child{grid-column:span 2;}
@media (max-width:960px){.branches-grid{grid-template-columns:1fr;}
.branches-grid .branch-card:first-child{grid-column:span 1;}
}
.branch-card{display:grid;grid-template-columns:280px 1fr;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:all 250ms;position:relative;}
.branch-card:hover{border-color:var(--green-soft);box-shadow:0 18px 40px -16px rgba(20, 28, 54, 0.12);transform:translateY(-3px);}
.branches-grid .branch-card:first-child{grid-template-columns:1fr 1fr;}
@media (max-width:740px){.branch-card,
.branches-grid .branch-card:first-child{grid-template-columns:1fr;}
}
.branch-card__map{min-height:280px;background:var(--bg-soft);position:relative;}
.branch-card__map iframe{display:block;width:100%;height:100%;min-height:280px;}
@media (max-width:740px){.branch-card__map, .branch-card__map iframe{min-height:220px;}
}
.branch-card__body{padding:24px 26px 22px;display:flex;flex-direction:column;gap:8px;}
.branch-card__badge{display:inline-block;align-self:flex-start;padding:4px 12px;background:var(--green);color:#fff;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;border-radius:100px;margin-bottom:4px;}
.branch-card__city{display:flex;align-items:center;gap:8px;}
.branch-card__city-icon{color:var(--green);display:grid;place-items:center;}
.branch-card__city h3{margin:0;font-family:'Plus Jakarta Sans', sans-serif;font-size:1.45rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;}
.branch-card__name{margin:0;font-weight:700;color:var(--green-dark);font-size:0.94rem;}
.branch-card__addr{margin:0;color:var(--text);font-size:0.94rem;}
.branch-card__tagline{margin:4px 0 14px;color:var(--text-muted);font-size:0.86rem;line-height:1.5;}
.branch-card__phones{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 14px;background:var(--bg-tint);border-radius:12px;border:1px solid var(--border-soft);}
.branch-phone{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-soft);transition:color 160ms;}
.branch-phone:last-child{border-bottom:0;}
.branch-phone:hover .branch-phone__num{color:var(--green-dark);}
.branch-phone__label{font-size:0.78rem;color:var(--text-muted);font-weight:600;}
.branch-phone__num{font-family:'Plus Jakarta Sans', sans-serif;font-size:0.96rem;font-weight:800;color:var(--navy);letter-spacing:-0.01em;transition:color 160ms;}
.branch-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:8px;border-top:1px dashed var(--border);}
.branch-card__email{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:0.86rem;font-weight:600;text-decoration:none;transition:color 160ms;}
.branch-card__email:hover{color:var(--green-dark);}
.branch-card__directions{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--navy);color:#fff;border-radius:100px;font-size:0.84rem;font-weight:700;text-decoration:none;transition:all 180ms;}
.branch-card__directions:hover{background:var(--green);color:#fff;transform:translateX(2px);}
.branches-cta{margin-top:32px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:24px 32px;background:linear-gradient(135deg, var(--navy), var(--navy-dark));border-radius:18px;color:#fff;position:relative;overflow:hidden;}
.branches-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 200px at 100% 100%, rgba(166, 90, 56, 0.35), transparent 60%);pointer-events:none;}
.branches-cta > *{position:relative;z-index:1;}
.branches-cta__icon{width:64px;height:64px;background:rgba(255,255,255,0.1);border-radius:16px;display:grid;place-items:center;color:#e0a87f;flex-shrink:0;}
.branches-cta__body h3{margin:0 0 4px;color:#fff;font-size:1.2rem;font-family:'Plus Jakarta Sans', sans-serif;}
.branches-cta__body p{margin:0;color:rgba(255,255,255,0.82);font-size:0.92rem;line-height:1.5;}
.branches-cta .btn-primary{background:var(--green);white-space:nowrap;}
.branches-cta .btn-primary:hover{background:#fff;color:var(--navy);}
@media (max-width:780px){.branches-cta{grid-template-columns:1fr;text-align:center;padding:24px 22px;}
.branches-cta__icon{justify-self:center;}
.branches-cta .btn-primary{justify-self:center;width:100%;justify-content:center;}
}
.product-img{position:relative;aspect-ratio:4 / 3.2;background:linear-gradient(155deg, #fbf9f6 0%, #f7efe9 60%, #eadfd4 100%);display:grid;place-items:center;overflow:hidden;isolation:isolate;}
.product-img::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 200px at 20% -10%, rgba(166, 90, 56, 0.10), transparent 60%),
radial-gradient(400px 200px at 100% 100%, rgba(29, 39, 72, 0.05), transparent 60%);z-index:0;pointer-events:none;}
.product-img img{position:relative;z-index:1;width:80%;height:80%;object-fit:contain;transition:transform 500ms cubic-bezier(.2, .8, .2, 1);filter:drop-shadow(0 12px 24px rgba(20, 28, 54, 0.18));}
.product-card:hover .product-img img{transform:scale(1.06) translateY(-2px);}
.kw-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:baseline;gap:3px;padding:9px 16px 9px 14px;background:linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);color:#fff;border-radius:100px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-0.02em;line-height:1;box-shadow:0 6px 18px -4px rgba(166, 90, 56, 0.5),
0 0 0 3px rgba(255, 255, 255, 0.95);transition:transform 240ms cubic-bezier(.2, .8, .2, 1);}
.product-card:hover .kw-badge{transform:scale(1.08) translateY(-1px);}
.product-img-pills{position:absolute;top:14px;left:14px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.product-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--navy);border-radius:100px;font-size:0.66rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;box-shadow:0 2px 8px -2px rgba(20, 28, 54, 0.15);}
.product-pill--energy{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;}
.product-pill--r290{background:rgba(166, 90, 56, 0.95);color:#fff;}
.product-body{padding:22px 22px 20px;flex:1;display:flex;flex-direction:column;}
.product-body > h3{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.18rem;font-weight:800;color:var(--navy);letter-spacing:-0.01em;margin:0 0 6px;line-height:1.2;}
.product-meta{margin:0 0 14px;color:var(--text-muted);font-size:0.88rem;display:inline-flex;align-items:center;gap:5px;}
.product-meta::before{content:'';display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E8B47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0;}
.product-features{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;}
.product-features li{font-size:0.76rem;font-weight:600;color:var(--green-dark);background:var(--green-light);padding:5px 11px;border-radius:100px;border:1px solid rgba(166, 90, 56, 0.18);}
.inbank-widget{margin-top:24px;background:linear-gradient(135deg, #1d2748 0%, #2b3a66 60%, #6e3a22 110%);border-radius:18px;padding:28px 28px 24px;color:#fff;position:relative;overflow:hidden;isolation:isolate;}
.inbank-widget::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 240px at 0% 100%, rgba(166, 90, 56, 0.35), transparent 60%),
radial-gradient(400px 200px at 100% 0%, rgba(210, 143, 99, 0.18), transparent 60%);z-index:-1;pointer-events:none;}
.inbank-widget::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:28px 28px;mask:linear-gradient(135deg, rgba(0,0,0,0.5), transparent 70%);-webkit-mask:linear-gradient(135deg, rgba(0,0,0,0.5), transparent 70%);z-index:-1;pointer-events:none;}
.inbank-widget__head{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;margin-bottom:22px;}
@media (max-width:540px){.inbank-widget__head{grid-template-columns:60px 1fr;gap:14px;}
.inbank-widget__logo{grid-column:span 2;justify-self:flex-start;}
}
.inbank-widget__zero{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle, rgba(210, 143, 99, 0.25) 0%, rgba(210, 143, 99, 0.05) 70%);border:1.5px solid rgba(224, 168, 127, 0.4);display:grid;place-items:center;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:2.4rem;line-height:1;letter-spacing:-0.04em;color:#fff;position:relative;}
.inbank-widget__zero span{font-size:0.95rem;font-weight:700;color:#e0a87f;margin-left:2px;align-self:flex-start;margin-top:4px;}
@media (max-width:540px){.inbank-widget__zero{width:60px;height:60px;font-size:1.8rem;}
.inbank-widget__zero span{font-size:0.7rem;margin-top:2px;}
}
.inbank-widget__intro{min-width:0;}
.inbank-widget__eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(210, 143, 99, 0.18);border:1px solid rgba(210, 143, 99, 0.35);color:#e0a87f;border-radius:100px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.inbank-widget__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#e0a87f;box-shadow:0 0 0 3px rgba(224, 168, 127, 0.22);}
.inbank-widget__intro h3{margin:0 0 4px;font-family:'Plus Jakarta Sans', sans-serif;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-0.015em;line-height:1.2;}
.inbank-widget__intro h3 em{color:#e0a87f;font-style:normal;}
.inbank-widget__intro p{margin:0;color:rgba(255,255,255,0.7);font-size:0.85rem;line-height:1.4;}
.inbank-widget__logo{background:#fff;color:#1d2748;padding:8px 14px;border-radius:8px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-0.02em;line-height:1;display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 4px 12px -4px rgba(0,0,0,0.4);}
.inbank-widget__logo small{font-size:0.5rem;font-weight:700;letter-spacing:0.16em;margin-top:2px;color:#8b90ab;}
.inbank-widget__calc{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px 20px;margin-bottom:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.inbank-widget__row{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.1);}
.inbank-widget__label{color:rgba(255,255,255,0.72);font-size:0.84rem;font-weight:600;}
.inbank-widget__amount{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-0.02em;}
.inbank-widget__slider-wrap{margin-bottom:14px;}
.inbank-widget__slider-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.inbank-widget__term{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.05rem;font-weight:800;color:#e0a87f;letter-spacing:-0.01em;}
.inbank-widget__slider-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;}
.inbank-widget__step{width:36px;height:36px;border:1.5px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.06);color:#fff;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0;transition:all 160ms;}
.inbank-widget__step:hover{background:var(--green);border-color:var(--green);}
.inbank-widget__step:active{transform:scale(0.94);}
.inbank-widget__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:rgba(255,255,255,0.15);border-radius:100px;outline:0;cursor:pointer;}
.inbank-widget__slider::-webkit-slider-runnable-track{height:6px;border-radius:100px;background:linear-gradient(90deg, var(--green) var(--fill, 25%), rgba(255,255,255,0.15) var(--fill, 25%));}
.inbank-widget__slider::-moz-range-track{height:6px;border-radius:100px;background:rgba(255,255,255,0.15);}
.inbank-widget__slider::-moz-range-progress{height:6px;background:var(--green);border-radius:100px;}
.inbank-widget__slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:3px solid var(--green);border-radius:50%;cursor:grab;margin-top:-7px;box-shadow:0 4px 12px -2px rgba(166, 90, 56, 0.5);transition:transform 160ms;}
.inbank-widget__slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);}
.inbank-widget__slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid var(--green);border-radius:50%;cursor:grab;box-shadow:0 4px 12px -2px rgba(166, 90, 56, 0.5);}
.inbank-widget__slider-ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:0.74rem;color:rgba(255,255,255,0.5);font-weight:600;}
.inbank-widget__result{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg, rgba(166, 90, 56, 0.25), rgba(166, 90, 56, 0.12));border:1px solid rgba(224, 168, 127, 0.3);border-radius:12px;margin-top:14px;}
.inbank-widget__result > div{display:flex;flex-direction:column;gap:2px;}
.inbank-widget__result-label{color:rgba(255,255,255,0.85);font-size:0.82rem;font-weight:600;}
.inbank-widget__result-note{color:rgba(255,255,255,0.55);font-size:0.72rem;}
.inbank-widget__monthly{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-0.02em;transition:transform 200ms;}
.inbank-widget__monthly small{font-size:0.84rem;font-weight:600;color:rgba(255,255,255,0.6);margin-left:2px;}
.inbank-widget__monthly.flash{animation:inbankFlash 360ms ease-out;}
@keyframes inbankFlash{0%{color:#e0a87f;transform:scale(1.1);}
100%{color:#fff;transform:scale(1);}
}
.inbank-widget__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 22px;background:var(--green);color:#fff;border-radius:100px;font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:0.98rem;text-decoration:none;transition:all 200ms;box-shadow:0 6px 20px -6px rgba(166, 90, 56, 0.6);}
.inbank-widget__btn:hover{background:#fff;color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 28px -8px rgba(0, 0, 0, 0.5);}
.inbank-widget__note{margin:12px 0 0;color:rgba(255,255,255,0.55);font-size:0.76rem;line-height:1.5;}
.catalog-content-section{padding:64px 0;background:var(--bg);}
.catalog-content{max-width:920px;margin:0 auto;}
.catalog-prose{font-size:1rem;line-height:1.7;color:var(--text);}
.catalog-prose h2{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(1.4rem, 2.4vw, 1.85rem);font-weight:800;color:var(--navy);letter-spacing:-0.02em;margin:48px 0 18px;padding-top:8px;border-top:3px solid var(--green);display:inline-block;}
.catalog-prose h2:first-child{margin-top:0;}
.catalog-prose h3{font-family:'Plus Jakarta Sans', sans-serif;font-size:1.2rem;font-weight:700;color:var(--navy);margin:30px 0 12px;}
.catalog-prose p{margin:0 0 16px;}
.catalog-prose ul, .catalog-prose ol{margin:0 0 18px;padding-left:20px;}
.catalog-prose li{margin-bottom:8px;}
.catalog-prose li::marker{color:var(--green);}
.catalog-prose strong{color:var(--navy);font-weight:700;}
.catalog-prose a{color:var(--green-dark);font-weight:600;text-decoration:underline;text-decoration-color:rgba(166, 90, 56, 0.35);text-underline-offset:3px;}
.catalog-prose a:hover{text-decoration-color:var(--green);}
.catalog-faq{margin-top:64px;padding-top:48px;border-top:1px solid var(--border-soft);}
.catalog-faq__head{text-align:center;margin-bottom:32px;}
.catalog-faq__head .eyebrow{margin-bottom:14px;}
.catalog-faq__head h2{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(1.5rem, 2.6vw, 2rem);font-weight:800;color:var(--navy);letter-spacing:-0.02em;margin:0 0 10px;padding:0;border:0;display:block;}
.catalog-faq__head p{color:var(--text-muted);margin:0;}
.catalog-faq__list{display:flex;flex-direction:column;gap:12px;}
details.faq-item{background:#fff;border:1px solid var(--border);border-radius:14px;transition:border-color 200ms, box-shadow 200ms;}
details.faq-item summary{border-radius:14px;}
details.faq-item[open] summary{border-radius:14px 14px 0 0;}
details.faq-item[open]{border-color:var(--green-soft);box-shadow:0 10px 28px -12px rgba(166, 90, 56, 0.18);}
details.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;font-size:1.02rem;color:var(--navy);list-style:none;user-select:none;transition:background 160ms;}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary::marker{display:none;}
details.faq-item summary::after{content:'';flex-shrink:0;width:30px;height:30px;background:var(--green-light);border-radius:50%;position:relative;transition:all 240ms cubic-bezier(.2, .8, .2, 1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23226A36' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:center;}
details.faq-item[open] summary::after{transform:rotate(180deg);background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");}
details.faq-item summary:hover{background:var(--bg-tint);}
details.faq-item .faq-answer{max-height:none;overflow:visible;padding:4px 24px 22px;color:var(--text);font-size:0.96rem;line-height:1.65;animation:faqOpen 280ms ease-out;}
@keyframes faqOpen{from{opacity:0;transform:translateY(-4px);}
to{opacity:1;transform:translateY(0);}
}
details.faq-item .faq-answer p{margin:0 0 12px;}
details.faq-item .faq-answer p:last-child{margin-bottom:0;}
details.faq-item .faq-answer ul, details.faq-item .faq-answer ol{margin:0 0 12px;padding-left:20px;}
details.faq-item .faq-answer li{margin-bottom:6px;}
details.faq-item .faq-answer a{color:var(--green-dark);font-weight:700;text-decoration:underline;text-decoration-color:rgba(166, 90, 56, 0.35);text-underline-offset:3px;}
details.faq-item .faq-answer strong{color:var(--navy);font-weight:700;}
@media (max-width:640px){.catalog-prose h2{font-size:1.3rem;}
.faq-item summary{padding:16px 18px;font-size:0.95rem;}
.faq-answer{padding:4px 18px 18px;font-size:0.9rem;}
}
.product-intro{margin:18px 0 24px;padding:18px 22px;background:linear-gradient(135deg, var(--green-light) 0%, rgba(224, 168, 127, 0.08) 100%);border-left:4px solid var(--green);border-radius:10px;position:relative;}
.product-intro p{margin:0 0 12px;color:var(--text);font-size:0.98rem;line-height:1.65;}
.product-intro p:last-child{margin-bottom:0;}
.product-intro strong{color:var(--navy);font-weight:700;}
@media (max-width:640px){.product-intro{padding:14px 16px;}
.product-intro p{font-size:0.92rem;}
}
.eyebrow-icon,
.mini-calc-eyebrow .eyebrow-icon{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px;flex-shrink:0;}
.eyebrow{display:inline-flex;align-items:center;gap:0;}
.mini-calc-eyebrow{display:inline-flex;align-items:center;gap:0;}
.branches-section{padding:64px 0;background:var(--bg);}
.branches-section .section-header{text-align:center;max-width:720px;margin:0 auto 40px;}
.branches-section .section-header .eyebrow{margin-bottom:14px;}
.branches-section .section-header h2{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(1.6rem, 2.8vw, 2.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.02em;margin:0 0 10px;}
.branches-section .section-header p{color:var(--text-muted);margin:0;line-height:1.55;}
.branches-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px;padding:6px;background:var(--bg-soft);border-radius:100px;max-width:max-content;margin-left:auto;margin-right:auto;}
@media (max-width:720px){.branches-tabs{border-radius:16px;padding:8px;}
}
.branches-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 22px;background:transparent;border:0;border-radius:100px;cursor:pointer;transition:all 220ms cubic-bezier(.2, .8, .2, 1);font-family:'Plus Jakarta Sans', sans-serif;min-width:110px;}
.branches-tab:hover{background:rgba(166, 90, 56, 0.08);}
.branches-tab.active{background:var(--green);box-shadow:0 4px 14px -4px rgba(166, 90, 56, 0.45);}
.branches-tab__name{font-size:0.95rem;font-weight:700;color:var(--navy);letter-spacing:-0.01em;transition:color 220ms;}
.branches-tab.active .branches-tab__name{color:#fff;}
.branches-tab__region{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;transition:color 220ms;}
.branches-tab.active .branches-tab__region{color:rgba(255, 255, 255, 0.85);}
.branches-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:0;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 12px 36px -16px rgba(20, 28, 54, 0.12);animation:branchPanelFade 280ms ease-out;}
@keyframes branchPanelFade{from{opacity:0.85;transform:translateY(4px);}
to{opacity:1;transform:translateY(0);}
}
@media (max-width:920px){.branches-panel{grid-template-columns:1fr;}
}
.branches-panel__info{padding:36px 36px 32px;display:flex;flex-direction:column;gap:0;}
@media (max-width:640px){.branches-panel__info{padding:28px 22px 26px;}
}
.branches-panel__badge{display:inline-flex;align-items:center;padding:5px 12px;background:var(--green-light);color:var(--green-dark);border:1px solid rgba(166, 90, 56, 0.2);border-radius:100px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px;max-width:max-content;transition:all 280ms;}
.branches-panel__info h3{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(1.6rem, 2.4vw, 2rem);font-weight:800;color:var(--navy);letter-spacing:-0.02em;margin:0 0 4px;transition:color 280ms;}
.branches-panel__subtitle{color:var(--text-muted);font-size:0.95rem;margin:0 0 24px;}
.branches-panel__row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--border-soft);}
.branches-panel__row:first-of-type{border-top:0;padding-top:4px;}
.branches-panel__row > svg{color:var(--green);flex-shrink:0;margin-top:2px;}
.branches-panel__label{font-size:0.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2px;}
.branches-panel__addr,
.branches-panel__hours{margin:0;color:var(--navy);font-weight:600;font-size:0.98rem;line-height:1.45;}
.branches-panel__tagline{margin:14px 0 22px;padding-top:14px;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:0.93rem;line-height:1.55;font-style:italic;}
.branches-panel__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;background:var(--green);color:#fff;border-radius:100px;font-weight:700;font-size:0.96rem;text-decoration:none;transition:all 200ms;box-shadow:0 6px 18px -6px rgba(166, 90, 56, 0.5);max-width:max-content;}
.branches-panel__cta:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(166, 90, 56, 0.6);}
.branches-panel__map{position:relative;min-height:460px;background:var(--bg-soft);}
@media (max-width:920px){.branches-panel__map{min-height:320px;}
}
.branches-panel__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border-soft);}
.catalog-toolbar__heading{flex:1;min-width:280px;}
.catalog-toolbar__heading h2{margin:0 0 6px;font-size:clamp(1.4rem, 2.2vw, 1.85rem);line-height:1.15;letter-spacing:-0.01em;}
.catalog-toolbar__heading p{margin:0;color:var(--text-muted);font-size:0.94rem;line-height:1.5;}
.catalog-toolbar .filter-bar{margin:0;flex-shrink:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:880px){.catalog-toolbar{flex-direction:column;align-items:stretch;gap:16px;}
.catalog-toolbar .filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;justify-content:flex-start;margin:0 -16px;padding:0 16px 4px;scrollbar-width:thin;}
.catalog-toolbar .filter-bar::-webkit-scrollbar{height:4px;}
.catalog-toolbar .filter-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
.catalog-toolbar .filter-btn{white-space:nowrap;flex-shrink:0;}
}
.product-intro-link.compact{background:var(--bg-soft);padding:14px 20px;border-radius:12px;border-left:3px solid var(--green);font-size:0.94rem;line-height:1.55;margin:0 0 28px;color:var(--text);}
.product-intro-link.compact a{color:var(--green-dark);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(166, 90, 56,0.3);transition:border-color 160ms;}
.product-intro-link.compact a:hover{border-bottom-color:var(--green);}
@media (max-width:600px){.product-intro-link.compact{font-size:0.9rem;padding:12px 16px;}
}
html, body{overflow-x:clip;max-width:100%;}
@supports not (overflow-x:clip){body{overflow-x:hidden;}
}
img, video, iframe{max-width:100%;height:auto;}
section, footer{max-width:100vw;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
@media (max-width:720px){.cta-banner .cta-row,
section.cta-section .cta-row,
section[class*="cta-"] .cta-row{justify-content:center;align-items:center;flex-direction:column;}
.cta-banner .cta-row .btn,
section.cta-section .cta-row .btn,
section[class*="cta-"] .cta-row .btn{flex:0 0 auto;min-width:220px;justify-content:center;}
.cta-banner{text-align:center;}
}
@media (max-width:720px){.benefit-card{padding:18px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:8px;align-items:center;}
.benefit-icon{width:44px;height:44px;border-radius:11px;margin-bottom:0;grid-row:1;grid-column:1;}
.benefit-icon svg{width:22px;height:22px;}
.benefit-card h3{margin:0;grid-row:1;grid-column:2;font-size:1.02rem;line-height:1.25;}
.benefit-card p{grid-row:2;grid-column:1 / -1;font-size:0.92rem;line-height:1.55;margin:0;}
}
@media (max-width:600px){.hero-stats{grid-template-columns:repeat(3, 1fr) !important;gap:12px !important;padding-top:22px !important;}
.hero-stats .stat strong{font-size:1.15rem !important;line-height:1.1;}
.hero-stats .stat span{font-size:0.72rem !important;line-height:1.3;display:block;margin-top:4px;}
}
@media (max-width:380px){.hero-stats .stat strong{font-size:1rem !important;}
.hero-stats .stat span{font-size:0.68rem !important;}
}
@media (max-width:1100px){.mobile-menu{padding:140px 20px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mobile-menu ul li:first-child{padding-top:12px;}
.menu-toggle.active{z-index:51;}
@media (max-width:380px){.mobile-menu{padding-top:160px;}
.logo span small{font-size:0.58rem;letter-spacing:0.02em;}
}
.mobile-menu a{padding:12px 2px;font-size:1rem;}
.mobile-menu li{border-bottom:1px solid var(--border-soft);}
.mobile-menu .btn{margin-top:20px;padding:14px 20px;}
.mobile-menu .btn-ghost{background:transparent !important;border:none !important;color:var(--text) !important;font-weight:500 !important;padding:12px 2px !important;justify-content:flex-start !important;margin-top:8px !important;text-align:left !important;width:auto !important;}
}
@media (max-width:720px){footer.main-footer{padding:56px 0 24px;}
footer.main-footer .footer-grid{gap:36px !important;margin-bottom:36px;}
footer.main-footer p{font-size:0.88rem;max-width:100%;}
footer.main-footer h4{margin-bottom:14px;font-size:0.78rem;}
footer.main-footer ul{gap:8px;}
footer.main-footer ul a{font-size:0.92rem;}
}
@media (max-width:600px){.container{padding:0 16px;}
}
.btn-cta-light{background:rgba(255,255,255,0.12);color:#fff !important;border:1px solid rgba(255,255,255,0.35);transition:background 200ms, border-color 200ms;}
.btn-cta-light:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.6);color:#fff !important;transform:translateY(-2px);}
.article-content a:not(.btn):not(.related-card):not([class*="footer"]):not(.related-card__link),
.faq-answer a:not(.btn),
.product-intro-link a:not(.btn){color:var(--text-link);font-weight:600;border-bottom:1px solid transparent;transition:color 200ms, border-color 200ms;}
.article-content a:not(.btn):hover,
.faq-answer a:hover,
.product-intro-link a:hover{color:var(--green-dark);border-bottom-color:var(--green);}
.logo span{color:var(--navy);}
.logo span small{color:var(--text-muted);}
.main-nav a{color:var(--text);}
.main-nav a:hover{color:var(--green-dark);}
.hero h1 .accent{color:var(--green);}
.top-bar a{color:rgba(255,255,255,0.9);}
.top-bar a:hover{color:#fff;}
footer.main-footer ul a{color:rgba(255,255,255,0.7);}
footer.main-footer ul a:hover{color:var(--green-soft);border-bottom:none;}
a.product-card,
a.article-card,
a.featured-guide,
a.related-card,
a.product-link{color:var(--navy);border-bottom:none;}
a.product-card:hover h3,
a.article-card:hover h3,
a.related-card:hover h3,
a.featured-guide:hover h3{color:var(--green-dark);}
.product-link{color:var(--green-dark);font-weight:700;border-bottom:none;}
.product-link:hover{color:var(--green);}
.article-tag{background:var(--green-light);color:var(--green-dark);}
.breadcrumb a{color:rgba(255,255,255,0.7);border-bottom:none;}
.breadcrumb a:hover{color:#fff;}
@media (max-width:768px){.top-bar{padding:8px 0;font-size:0.8rem;}
.top-bar .container{gap:12px;flex-wrap:nowrap;}
.top-bar .contact-list{gap:12px;flex-wrap:nowrap;}
.top-bar .contact-list a[href^="mailto"]{display:none;}
.top-bar .lang-list{gap:2px;}
.top-bar .lang-list a{padding:3px 6px;font-size:0.72rem;}
.top-bar .contact-list a svg{width:12px;height:12px;}
}
@media (max-width:480px){.top-bar{font-size:0.74rem;padding:6px 0;}
.top-bar .lang-list a{padding:2px 5px;font-size:0.68rem;}
.top-bar .contact-list a{font-size:0.78rem;}
}
.testimonials-carousel{position:relative;margin-top:32px;}
.testimonials-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 4px 32px;scrollbar-width:none;-ms-overflow-style:none;}
.testimonials-track::-webkit-scrollbar{display:none;}
.testimonial-card{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 2px 10px rgba(20, 28, 54, 0.04);transition:transform 200ms, box-shadow 200ms;display:flex;flex-direction:column;}
.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20, 28, 54, 0.08);}
.testimonial-card .stars{color:#a65a38;font-size:1rem;letter-spacing:2px;margin-bottom:16px;}
.testimonial-card .quote-mark{font-family:Georgia, serif;font-size:3rem;color:var(--green-light);line-height:0.5;margin-bottom:8px;}
.testimonial-card p{color:var(--text);line-height:1.6;flex:1;margin-bottom:24px;font-size:0.96rem;}
.testimonial-card .author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--border-soft);}
.testimonial-card .avatar{width:44px;height:44px;border-radius:50%;background:var(--green-light);color:var(--green-dark);display:grid;place-items:center;font-weight:700;font-size:0.88rem;flex-shrink:0;}
.testimonial-card .author strong{display:block;font-family:'Plus Jakarta Sans', sans-serif;color:var(--navy);font-size:0.95rem;margin-bottom:2px;}
.testimonial-card .author span{color:var(--text-muted);font-size:0.82rem;}
.testimonials-arrow{position:absolute;top:38%;transform:translateY(-50%);background:#fff;border:1px solid var(--border);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:5;box-shadow:0 4px 14px rgba(20, 28, 54, 0.08);transition:background 200ms, transform 200ms, box-shadow 200ms;color:var(--navy);}
.testimonials-arrow:hover{background:var(--green);color:#fff;transform:translateY(-50%) scale(1.08);border-color:var(--green);box-shadow:0 8px 22px rgba(166, 90, 56, 0.28);}
.testimonials-arrow:disabled{opacity:0.4;cursor:not-allowed;}
.testimonials-arrow--prev{left:-24px;}
.testimonials-arrow--next{right:-24px;}
.testimonials-progress{height:4px;background:var(--border);border-radius:100px;margin:16px auto 12px;max-width:280px;overflow:hidden;}
.testimonials-progress__fill{height:100%;background:linear-gradient(90deg, var(--green), var(--green-dark));width:16.67%;border-radius:100px;transition:width 300ms ease;}
.testimonials-counter{text-align:center;font-size:0.86rem;color:var(--text-muted);font-weight:600;letter-spacing:0.02em;}
@media (max-width:768px){.testimonial-card{flex:0 0 calc(100% - 24px);padding:22px;}
.testimonials-arrow{display:none;}
.testimonials-track{padding:8px 0 28px;gap:16px;}
.testimonials-progress{max-width:180px;}
}
@media (min-width:769px) and (max-width:1100px){.testimonial-card{flex:0 0 calc((100% - 20px) / 2);}
}
.mobile-menu.active ~ * header.main-header,
header.main-header{z-index:50;}
body:has(.mobile-menu.active) header.main-header,
.mobile-menu.active + header.main-header{position:fixed !important;top:0 !important;left:0;right:0;z-index:60 !important;background:#fff;border-bottom:1px solid var(--border-soft);}
.menu-toggle.active{z-index:61;background:#fff;}
.menu-toggle.active span{background:transparent;}
.menu-toggle.active span::before{transform:rotate(45deg);top:0;}
.menu-toggle.active span::after{transform:rotate(-45deg);bottom:0;}
@media (max-width:768px){.page-header{padding:40px 0 24px;}
.page-header h1{font-size:1.6rem;line-height:1.2;margin:8px 0 12px;}
.page-header .lead{font-size:0.95rem;line-height:1.5;}
.catalog-filters{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:4px 0 8px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.catalog-filters::-webkit-scrollbar{display:none;}
.filter-btn{flex-shrink:0;padding:8px 16px;font-size:13px;scroll-snap-align:start;white-space:nowrap;}
.catalog-toolbar{position:relative;}
.catalog-toolbar::after{content:'';position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(to left, var(--bg) 30%, transparent);pointer-events:none;opacity:0.8;z-index:2;}
}
@media (max-width:480px){.page-header h1{font-size:1.4rem;}
.page-header .lead{font-size:0.9rem;}
.filter-btn{padding:8px 14px;font-size:12.5px;}
}

/* ============================================================ */
/* MOBILE TEXT OVERFLOW PREVENTION                              */
/* Užtikrina, kad ilgi tekstai netilptų į ekraną                */
/* ============================================================ */
@media (max-width: 768px) {
  /* Globaliai - bet kokie tekstai nepalieka konteinerių */
  p, h1, h2, h3, h4, h5, h6, span, li, a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
  }
  
  /* Catalog header paragraph - sumažintas font + agresyvus word-wrap */
  .catalog-toolbar__heading p {
    font-size: 0.85rem;
    line-height: 1.5;
    overflow-wrap: anywhere;       /* gali laužyti BET KURIOJE vietoje */
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;            /* leisti wrap'inti */
    max-width: 100%;
  }
  /* Force ALL paragraphs to wrap, even with non-breaking content */
  .catalog-toolbar__heading * {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  
  /* Container - mažesnis padding mobile, kad turinys turetų daugiau ploto */
  .container {
    padding: 0 16px;
  }
}

@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .catalog-toolbar__heading p { font-size: 0.82rem; }
}

/* CLS PREVENTION - reserve space before fonts load to prevent layout shifts */
.hero { min-height: 600px; }
.hero h1 { min-height: 1.2em; }
.hero .hero-visual { min-height: 400px; }
@media (max-width: 768px) {
  .hero { min-height: 500px; }
  .hero .hero-visual { min-height: 280px; }
}
/* Reserve space for product images */
.product-image { aspect-ratio: 4/3; background: var(--bg-soft); }



/* ============================================================ */

/* On screens 1280-1450px - compact desktop menu */
@media (min-width: 1280px) and (max-width: 1450px) {
  header.main-header .container {
    gap: 12px;
  }
  nav ul.main-nav {
    gap: 14px !important;
  }
  nav ul.main-nav a {
    font-size: 0.92rem;
    padding: 8px 4px;
  }
  .nav-actions {
    gap: 8px;
  }
  .nav-actions .btn-ghost {
    font-size: 0.88rem;
    padding: 10px 14px;
  }
  .nav-actions .btn-primary {
    font-size: 0.9rem;
    padding: 12px 18px;
  }
  .logo span small {
    font-size: 0.6rem;
  }
}

/* On screens 1240-1280px - tightest desktop menu OR force mobile */
@media (min-width: 1240px) and (max-width: 1340px) {
  /* Hide phone number from header - it's already in top-bar */
  .nav-actions .btn-ghost {
    display: none !important;
  }
}


/* ============================================================ */
/* HEADER OVERFLOW SAFETY NET - nuo nepatogių rezoliucijų       */
/* Jei elementai vis tiek netilpa, jie wrap'inasi į kitą eilutę */
/* vietoj iškirpiamų                                             */
/* ============================================================ */
header.main-header {
  overflow: visible !important;
}
header.main-header > .container {
  flex-wrap: wrap;            /* leisti elementams keltis į kitą eilutę */
  row-gap: 8px;
}

/* Užtikrinti, kad mygtukai negali būti suspaudžiami iki nulio */
.nav-actions {
  flex-shrink: 0;             /* niekada nesusispausti */
}
.nav-actions .btn-primary {
  flex-shrink: 0;
  white-space: nowrap;
}

/* Jei viskas netelpa, body neslėpti horizontalaus overflow */
@media (min-width: 1100px) and (max-width: 1400px) {
  body {
    overflow-x: clip;          /* clip vietoj hidden - leidžia sticky veikti */
  }
}


/* ============================================================ */
/* PRODUCT PRICE - mobile layout fix                            */
/* Užtikrina, kad "nuo ~1 700 €" nelūžtų tarp skaičiaus ir €    */
/* ============================================================ */
.product-price-range strong {
  white-space: nowrap;            /* "nuo ~1 700 €" lieka kartu */
  display: inline-block;
}

@media (max-width: 768px) {
  /* Mobile - kaina į atskirą eilutę kad neslinkdama tilptų */
  .product-price-range {
    display: block;
  }
  .product-price-range strong {
    display: block;                /* Atskira eilutė */
    margin-top: 4px;
    font-size: 1.1em;
  }
  .product-price-range small {
    display: block;
    margin-top: 8px;
    color: var(--text-muted);
    font-size: 0.85rem;
  }
}


/* ============================================================ */
/* INBANK BANNER - IMPROVED MOBILE LAYOUT                       */
/* ============================================================ */
@media (max-width: 920px) {
  .inbank-banner {
    text-align: center !important;
    padding: 32px 24px !important;
  }
  /* Visual - center the 0% circle */
  .inbank-banner__visual {
    margin: 0 auto !important;
    width: 100px !important;
    height: 100px !important;
  }
  .inbank-banner__zero {
    font-size: 2.4rem !important;
  }
  /* Content - center align */
  .inbank-banner__content {
    text-align: center;
  }
  .inbank-banner__eyebrow {
    margin-left: auto;
    margin-right: auto;
  }
  /* Features - center as flex */
  .inbank-banner__features {
    justify-content: center;
    gap: 6px 16px !important;
  }
  /* CTA section - logo above, button below, full width */
  .inbank-banner__cta {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
  }
  .inbank-banner__logo {
    align-self: center !important;
    align-items: center !important;
    padding: 8px 24px !important;
    font-size: 1.2rem !important;
  }
  .inbank-banner__btn {
    width: 100%;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 14px 24px !important;
    font-size: 0.95rem !important;
  }
}

@media (max-width: 480px) {
  .inbank-banner {
    padding: 24px 18px !important;
  }
  .inbank-banner__visual {
    width: 90px !important;
    height: 90px !important;
  }
  .inbank-banner__zero {
    font-size: 2.2rem !important;
  }
  .inbank-banner__title {
    font-size: 1.3rem !important;
  }
  .inbank-banner__lead {
    font-size: 0.9rem !important;
  }
  /* Features - each on its own line for clarity */
  .inbank-banner__features {
    flex-direction: column;
    gap: 6px !important;
    align-items: center;
  }
  .inbank-banner__features li {
    font-size: 0.86rem !important;
  }
}


/* ============================================================ */
/* YOUTUBE CLICK-TO-PLAY FACADE                                 */
/* Vietoj iframe rodome poster + play button. Iframe kraunamas  */
/* tik tada, kai vartotojas paspaudžia. Saugo ~500 KB ir 500ms.  */
/* ============================================================ */
.youtube-facade {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  border: 0;
  padding: 0;
}
.youtube-facade picture,
.youtube-facade img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 300ms;
}
.youtube-facade:hover img {
  transform: scale(1.02);
}
.youtube-facade__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  transition: filter 200ms, transform 200ms;
}
.youtube-facade__play svg {
  width: 88px;
  height: auto;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}
.youtube-facade:hover .youtube-facade__play {
  transform: translate(-50%, -50%) scale(1.08);
}
.youtube-facade:hover .youtube-facade__play svg path:first-child {
  fill: #ff0000;
}
/* Gradient overlay for better contrast */
.youtube-facade::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.15));
  z-index: 1;
  pointer-events: none;
}

/* When iframe is loaded, replace styles */
.youtube-facade iframe {
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  inset: 0;
}

@media (max-width: 768px) {
  .youtube-facade__play svg { width: 64px; }
}


/* ============================================================ */
/* LAPTOP DESKTOP MENU - 1100-1400px range                      */
/* Pilnas meniu, bet kompaktiškesnis + telefono mygtukas slepiamas */
/* ============================================================ */
@media (min-width: 1100px) and (max-width: 1400px) {
  /* Tighter header padding */
  header.main-header .container {
    gap: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  /* Smaller logo subtitle */
  .logo span small {
    font-size: 0.58rem;
    letter-spacing: 0.03em;
  }
  
  /* Compact menu items */
  nav ul.main-nav {
    gap: 4px !important;
  }
  nav ul.main-nav a {
    font-size: 0.88rem;
    padding: 8px 10px;
    letter-spacing: -0.01em;
  }
  
  /* Hide phone button - already shown in top bar */
  .nav-actions .btn-ghost {
    display: none !important;
  }
  
  /* Compact CTA button */
  .nav-actions {
    gap: 0;
  }
  .nav-actions .btn-primary {
    font-size: 0.88rem;
    padding: 11px 18px;
  }
}

@media (min-width: 1100px) and (max-width: 1240px) {
  /* Even more compact for smaller laptops */
  nav ul.main-nav a {
    font-size: 0.84rem;
    padding: 6px 7px;
  }
  .logo {
    gap: 8px;
  }
  .logo img {
    width: 40px;
    height: 40px;
  }
  .logo span small {
    display: none;  /* hide subtitle on tightest screens */
  }
}

/* ===================================================================
   PREMIUM REFINEMENT LAYER — 2026-09
   The client found the site too green and too busy, and preferred the
   colour feel of their old ecoenergija.lt (navy #293871 + a warm accent).
   The palette swap is done in scripts/palette.py; this layer is the part
   that cannot be done by swapping a colour: fewer coloured surfaces, one
   accent instead of four, hairlines instead of shadows, and a calmer
   type rhythm.

   It sits last on purpose. The stylesheet above has grown duplicate rules
   for .product-features, .eyebrow and the cards over time, so specificity
   games would be fragile — being last is what makes this layer win.
   =================================================================== */

:root {
  /* Semantic names for the new palette. The --green-* tokens above are
     kept pointing at the same values so the 1500 lines that reference
     them keep working; new code should use these. */
  --ink: #141c36;
  --accent: #a65a38;
  --accent-dark: #8a4728;
  --accent-mid: #c0714a;
  --accent-light: #e0a87f;   /* only legible one on navy */
  --accent-soft: #f5e9e1;
  --accent-tint: #fdf8f4;
  --stone: #e6e0d7;
  --stone-soft: #f0eae2;
  --paper: #fbf9f6;

  /* Warm, low-opacity shadows. The old ones were cool-grey and heavy,
     which is most of what made the cards look inexpensive. */
  --shadow-sm: 0 1px 2px rgba(20, 28, 54, 0.03);
  --shadow: 0 2px 4px rgba(20, 28, 54, 0.03);
  --shadow-lg: 0 10px 30px -12px rgba(20, 28, 54, 0.14);
  --shadow-xl: 0 20px 50px -20px rgba(20, 28, 54, 0.18);
  --shadow-green: none;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
}

/* ---------- type ------------------------------------------------- */

h1, h2 { letter-spacing: -0.028em; }
h1 { font-weight: 800; line-height: 1.08; font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
h2 { font-weight: 800; line-height: 1.14; font-size: clamp(1.65rem, 3vw, 2.25rem); }
h3 { letter-spacing: -0.018em; font-weight: 700; }

.section-header { max-width: 680px; margin-bottom: 60px; }
.section-header h2 { margin-bottom: 14px; }
.section-header p { font-size: 1.05rem; line-height: 1.65; color: var(--text-muted); }

section { padding: 104px 0; }
@media (max-width: 900px) { section { padding: 72px 0; } }
@media (max-width: 600px) {
  section { padding: 56px 0; }
  .section-header { margin-bottom: 36px; }
}

/* ---------- eyebrow: a label, not a pill ------------------------- */
/* Every section opened with a green lozenge. Thirteen coloured pills down
   one page is what "too much colour" actually looked like. */

.eyebrow,
.mini-calc-eyebrow,
.product-cat-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--accent);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.eyebrow::before,
.product-cat-label::before {
  content: '';
  width: 26px;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
  flex-shrink: 0;
}
.section-header .eyebrow { margin-bottom: 20px; }
.section-header .eyebrow::before { display: none; }  /* centred: a rule would read as a stray dash */

/* the pulsing green dot */
.eyebrow .dot { display: none; }
/* the rule above already marks the label; a second glyph next to it reads
   as clutter. The mini-calculator keeps its bolt - it has no rule. */
.eyebrow .eyebrow-icon { display: none; }

.section-dark .eyebrow,
.cta-banner .eyebrow,
.inbank-banner .eyebrow { color: var(--accent-light); }

/* ---------- buttons: one accent, no glow ------------------------- */

.btn {
  border-radius: 100px;
  letter-spacing: -0.005em;
  padding: 15px 28px;
}
.btn-primary {
  background: var(--accent);
  box-shadow: none;
}
.btn-primary:hover {
  background: var(--accent-dark);
  transform: none;
  box-shadow: 0 6px 18px -8px rgba(166, 90, 56, 0.5);
}
.btn-secondary {
  background: transparent;
  border: 1px solid var(--stone);
  color: var(--ink) !important;
}
.btn-secondary:hover {
  background: transparent;
  border-color: var(--ink);
  color: var(--ink) !important;
  transform: none;
}
.btn-dark:hover { transform: none; }
.btn-lg { padding: 18px 34px; }

/* ---------- hero ------------------------------------------------- */

.hero { padding: 84px 0 96px; }
.hero::before {
  background:
    radial-gradient(900px 520px at 88% -12%, rgba(166, 90, 56, 0.055), transparent 62%),
    radial-gradient(760px 520px at -5% 108%, rgba(29, 39, 72, 0.05), transparent 62%),
    var(--paper);
}
.hero h1 .accent { color: var(--accent); }
/* the 12px slab behind the accent word: replaced with a hairline */
.hero h1 .accent::after {
  height: 2px;
  bottom: 0.06em;
  background: var(--accent);
  opacity: 0.35;
  border-radius: 0;
}
.hero .lead { font-size: 1.12rem; line-height: 1.7; max-width: 500px; }
.hero .cta-row { margin-bottom: 44px; }

.hero-stats { border-top: 1px solid var(--stone); padding-top: 28px; }
.hero-stats > * + * { border-left: 1px solid var(--stone); padding-left: 28px; }

/* ---------- trust strip ------------------------------------------ */

.trust-strip { background: var(--bg); border-block: 1px solid var(--stone-soft); }
.trust-item {
  color: var(--text-muted);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.trust-item svg,
.trust-item span:first-child { color: var(--accent); opacity: 0.9; }

/* ---------- cards: hairline, not shadow -------------------------- */

.product-card,
.benefit-card,
.article-card,
.testimonial-card,
.faq-item,
.boileris-card,
.branch-card,
.sidebar-card,
.info-card-big,
.contact-card-big,
.article-content .article-stat {
  border: 1px solid var(--stone);
  border-radius: var(--radius-lg);
  box-shadow: none;
  background: var(--bg);
}
.product-card:hover,
.benefit-card:hover,
.article-card:hover,
.boileris-card:hover,
.branch-card:hover {
  transform: translateY(-2px);
  border-color: #d6cec1;
  box-shadow: var(--shadow-lg);
}

/* ---------- product cards ---------------------------------------- */
/* Was: a green "Parama" badge, two baked-in green badges inside the photo,
   four green pills and a green button — on every one of thirteen cards. */

.product-grid { grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 20px; }

/* white, not paper: the supplier renders have a white background baked in,
   so a tinted tile shows up as a hard white rectangle inside the card */
.product-image {
  background: #fff;
  border-bottom: 1px solid var(--stone-soft);
  aspect-ratio: 5/4;
}
.product-image img { width: 90%; height: 90%; }
.product-card:hover .product-image img { transform: scale(1.03); }  /* the -2deg tilt read as a gimmick */

.product-tag {
  /* The badge sits before the <img> in the DOM, and the image takes a
     transform on hover. A transform makes a new stacking context, so without
     an explicit z-index the image is painted over the badge and the word
     "Parama" disappears under the cursor - only the tick, which falls left
     of the image's box, survived. scripts/hover.js checks this. */
  z-index: 2;
  top: 14px;
  left: 14px;
  padding: 5px 11px;
  border-radius: 4px;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
/* The "✓ Parama" badge is gone from the markup (see build.py) - it repeated
   on every card and the subsidy is already made clear by its own page, the
   benefits card and the calculator. Only "Populiarus" is left, and it earns
   its place by marking one card out of thirteen. */
.product-tag.popular { background: var(--ink); color: #fff !important; }

.product-body { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.product-cat {
  color: var(--text-light);
  font-size: 0.72rem;
  letter-spacing: 0.13em;
  margin-bottom: 10px;
}
.product-card h3 { font-size: 1.1rem; margin-bottom: 16px; line-height: 1.28; }

/* The four green pills become a labelled spec block. They used to be bare
   values - "~200 m²" next to "Stiprus modelis" - so nothing said what was
   being measured, and the columns changed from card to card. Each row is now
   a label and the model's own number (see build.py). */
.product-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  margin: 0 0 22px;
  padding: 16px 0 0;
  border-top: 1px solid var(--stone-soft);
  list-style: none;
}
.product-features li {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.product-features .spec-k {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-light);
  letter-spacing: 0.04em;
  line-height: 1.25;
}
.product-features .spec-v {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

/* the boiler and circulation-pump cards have no spec table behind them, so
   they keep their plain list - give it a marker rather than leaving it bare */
.product-features li:not(:has(.spec-k)) {
  flex-direction: row;
  align-items: baseline;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-muted);
}
.product-features li:not(:has(.spec-k))::before {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
  transform: translateY(-3px);
  opacity: 0.8;
}

/* one button, one link — instead of two competing buttons */
.product-actions {
  margin-top: auto;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 4px;
}
.product-actions .btn { flex: none; }
.product-actions .btn-primary { padding: 12px 22px; font-size: 0.85rem; }
.product-actions .btn-secondary {
  border: 0;
  padding: 0;
  background: none;
  color: var(--text-muted) !important;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--stone);
  text-underline-offset: 4px;
}
.product-actions .btn-secondary:hover {
  color: var(--ink) !important;
  text-decoration-color: var(--accent);
}

/* filter chips */
.filter-chip {
  border-radius: 100px;
  border: 1px solid var(--stone);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--text-muted);
  padding: 9px 18px;
}
.filter-chip:hover { border-color: var(--ink); color: var(--ink); }
.filter-chip.active { background: var(--ink); border-color: var(--ink); color: #fff; }
.filter-btn.active { background: var(--accent); border-color: var(--accent); box-shadow: none; }

/* the baked-in A+++/R290/wifi badges on the product photo were the loudest
   green on the page; they are cropped out of the image now, so the pills
   that repeated them can go too */
.product-img-pills { display: none; }

/* ---------- benefits, steps -------------------------------------- */

.benefit-icon {
  background: var(--accent-soft) !important;
  border-radius: 8px;
  color: var(--accent-dark);
}
.benefit-icon svg { stroke: var(--accent-dark); }
.benefit-card h4, .benefit-card h3 { letter-spacing: -0.015em; }

.step-circle, .step-item .step-circle { color: var(--accent-light); }
.section-dark .step { background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.09); }

/* ---------- dark sections ---------------------------------------- */

.section-dark, .cta-banner {
  background: linear-gradient(160deg, #22305c 0%, var(--navy) 45%, #151d38 100%);
}
.section-dark h2, .cta-banner h2 { letter-spacing: -0.028em; }

/* ---------- testimonials ----------------------------------------- */

.testimonial .stars, .testimonial-card .stars { color: var(--accent-mid); font-size: 0.9rem; }

/* ---------- FAQ --------------------------------------------------- */

.faq-item { border-radius: var(--radius); }
.faq-question { font-weight: 700; letter-spacing: -0.012em; }

/* ---------- floating CTA ------------------------------------------ */
/* It was a glowing copper pill sitting on top of the content, repeating the
   button already in the header. Kept for mobile reach, made quiet. */

.floating-cta {
  background: var(--ink);
  padding: 13px 20px;
  font-size: 0.87rem;
  font-weight: 600;
  box-shadow: 0 10px 28px -12px rgba(20, 28, 54, 0.5);
}
.floating-cta:hover {
  background: var(--accent);
  transform: none;
  box-shadow: 0 12px 30px -12px rgba(20, 28, 54, 0.55);
}
@media (min-width: 1101px) { .floating-cta { display: none; } }

/* ---------- header / nav ----------------------------------------- */

header.main-header { border-bottom: 1px solid var(--stone-soft); }
nav ul.main-nav a { font-size: 0.87rem; font-weight: 600; border-radius: 6px; }
nav ul.main-nav a:hover { background: var(--stone-soft); color: var(--ink); }
nav ul.main-nav a.active { background: none; color: var(--accent-dark); }
.top-bar { background: var(--ink); font-size: 0.8rem; }
.top-bar a:hover { color: var(--accent-light); }
.top-bar .lang-list a.active { color: var(--accent-light); }

/* ---------- small screens: measured, not eyeballed ---------------- */
/* body has overflow-x:clip, so these were being cut rather than showing a
   scrollbar - the hamburger really was hanging 5px off the right edge at
   375px, and the Latvian hero button 25px off at 320px. */

.nav { min-width: 0; }
.logo { min-width: 0; }
.logo span { min-width: 0; }
.menu-toggle { flex-shrink: 0; }

@media (max-width: 430px) {
  /* the logo's nowrap lockup was what pushed the hamburger out */
  .logo { font-size: 1.05rem; gap: 9px; }
  .logo img { width: 38px; height: 38px; }
  .logo span small { display: none; }
}

@media (max-width: 400px) {
  /* the longest translated CTA does not fit on one line at 320px */
  .btn { white-space: normal; text-align: center; }
  .cta-row { flex-direction: column; align-items: stretch; }
  .cta-row .btn { width: 100%; justify-content: center; }
  .container, .container-narrow { padding: 0 16px; }
}

/* auto-fit minmax(320px) cannot shrink below 320, so at a 320px viewport the
   track is wider than the 288px of content box it has to live in and the card
   gets clipped. min() lets the track collapse instead. */
.articles-grid,
.featured-guides-grid,
.boileriai-grid,
.branches-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
/* .gallery-grid is a fixed 4-column mosaic with row/column spans, so
   auto-fit would break the spans - it needs its own ladder instead. */
@media (max-width: 900px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 200px; }
  .gallery-item.featured, .gallery-item.tall { grid-row: span 1; grid-column: span 1; }
}

/* button rows and the article CTA panel: these were inline styles, which no
   media query could reach, which is why they were the last things overflowing */
.btn-row { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-row--center { justify-content: center; }

.cta-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  padding: 34px 32px;
  border: 1px solid var(--stone);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--accent-tint) 0%, var(--bg) 100%);
}
.cta-panel h3 { margin: 0 0 8px; }
.cta-panel p { margin: 0; color: var(--text-muted); }

@media (max-width: 720px) {
  .cta-panel { grid-template-columns: 1fr; gap: 20px; padding: 26px 22px; }
}
@media (max-width: 420px) {
  .btn-row { flex-direction: column; align-items: stretch; }
  .btn-row .btn { width: 100%; justify-content: center; }
}

/* the catalogue toolbar keeps its heading and its filter row side by side
   well past the point where they fit; the filter row scrolls instead */
@media (max-width: 880px) {
  .catalog-toolbar { flex-direction: column; align-items: stretch; }
  .catalog-toolbar__heading { min-width: 0; width: 100%; }
  .catalog-toolbar .filter-bar {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .calc-form, .calc-result { padding: 24px 18px; }
  .article-content .article-cta-block { padding: 24px 20px; }
  .article-content .article-cta-block .article-cta-btns { flex-direction: column; }
  .article-content .article-cta-block .article-cta-btns a { justify-content: center; }
  .catalog-toolbar, .catalog-toolbar__heading { min-width: 0; }
  .product-grid { grid-template-columns: 1fr; }
}

/* nothing on the page should need a squint */
.hero-stats .stat span,
.hero-stats span { font-size: 0.75rem; }
.product-tag { font-size: 0.7rem; }
.inbank-banner__logo small { font-size: 0.7rem; }

/* ---------- footer ----------------------------------------------- */

/* A late rule, ".logo span{color:var(--navy)}", overrode the footer's own
   white and left the word "Ecoenergija" navy-on-navy in the footer - legible
   only if you knew it was there. */
.main-footer .logo span,
.main-footer .logo { color: #fff; }
.main-footer .logo span small { color: rgba(255, 255, 255, 0.62); }

.main-footer .contact-block a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3px 0;
}
.main-footer .contact-block svg { flex-shrink: 0; opacity: 0.75; }
/* 9.3px is not a size, it is a squint */
.main-footer .contact-block small,
.logo span small,
.footer-bottom { font-size: 0.7rem; }
.logo span small { letter-spacing: 0.06em; }
.social-row a { border: 1px solid rgba(255, 255, 255, 0.14); background: none; }
.social-row a:hover { border-color: var(--accent-light); background: rgba(224, 168, 127, 0.1); }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }

/* ---------- LEA rate table (parama page) ------------------------- */
/* The subsidy is 50% of a fixed rate per kW, so the three brackets are the
   whole story - worth a table rather than a sentence. */

.rate-table {
  margin: 20px 0 18px;
  border: 1px solid var(--stone);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg);
}
.rate-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 12px;
  padding: 13px 20px;
  align-items: baseline;
  font-size: 0.95rem;
}
.rate-row + .rate-row { border-top: 1px solid var(--stone-soft); }
.rate-row--head {
  background: var(--paper);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-light);
}
.rate-row > *:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.rate-row strong { color: var(--accent-dark); font-family: 'Plus Jakarta Sans', sans-serif; }
.rate-note {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin: 0 0 20px;
  padding-left: 14px;
  border-left: 2px solid var(--accent-soft);
}
@media (max-width: 520px) {
  .rate-row { grid-template-columns: 1fr auto; row-gap: 4px; padding: 12px 16px; }
  .rate-row > *:first-child { grid-column: 1 / -1; font-weight: 700; }
  .rate-row--head { display: none; }
  .rate-row > *:nth-child(2)::before { content: 'Įkainis '; color: var(--text-light); }
  .rate-row > *:nth-child(3)::before { content: 'Parama '; color: var(--text-light); }
  .rate-row > *:not(:first-child) { text-align: left; font-size: 0.88rem; }
}

/* ---------- breadcrumbs: they were invisible --------------------- */
/* An old rule set .breadcrumb a to rgba(255,255,255,0.7) for a dark page
   header that no longer exists, so on every one of the ~170 pages with a
   breadcrumb the "Pradžia" link was white text on a white background. */

.breadcrumb { font-size: 0.8rem; }
.breadcrumb a { color: var(--text-muted); border-bottom: none; }
.breadcrumb a:hover { color: var(--accent-dark); }
.breadcrumb li:last-child a,
.breadcrumb > span:last-child { color: var(--ink); font-weight: 600; }
/* still white where the background really is dark */
.section-dark .breadcrumb a,
.cta-banner .breadcrumb a { color: rgba(255, 255, 255, 0.72); }
.section-dark .breadcrumb a:hover { color: #fff; }

/* ---------- product detail --------------------------------------- */

.product-main-image {
  background: #fff;
  border: 1px solid var(--stone);
  border-radius: var(--radius-lg);
}
.product-main-image img { width: 88%; height: 88%; }
.product-thumb { background: #fff; border: 1px solid var(--stone); border-radius: 6px; }
.product-thumb:hover, .product-thumb.active { border-color: var(--accent); }

.product-quick-features { gap: 6px; margin: 20px 0 26px; }
.product-quick-features span {
  background: none;
  border: 1px solid var(--stone);
  color: var(--text) !important;
  font-weight: 500;
  font-size: 0.82rem;
  padding: 7px 14px;
}
.product-quick-features span::before { color: var(--accent); font-weight: 700; }
.product-key-info { border: 1px solid var(--stone); background: var(--paper); box-shadow: none; }
.spec-table td, .spec-table th { border-color: var(--stone-soft); }

/* ---------- misc surfaces that were tinted green ----------------- */

.article-content .article-highlight { border-left-color: var(--accent); background: var(--accent-tint); }
.product-intro-link { border-left-color: var(--accent); }
/* --navy-soft is a cool lavender; next to copper it reads as a third,
   unintended colour rather than a neutral. */
.info-callout {
  border-left-color: var(--accent);
  background: var(--accent-tint);
  border-top: 1px solid var(--stone-soft);
  border-right: 1px solid var(--stone-soft);
  border-bottom: 1px solid var(--stone-soft);
}
.hero-visual,
.article-image,
.gallery-img-placeholder {
  background: linear-gradient(135deg, var(--stone-soft), var(--paper));
}
.rekvizitai-card::before { background: linear-gradient(180deg, var(--accent), var(--ink)); }
.contact-ribbon__icon--green { background: var(--accent); }
.contact-ribbon__icon--green-dark { background: var(--accent-dark); }
.contact-ribbon__item:hover { background: var(--accent-tint); border-color: var(--accent-soft); }
.kw-badge { background: var(--ink); }

/* ---------- no prices (2026-09-17) ------------------------------- */
/* The client does not publish prices, subsidy totals or installation rates.
   The calculator now answers two things only: which model, and how much LEA
   subsidy that model gets. scripts/prices.py removes the rest. */
.result-item--wide { grid-column: 1 / -1; }
.result-price-note {
  grid-column: 1 / -1;
  margin: 2px 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
  opacity: 0.8;
}
.rate-table--models { max-width: 760px; margin-inline: auto; }
.rate-table--models .rate-row:not(.rate-row--head) > *:nth-child(2) { color: var(--text-muted); font-size: 0.88rem; }
/* the result panel is a dark surface: inherited body grey all but vanished on it */
.calc-result .result-price-note { color: rgba(255, 255, 255, 0.62); }
@media (max-width: 520px) {
  .rate-table--models .rate-row > *:nth-child(2)::before { content: ''; }
  .rate-table--models .rate-row > *:nth-child(3)::before { content: 'Parama '; }
}