:root{--orange:#ed5708;--black:#111;--paper:#faf9f7;--grey:#777;--wrap:min(1480px,calc(100% - 96px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Montserrat,sans-serif;color:var(--black)}a{text-decoration:none;color:inherit;cursor:pointer}.wrap{width:var(--wrap);margin:auto}.top{height:34px;background:#080808;color:#bbb;font-size:11px;border-bottom:1px solid #252525}.top .wrap{height:100%;display:flex;align-items:center;gap:28px}.top .wrap>.top-contact:nth-child(3){margin-right:auto}.langs{display:flex;align-items:center;gap:7px}.langs button{border:0;background:none;color:#777;font:inherit;padding:0}.langs button.active{color:#fff}.langs i{font-style:normal;color:#555}header{height:82px;background:#101010;color:#fff;position:relative;z-index:5}header .wrap{display:flex;align-items:center;height:100%}header img{width:190px;display:block}nav{display:flex;gap:34px;margin-left:auto;align-items:center}nav a{font-size:12px;font-weight:600;text-transform:uppercase}.hamb{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:760px;position:relative;color:#fff;display:flex;align-items:center;background:#111}.hero:before,.hero-media{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.12)),url('assets/hoxter-modern-living-hero.webp') center/cover}.hero .wrap{position:relative}.eyebrow{font-size:12px;color:var(--orange);font-weight:700;letter-spacing:.08em;margin:0 0 20px}.hero h1{font-size:clamp(48px,5vw,82px);line-height:1.04;max-width:760px;margin:0}.hero p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:600px;margin:28px 0 34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;border:1px solid var(--orange)}.button.line{background:transparent;border-color:#aaa;margin-left:12px}.section{padding:140px 0}.heading{text-align:center;max-width:850px;margin:0 auto 64px}.heading.left{text-align:left;margin-left:0}.heading h2,.title-row h2,.brands h2{font-size:46px;margin:0 0 18px}.heading>p:last-child{color:#666;line-height:1.7}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.categories a{height:310px;display:flex;align-items:flex-end;padding:24px;color:#fff;position:relative;overflow:hidden;background-position:center;background-size:cover}.categories a:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.categories b{position:relative;z-index:1;font-size:14px}.c1,.p1{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=85')}.c2,.p3{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=85')}.c3{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=85')}.c4{background-image:url('assets/showroom-2.webp')}.c5,.p2{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=900&q=85')}.c6,.p4{background-image:url('https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?auto=format&fit=crop&w=900&q=85')}.c7{background-image:url('https://images.unsplash.com/photo-1475738972911-5b44ce984c42?auto=format&fit=crop&w=900&q=85')}.c8{background-image:url('assets/showroom-1.webp')}.finder{background:#111;color:#fff;padding:110px 0}.finder>.wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.finder h2,.process~h2{font-size:42px;line-height:1.12;margin:0}.finder p:not(.eyebrow){color:#aaa;line-height:1.7;margin-bottom:28px}.findsteps{display:grid;grid-template-columns:repeat(3,1fr)}.findsteps article{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-left:1px solid #444;text-align:center}.findsteps em,.process em,.pro li{color:var(--orange);font-style:normal}.findsteps strong{font-size:42px;font-weight:400}.findsteps b{font-size:13px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.title-row h2{margin:0}.title-row>a{font-size:11px;border-bottom:1px solid;padding-bottom:7px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product-grid article{background:#f6f6f4;padding:20px 20px 28px}.product-grid article>div{height:300px;background-size:cover;background-position:center;margin-bottom:25px}.product-grid small{color:var(--orange);font-weight:700}.product-grid h3{font-size:18px;margin:10px 0}.product-grid p{font-size:13px;color:#666}.dark{background:#111;color:#fff}.dark h2{font-size:48px;margin:0 0 60px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process article{border-left:1px solid #444;padding:10px 34px;min-height:150px}.process article:first-child{border:0;padding-left:0}.process em{font-size:38px}.process h3{font-size:14px;margin:24px 0 10px}.process p{color:#aaa;font-size:13px;line-height:1.6}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.project-grid a{display:flex;align-items:flex-end;padding:28px;color:#fff;background-size:cover;background-position:center;position:relative}.project1{min-height:720px;background-image:linear-gradient(transparent,rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=85')}.project-grid>div{display:grid;gap:18px}.project2{background-image:linear-gradient(transparent,rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85')}.project3{background-image:linear-gradient(transparent,rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=85')}.pro,.showroom{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#111;color:#fff}.pro-photo{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85') center/cover}.pro-copy,.show-copy{padding:100px clamp(50px,7vw,120px);align-self:center}.pro h2,.showroom h2{font-size:48px;line-height:1.08;margin:0 0 28px}.pro-copy>p:not(.eyebrow),.show-copy>p{color:#aaa;line-height:1.75}.pro ul{padding:20px 0;list-style:none}.pro li{border-bottom:1px solid #3b3b3b;padding:15px 0}.pro li span{color:#fff;margin-left:30px;font-size:13px}.brands{padding:90px 0;background:#ffffff}.brands h2{font-size:34px}.brand-row,.brands .wrap>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;font-size:21px;font-weight:700}.show-photo{background:url('assets/showroom-1.webp') center/cover}.show-copy address{font-style:normal;margin:34px 0}.contact{padding:55px 0;background:#ffffff}.contact .wrap{display:flex;align-items:center;gap:55px}.contact h2{font-size:34px;margin:0}.contact p{color:#666}.contact .button{margin-left:auto}.contact a:last-child{font-weight:600}footer{background:#0a0a0a;color:#bbb;padding:80px 0 28px}.footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer img{width:280px}.footer div{display:flex;flex-direction:column;gap:12px}.footer b{color:#fff;font-size:12px}.footer a,.footer span,.footer p{font-size:13px}.legal{border-top:1px solid #333;margin-top:55px;padding-top:25px;font-size:12px}
@media(max-width:900px){:root{--wrap:min(100% - 40px,700px)}.top .wrap>.top-contact:nth-child(2),.top .wrap>.top-contact:nth-child(3),nav{display:none}.top .wrap>.top-contact:first-child{margin-right:auto}.hamb{display:block;margin-left:auto}nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#111;flex-direction:column;padding:30px}.hero{min-height:720px}.section{padding:90px 0}.categories{grid-template-columns:repeat(2,1fr)}.categories a{height:250px}.finder>.wrap{grid-template-columns:1fr;gap:50px}.product-grid,.process{grid-template-columns:repeat(2,1fr)}.process article:nth-child(3){border:0}.project-grid,.pro,.showroom{grid-template-columns:1fr}.pro-photo,.show-photo{min-height:520px}.brand-row,.brands .wrap>div:last-child{flex-wrap:wrap}.contact .wrap{flex-wrap:wrap}.contact .button{margin-left:0}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){:root{--wrap:calc(100% - 28px)}header img{width:160px}.hero h1{font-size:44px}.button.line{margin:12px 0 0}.categories{grid-template-columns:1fr}.categories a{height:300px}.heading h2,.title-row h2,.dark h2,.pro h2,.showroom h2{font-size:34px}.title-row{align-items:start;gap:20px}.title-row>a{display:none}.product-grid,.process{grid-template-columns:1fr}.process article{border-left:0;border-top:1px solid #444;padding:30px 0}.findsteps{grid-template-columns:1fr}.findsteps article{border-left:0;border-top:1px solid #444}.project1{min-height:480px}.project-grid>div a{min-height:300px}.pro-photo,.show-photo{min-height:380px}.pro-copy,.show-copy{padding:70px 24px}.brands .wrap>div:last-child{justify-content:flex-start}.contact .wrap{display:block}.contact .button{margin:20px 0}.footer{grid-template-columns:1fr}.footer img{width:220px}}
.catalog-hero{padding:130px 0 105px;background:#151515;color:#fff}.catalog-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.04;max-width:900px;margin:0}.catalog-hero p:last-child{max-width:700px;color:#aaa;line-height:1.7}.catalog-tabs{background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:4}.catalog-tabs .wrap{display:flex;gap:28px;overflow:auto}.catalog-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;padding:25px 0;font:600 11px Montserrat}.catalog-tabs button.active{color:var(--orange);border-color:var(--orange)}.catalog-body{padding:100px 0 150px}.catalog-body>.wrap{display:grid;grid-template-columns:230px 1fr;gap:70px}.catalog-body aside{border-top:1px solid #bbb;padding-top:24px}.catalog-body aside b{display:flex;justify-content:space-between;font-size:12px}.catalog-body aside i{font-style:normal;color:var(--orange)}.catalog-body aside p{margin-top:60px;color:#777;font-size:13px;line-height:1.7}.catalog-body aside a{font-size:11px;font-weight:700;border-bottom:1px solid}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 24px}.catalog-grid article[hidden]{display:none}.catalog-grid article{border-bottom:1px solid #ccc;padding-bottom:24px}.cat-image{height:350px;background-size:cover;background-position:center;margin-bottom:24px}.catalog-grid small{color:var(--orange);font-size:10px;font-weight:700}.catalog-grid h2{font-size:19px;margin:10px 0}.catalog-grid p{font-size:12px;color:#666}.catalog-help{padding:130px 0;background:#f1f1f1;color:#111;text-align:center}.catalog-help h2{font-size:48px;margin:0 0 25px}.catalog-help p:not(.eyebrow){color:#666;line-height:1.7;margin:0 auto 30px;max-width:720px}@media(max-width:900px){.catalog-body>.wrap{grid-template-columns:1fr}.catalog-body aside{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.cat-image{height:390px}.catalog-help h2{font-size:31px}}

form .form-note{line-height:1.7}form input:focus-visible,form textarea:focus-visible,form select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

/* Shared typography for every page and native form control. */
html, body, button, input, select, textarea, option {
  font-family: 'Montserrat', sans-serif;
}

/* Keep the mobile header logo identical to the homepage on every page. */
@media (max-width: 900px) {
  header img {
    content: url('assets/venthermo-logo-white-cropped.png') !important;
    width: 220px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* Mobile header controls: comfortable tap targets without changing desktop. */
@media (max-width: 560px) {
  .hamb {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    margin-left: auto !important;
    padding: 8px !important;
    font-size: 25px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 900px) {
  header .wrap:has(nav.open) .search-control::before { content: 'Kërko produktet' !important; }
  html[lang="en"] header .wrap:has(nav.open) .search-control::before { content: 'Search products' !important; }
}

/* Mobile menu: show only the social icons at the bottom. */
@media (max-width: 900px) {
  header nav.open .mobile-menu-social::before {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 900px) {
  header .wrap > a:first-child {
    width: 220px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 220px !important;
  }
  header .wrap > a:first-child img {
    width: 220px !important;
    height: 36px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

@media (min-width: 901px) {
  .mobile-product-menu { display: none !important; }
}

/* Mobile menu: same visual system as the homepage on every page. */
@media (max-width: 900px) {
  header .wrap:has(nav.open) .search-control.is-editing {
    padding-left: 52px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 20px !important;
  }
  header .wrap:has(nav.open) .search-control.is-editing::before { content: none !important; }
  header .wrap:has(nav.open) .search-control.is-editing .search-input {
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    font: 400 16px/1.2 'Work Sans', sans-serif !important;
    line-height: 1.2 !important;
    color: #fff !important;
    background: transparent !important;
    pointer-events: auto !important;
  }
  header nav.open {
    position: fixed !important;
    top: 116px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 120px 28px 100px !important;
    background: #101010 !important;
    overflow-y: auto !important;
  }
  header nav.open > a {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #333 !important;
    color: #fff !important;
    font: 500 24px/1.12 'Work Sans', sans-serif !important;
    text-align: left !important;
  }
  header nav.open > a.active { color: var(--orange) !important; }
  header nav.open .mobile-menu-social {
    position: absolute !important;
    right: 28px !important;
    bottom: 28px !important;
    left: 28px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 34px) !important;
    gap: 10px 16px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 18px 0 0 !important;
    border-top: 0 !important;
  }
  header nav.open .mobile-menu-social::before { grid-column: 1 / -1 !important; }
  header nav.open .mobile-menu-social a {
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #555 !important;
    border-radius: 50% !important;
  }
}

/* Fallback for pages still carrying the old logo file in their HTML. */
@media (max-width: 900px) {
  header a:has(> img[src$="venthermo-logo-white.png"]) {
    display: block;
    width: 220px;
    height: 36px;
  }
  header a:has(> img[src$="venthermo-logo-white.png"]) img {
    display: none !important;
  }
  header a:has(> img[src$="venthermo-logo-white.png"])::before {
    content: '';
    display: block;
    width: 220px;
    height: 36px;
    background: url('assets/venthermo-logo-white-cropped.png') center / contain no-repeat;
  }
}
input::file-selector-button { font-family: 'Montserrat', sans-serif; }
body, body h1, body h2, body h3, body h4, body h5, body h6, body p, body a, body button, body input, body textarea, body select, body label, body small, body strong, body b, body span, body li, body summary { font-family: 'Montserrat', sans-serif; }
body { font-size: 15px; }

/* CTA buttons: softer orange so they sit more naturally in the layout. */
.button:not(.line) { background: linear-gradient(135deg, rgba(248,105,23,.9), rgba(196,60,4,.88)); }
.button:not(.line):hover { background: linear-gradient(135deg, rgba(248,105,23,.96), rgba(196,60,4,.94)); }

/* Shared footer system across every page. */
footer { background: #101010; color: #aaa; padding: 64px 0 24px; }
footer .footer { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 0; }
footer .footer > div { min-height: 142px; padding: 0 28px; border-left: 1px solid #343434; }
footer .footer > div:first-child { border-left: 0; padding-left: 0; }
footer .footer img { content: url('assets/venthermo-logo-white-cropped.png'); width: 220px; height: auto; object-fit: contain; margin-bottom: 10px; }
footer .footer b { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
footer .footer a, footer .footer span, footer .footer p { font-size: 14px; line-height: 1.45; }
footer .footer a, footer .footer span { color: #bcbcbc; }
footer .footer a:hover { color: var(--orange); }
footer .footer p { max-width: 360px; color: #aaa; margin: 0; }
footer .legal { margin-top: 42px; padding-top: 20px; border-top: 1px solid #333; color: #777; }
footer .footer a[href^="tel"]::before { content: '☎'; }
footer .footer a[href^="mailto"]::before { content: '✉'; }
footer .footer a[href*="instagram"]::before { content: '◎'; }
footer .footer a[href*="facebook"]::before { content: 'f'; font-weight: 700; }
footer .footer a[href^="tel"]::before,
footer .footer a[href^="mailto"]::before,
footer .footer a[href*="instagram"]::before,
footer .footer a[href*="facebook"]::before { display: inline-block; width: 22px; margin-right: 4px; color: var(--orange); font-size: 15px; }
@media(max-width:900px) {
  footer .footer { grid-template-columns: 1fr 1fr; gap: 28px 0; }
  footer .footer > div:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media(max-width:560px) {
  footer { padding-top: 48px; }
  footer .footer { grid-template-columns: 1fr; gap: 26px; }
  footer .footer > div { min-height: 0; padding: 0; border-left: 0; }
  footer .footer img { width: 220px; }
}

/* Use the correct logo variant for each surface. */
footer { background: #faf9f7; color: #333; }
footer .footer b { color: #111; }
footer .legal { border-top-color: #c9c3bb; }
header img { width: 220px; height: auto; object-fit: contain; }
footer .footer img { width: 280px; max-width: 100%; }
@media (max-width: 560px) { header img { width: 175px; } }

/* Category imagery: curated brand-referenced visuals for the local preview. */
.c1, .p1 { background-image: url('assets/category-wood-hoxter.webp') !important; }
.c2, .p3 { background-image: url('assets/category-bioecosmart.webp') !important; }
.c3 { background-image: url('assets/category-electric-trimline.webp') !important; }
.c4 { background-image: url('assets/category-gas-trimline.webp') !important; }
.c5 { background-image: url('assets/category-stove-romotop.webp') !important; }
.p2 { background-image: url('assets/category-cassette-romotop.webp') !important; }
.c6, .p4 { background-image: url('assets/category-hanging-tatiana.webp') !important; }
.c7 { background-image: url('assets/category-outdoor-firepit.webp') !important; }
.c8 { background-image: url('assets/category-cassette-romotop.webp') !important; }

.top-contact:hover { text-decoration: underline; text-underline-offset: 3px; }
.top-contact:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }

/* Contact icons in the brand orange. */
.top-contact { display: inline-flex; align-items: center; gap: 7px; }
.top-contact-icon { width: 13px; height: 13px; flex-shrink: 0; color: var(--orange); fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Header navigation hover and current page. */
header nav a { transition: color .18s ease; }
header nav a:hover,
header nav a:focus-visible,
header nav a.active,
header nav a[aria-current="page"] { color: var(--orange); }
@media (prefers-reduced-motion: reduce) { header nav a { transition: none; } }

/* Underline distinguishes the current page from a hovered menu item. */
header nav a.active,
header nav a[aria-current="page"] {
  text-decoration-line: underline;
  text-decoration-color: var(--orange);
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
}
header img{content:url('assets/venthermo-logo-white-cropped.png')!important;width:220px!important;height:auto!important;object-fit:contain}footer{background:#101010!important;color:#aaa!important}footer .footer img{content:url('assets/venthermo-logo-white-cropped.png')!important;width:220px!important;height:auto!important}footer .footer b{color:#fff!important}footer .footer a,footer .footer span{color:#bcbcbc!important}
/* Search mark kept in the header across the site. */
header .wrap:after{content:'KËRKO';display:flex;align-items:center;justify-content:center;width:92px;height:32px;margin-left:26px;padding-left:22px;border:1px solid #555;border-radius:2px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:18px}
html[lang="en"] header .wrap:after{content:'SEARCH'}
header .wrap:hover:after{border-color:var(--orange);color:var(--orange)}
@media(max-width:900px){header .wrap:after{display:none}}





/* Identical topbar geometry across every page. */
.top{height:34px!important;min-height:34px!important;font-size:11px!important;line-height:1!important}
.top .wrap{height:34px!important;min-height:34px!important;align-items:center!important}
.top-contact{font-size:11px!important;line-height:1!important}
.top-contact-icon{width:13px!important;height:13px!important}
.langs{font-size:11px!important;line-height:1!important}

/* Global logo standard: identical header scale on every page. */
header img{width:190px!important;height:auto!important;display:block}
@media(max-width:560px){header img{width:160px!important}}

header img{content:url("assets/venthermo-logo-white-cropped.png")!important;width:220px!important;height:auto!important}
@media(max-width:560px){header img{width:180px!important}}

header img{width:220px!important;height:auto!important;object-fit:contain}
@media(max-width:560px){header img{width:180px!important}}

/* Unified header and topbar: products and projects use identical geometry and asset. */
.top{height:34px!important;min-height:34px!important;font-size:11px!important;line-height:1!important}
.top .wrap{height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;gap:28px!important}
.top-contact{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:11px!important;line-height:1!important}
.top-contact-icon{width:13px!important;height:13px!important;display:block!important}
.langs{display:flex!important;align-items:center!important;gap:7px!important;font-size:11px!important;line-height:1!important}
header{height:82px!important}
header .wrap{height:82px!important;display:flex!important;align-items:center!important}
header img{content:url("assets/venthermo-logo-white-cropped.png")!important;width:220px!important;height:auto!important;display:block!important;object-fit:contain!important}
@media(max-width:560px){header img{width:180px!important}}
/* Lock topbar typography as well as its dimensions on every page. */
.top,.top *{font-family:'Work Sans',sans-serif!important;font-size:11px!important;line-height:1!important;letter-spacing:0!important}
.top .wrap{box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
/* Search label matches topbar contact typography. */
header .wrap:after{font-family:'Work Sans',sans-serif!important;font-size:11px!important;font-weight:400!important;line-height:1!important}
/* Keep search control neutral on hover. */
header .wrap:hover:after,header .wrap:focus-within:after{border-color:#555!important;color:#fff!important}
/* Functional search control replaces the decorative pseudo element. */
header .wrap:after{display:none!important}
.search-control{display:flex;align-items:center;justify-content:center;width:92px;height:32px;margin-left:26px;padding-left:22px;border:1px solid #555;border-radius:2px;color:#fff;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:18px;font-family:'Work Sans',sans-serif;font-size:11px;font-weight:400;line-height:1;cursor:pointer}
.search-control:hover{border-color:#555;color:#fff}
.search-input{width:150px;height:32px;margin-left:26px;padding:0 10px;border:1px solid #555;border-radius:2px;background:#111;color:#fff;font:400 11px/1 'Work Sans',sans-serif;outline:none}
.search-input:focus{border-color:#777}
@media(max-width:900px){.search-control,.search-input{display:none!important}}
/* Search input stays inside the original search field. */
.search-control.is-editing{display:flex!important;justify-content:flex-start!important;padding:0 9px!important;background-image:none!important}
.search-control .search-input{width:100%!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;font:400 11px/1 'Work Sans',sans-serif!important}
.search-control .search-input::placeholder{color:#aaa}
/* Slightly larger header menu labels. */
header nav a { font-size: 14px; }
/* Subtle search label in the header. */
.search-control { color: #999; font-size: 0; text-transform: none; }
.search-control::before { content: 'Kërko'; font-size: 14px; }
.search-control.is-editing::before { content: none; }
.search-control:hover { color: #aaa; }
/* Mobile topbar: icon-only contact links with language selector. */
@media (max-width: 560px) {
  .top .wrap {
    gap: 16px !important;
    justify-content: flex-start;
  }
  .top .wrap > .top-contact,
  .top .wrap > .top-contact:nth-child(2),
  .top .wrap > .top-contact:nth-child(3) {
    display: inline-flex !important;
    margin: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 34px !important;
    padding: 8px 10px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px;
  }
  .top-contact span { display: none !important; }
  .top-contact-icon {
    width: 17px !important;
    height: 17px !important;
  }
  .langs {
    margin-left: auto;
    gap: 6px !important;
  }
  .langs button {
    min-width: 28px !important;
    min-height: 34px !important;
    padding: 8px 4px !important;
  }
}
/* Fullscreen mobile navigation with search and contact/social links. */
@media (max-width: 900px) {
  header .wrap:has(nav.open) { position: relative; z-index: 20; }
  header nav.open {
    position: fixed;
    top: 116px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    padding: 190px 28px 100px;
    background: #101010;
    overflow-y: auto;
  }
  header .hamb { position: relative; z-index: 30; }
  header nav.open a {
    font-size: 25px;
    line-height: 1.12;
    text-align: left;
  }
  header .wrap:has(nav.open) .search-control {
    position: fixed;
    top: 134px;
    left: 28px;
    right: 28px;
    z-index: 25;
    display: flex !important;
    width: auto;
    height: 46px;
    margin: 0;
    justify-content: flex-start;
    padding-left: 52px;
    color: #aaa;
    font-size: 16px;
  }
  header .wrap:has(nav.open) .search-control::before { font-size: 16px; }
  header .wrap:has(nav.open) .search-control.is-editing { padding-left: 12px; }
  header .wrap:has(nav.open) .search-control.is-editing::before { content: none; }
  .mobile-menu-social {
    display: flex;
    gap: 22px;
    margin-top: auto;
    padding-top: 30px;
    border-top: 1px solid #3b3b3b;
  }
  .mobile-menu-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 23px !important;
    font-weight: 600;
  }
  .mobile-menu-social a:hover { color: var(--orange); }
  body.menu-open { overflow: hidden; }
}
@media (min-width: 901px) { .mobile-menu-social { display: none; } }

/* Mobile menu: keep only the social icons, without the contact label. */
@media (max-width: 900px) {
  header nav.open .mobile-menu-social::before {
    display: none !important;
    content: none !important;
  }
}

@media (min-width: 901px) {
  footer .footer > div:nth-child(4) { display: grid !important; grid-template-columns: 36px 36px; grid-auto-rows: auto; align-content: start; align-items: start; column-gap: 10px; }
  footer .footer > div:nth-child(4) b { grid-column: 1 / -1; }
  footer .footer > div:nth-child(4) .social-label { display: none !important; }
  footer .footer > div:nth-child(4) .social-icon-link {
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 10px 0 0 !important;
    font-size: 0 !important;
    color: #fff !important;
  }
  footer .footer > div:nth-child(4) .social-icon {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
  }
  footer .footer > div:nth-child(4) .social-icon-link[aria-label="Instagram"] .social-icon { fill: none !important; stroke: #fff !important; stroke-width: 1.7 !important; }
  footer .footer > div:nth-child(4) .social-icon-link[aria-label="Facebook"] .social-icon { fill: #fff !important; stroke: none !important; }
  footer .footer > div:nth-child(4) .social-icon-link[aria-label="Facebook"] .social-icon rect { display: none !important; }
  footer .footer > div:nth-child(4) .social-icon-link::before { display: none !important; }
}

@media (max-width: 560px) {
  footer .footer > div:nth-child(4) { grid-column: 1 / -1 !important; grid-row: 3 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; text-align: left !important; }
  footer .footer > div:nth-child(4) b { flex: 0 0 100% !important; }
  footer .footer > div:nth-child(4) .social-label { display: none !important; }
  footer .footer > div:nth-child(4) .social-icon-link { display: inline-flex !important; width: 44px !important; height: 44px !important; margin: 0 !important; font-size: 0 !important; color: transparent !important; }
  footer .footer > div:nth-child(4) .social-icon-link::before { display: none !important; }
  footer .footer > div:nth-child(4) .social-icon { display: block !important; width: 44px !important; height: 44px !important; padding: 9px !important; border: 1px solid #555 !important; border-radius: 4px !important; color: #ddd !important; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  footer .footer > div:nth-child(4) .social-icon-link:last-of-type .social-icon { fill: currentColor; stroke: #101010; stroke-width: 1; }
}

@media (max-width: 560px) {
  header img { width: 220px !important; }
  header nav.open > a { width: 100%; min-height: 44px; padding: 0 0 12px; border-bottom: 1px solid #333; font-size: 24px; font-weight: 500; }
  header nav.open .search-control { font-size: 0 !important; }
  header nav.open .search-control::before { content: 'Kërko produktet' !important; font-size: 16px !important; }
  html[lang="en"] header nav.open .search-control::before { content: 'Search products' !important; }
  header nav.open .mobile-menu-social { width: 100%; margin-top: auto; padding-top: 18px; border-top: 1px solid #3b3b3b; }
}

/* Keep the mobile menu identical across the entire site. */
@media (max-width: 900px) {
  header nav.open { position: fixed; top: 116px; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 18px; padding: 120px 28px 100px; background: #101010; overflow-y: auto; }
  header nav.open > a { width: 100%; min-height: 44px; padding: 0 0 12px; border-bottom: 1px solid #333; color: #fff; font: 500 24px/1.12 'Work Sans', sans-serif; text-align: left; }
  header nav.open > a.active { color: var(--orange); }
  header .wrap:has(nav.open) .search-control { position: fixed; top: 134px; left: 28px; right: 28px; z-index: 25; display: flex !important; width: auto; height: 46px; margin: 0; justify-content: flex-start; padding-left: 52px; font-size: 0 !important; color: #aaa; }
  header .wrap:has(nav.open) .search-control::before { content: 'Kërko produktet' !important; font-size: 16px !important; }
  html[lang="en"] header .wrap:has(nav.open) .search-control::before { content: 'Search products' !important; }
  .mobile-menu-social { display: flex; width: 100%; margin-top: auto; padding: 18px 0 0; border-top: 1px solid #3b3b3b; gap: 22px; }
  .mobile-menu-social::before { content: 'NA KONTAKTONI'; flex: 0 0 100%; color: #888; font: 600 11px/1 'Work Sans', sans-serif; letter-spacing: .12em; }
  html[lang="en"] .mobile-menu-social::before { content: 'CONTACT US'; }
  .mobile-menu-social a { width: 34px; height: 34px; color: #ddd; }
  .mobile-menu-social svg { width: 22px; height: 22px; }
  .mobile-menu-social svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .mobile-menu-social a:nth-child(3) svg { fill: currentColor; stroke: none; }
  header nav.open .mobile-menu-social svg { display: block !important; visibility: visible !important; opacity: 1 !important; width: 22px !important; height: 22px !important; fill: none !important; stroke: #fff !important; stroke-width: 1.7 !important; }
  header nav.open .mobile-menu-social a:nth-child(3) svg { fill: #fff !important; stroke: none !important; }
  header nav.open .mobile-menu-social { position: static !important; display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; margin-top: auto !important; margin-left: 0 !important; padding-top: 18px !important; border-top: 0 !important; }
  header nav.open .mobile-menu-social { display: grid !important; grid-template-columns: repeat(4, 34px) !important; gap: 10px 16px !important; align-items: center !important; justify-content: start !important; flex-wrap: unset !important; }
  header nav.open .mobile-menu-social::before { display: none !important; content: none !important; grid-column: 1 / -1 !important; width: 100% !important; }
  header nav.open .mobile-menu-social a { display: inline-flex !important; width: 34px !important; height: 34px !important; flex: none !important; }
  header nav.open .mobile-menu-social a { border: 1px solid #555 !important; border-radius: 50% !important; color: #ddd !important; }
  header nav.open > a { border-bottom: 0 !important; padding-bottom: 0 !important; }
  .mobile-product-links a { border-bottom: 0 !important; }
  header nav.open.products-submenu .mobile-menu-social { display: grid !important; position: absolute !important; left: 28px !important; right: 28px !important; bottom: 28px !important; width: auto !important; margin: 0 !important; }
  header nav.open:not(.products-submenu) .mobile-menu-social { position: absolute !important; left: 28px !important; right: 28px !important; bottom: 28px !important; width: auto !important; margin: 0 !important; }
  header nav.open.products-submenu > a { display: none !important; }
  header nav.open.products-submenu .mobile-product-menu { display: block !important; width: 100%; }
  .mobile-product-menu { display: none; }
  .mobile-menu-back { display: block; width: 100%; margin: 0 0 22px; padding: 0 0 14px; border: 0; border-bottom: 1px solid #444; background: transparent; color: #aaa; text-align: left; font: 500 14px/1.3 'Work Sans', sans-serif; cursor: pointer; }
  .mobile-menu-back:first-letter { color: var(--orange); }
  .mobile-product-links { display: flex; flex-direction: column; width: 100%; }
  .mobile-product-links::before { content: 'KATEGORITË E PRODUKTEVE'; display: block; margin-bottom: 8px; color: #777; font: 600 10px/1.2 'Work Sans', sans-serif; letter-spacing: .12em; }
  html[lang="en"] .mobile-product-links::before { content: 'PRODUCT CATEGORIES'; }
  .mobile-product-links a { display: flex; align-items: center; min-height: 42px; padding: 7px 0; border-bottom: 1px solid #333; color: #fff; font: 500 14px/1.25 'Work Sans', sans-serif !important; font-size: 14px !important; letter-spacing: .01em; }
  .mobile-product-links::before { display: none !important; }
  .mobile-product-links a:first-child { min-height: 48px; margin-bottom: 12px; padding: 0 14px; background: linear-gradient(to left, #762200 0%, #a93604 42%, #c94708 100%); color: #fff; border: 1px solid #9f3000; box-shadow: 0 8px 18px rgba(118, 34, 0, .24); }
  .mobile-product-links a:hover { color: var(--orange); }
  .mobile-product-links a:first-child:hover { color: #fff; }
}

/* Keep the mobile header logo identical to the homepage on every page. */
@media (max-width: 900px) {
  header img {
    content: url('assets/venthermo-logo-white-cropped.png') !important;
    width: 220px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
 .privacy-footer-link{margin-top:14px}.privacy-footer-link a{color:rgba(255,255,255,.65);font-size:11px;text-decoration:none}.privacy-footer-link a:hover{color:#fff}