@import url('homepage-work-sans.css');
/* Homepage refinements, consolidated from the previous inline overrides. */
.brands .supplier-links {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 14px;
  margin-top: 36px;
}

@media (max-width: 560px) {
  header img { width: 220px !important; }
  footer { padding: 54px 0 22px !important; }
  footer .footer { grid-template-columns: 1fr 1fr !important; gap: 30px 18px !important; }
  footer .footer > div:first-child { grid-column: 1 / -1; padding-bottom: 10px; }
  footer .footer img { width: 190px !important; margin-bottom: 4px !important; }
  footer .footer > div:first-child p { max-width: 280px !important; font-size: 13px !important; line-height: 1.5 !important; margin-top: 8px !important; }
  footer .footer > div:not(:first-child) { padding: 0 !important; }
  footer .footer b { font-size: 10px !important; margin-bottom: 5px !important; }
  footer .footer a, footer .footer span { font-size: 13px !important; line-height: 1.45 !important; }
  footer .footer a[href^="tel"], footer .footer a[href^="mailto"] { white-space: nowrap; }
  footer .footer > div:nth-child(4) { grid-column: 1 / -1; grid-row: 3; display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 0 !important; }
  footer .footer > div:nth-child(4) b { flex: 0 0 100%; }
  footer .footer > div:nth-child(4) a { display: inline-flex; align-items: center; justify-content: center; margin: 0; }
  footer .footer > div:nth-child(4) a:first-of-type, footer .footer > div:nth-child(4) a:last-of-type { justify-self: auto; }
  footer .footer > div:nth-child(4) .social-label { display: none; }
  footer .footer > div:nth-child(4) .social-icon-link::before { display: none !important; }
  footer .footer > div:nth-child(4) .social-icon { display: block; width: 42px; height: 42px; padding: 9px; border: 1px solid #555; border-radius: 4px; color: #ddd; 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; }
  footer .footer > div:nth-child(4) .social-icon-link:hover .social-icon { border-color: var(--orange); color: var(--orange); }
  footer .legal { margin-top: 34px !important; padding-top: 18px !important; font-size: 11px !important; line-height: 1.5 !important; }
}

@media (min-width: 901px) {
  .brands .supplier-links a:nth-child(1) img,
  .brands .supplier-links a:nth-child(2) img,
  .brands .supplier-links a:nth-child(6) img,
  .brands .supplier-links a:nth-child(7) img { max-width: 180px !important; }
  .brands .supplier-links a:nth-child(3) img { max-width: 150px !important; }
  .brands .supplier-links a:nth-child(4) img,
  .brands .supplier-links a:nth-child(5) img { max-width: 110px !important; }
}

/* Final mobile footer social alignment. */
@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 { 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-link { display: inline-flex !important; width: 44px !important; height: 44px !important; margin: 0 !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; }
}

.supplier-links a {
  height: 76px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #ddd8d1;
  border-radius: 2px;
}
.supplier-links a:hover { border-color: #b8afa5; }
.supplier-logo-img {
  display: block;
  max-width: 72%;
  max-height: 45px;
  object-fit: contain;
  filter: none;
  mix-blend-mode: normal;
}
.supplier-links a:nth-child(1) img { max-width: 68%; }
.supplier-links a:nth-child(3) img,
.supplier-links a:nth-child(7) img { max-width: 70%; }
.supplier-links a:nth-child(5) img { max-width: 58%; }
.finder { padding: 72px 0; }
.finder > .wrap {
  grid-template-columns: minmax(0, .67fr) minmax(0, 1fr);
  gap: 58px;
  max-width: none;
}
.finder h2 { max-width: 430px; font-size: clamp(32px, 3.2vw, 48px); line-height: 1.1; }
.finder p:not(.eyebrow) { max-width: 420px; margin: 20px 0 26px; }
.categories a {
  transition: filter .25s ease;
}
.categories a { filter: none; }
.categories a::after { opacity: .72; transition: opacity .25s ease; }
.categories a:hover::after { opacity: .94; }
.categories b {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  position: relative;
  padding-left: 14px;
  font-size: 16px;
  letter-spacing: .02em;
}
.categories b::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 28px;
  background: var(--orange);
  transition: height .25s ease;
}
.categories a:hover b::before { height: 100%; }
.categories b::after {
  content: '→';
  flex: 0 0 auto;
  color: var(--orange);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s ease;
}
.categories a:hover b::after { transform: translateX(3px); }
.findsteps article { min-height: 260px; padding: 28px 32px; gap: 20px; cursor: pointer; border-left-color: #555; transition: background .2s ease, border-color .2s ease; }
.findsteps article:hover, .findsteps article:focus-visible { background: #1b1b1b; border-left-color: var(--orange); outline: none; }
.findsteps em { font-size: 13px; align-self: flex-start; }
.findsteps strong { font-size: 42px; color: var(--orange); }
.findsteps b { font-size: 15px; line-height: 1.45; max-width: 180px; }
.finder-wizard { grid-column: 1 / -1; margin-top: 28px; padding: 34px; background: #1b1b1b; border: 1px solid #444; }
.wizard-head { display: flex; align-items: center; justify-content: space-between; }
.wizard-head .eyebrow { margin: 0; }
.wizard-close { border: 0; background: none; color: #aaa; font-size: 28px; cursor: pointer; }
.wizard-question { margin: 6px 0 24px; font-size: 24px; }
.wizard-options { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.wizard-options button { border: 1px solid #666; background: transparent; color: #fff; padding: 13px 16px; font: 500 13px Montserrat; cursor: pointer; }
.wizard-options button.selected, .wizard-options button:hover { border-color: var(--orange); color: var(--orange); }
.wizard-options.needs-answer button { border-color: #a84a2b; }
.wizard-next { min-height: 44px; }
.wizard-result { margin: 22px 0 0; color: #ddd; line-height: 1.6; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
@media (max-width: 900px) {
  .brands .supplier-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .finder { padding: 80px 0; }
  .finder > .wrap { max-width: 700px; grid-template-columns: 1fr; gap: 42px; }
  .findsteps article { min-height: 190px; }
  .finder-wizard { grid-column: 1; }
}
@media (max-width: 560px) {
  .brands .supplier-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .supplier-links a { height: 74px; }
  .supplier-logo-img { max-height: 40px; }
  .finder { padding: 64px 0; }
  .findsteps article { min-height: 170px; padding: 24px 0; }
  .wizard-question { font-size: 20px; }
  .categories b { font-size: 17px; }
  .title-row { flex-direction: column; }
  .title-row > a { display: inline-block; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Curated products: editorial product cards with restrained interaction. */
.products { background: #ffffff; }
.products .title-row { align-items: end; margin-bottom: 42px; }
.products .title-row h2 { max-width: 650px; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; }
.section#projects .heading h2 { max-width: 650px; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; }
.products .title-row > a { color: #555; border-color: #aaa; transition: color .2s ease, border-color .2s ease; }
.products .title-row > a:hover { color: var(--orange); border-color: var(--orange); }
.products .product-grid { gap: 14px; }
.products .product-grid article { position: relative; background: #fff; padding: 0 0 24px; overflow: hidden; }
.products .product-grid article::before { content: ''; position: absolute; z-index: 2; left: 0; right: 0; top: 0; height: 3px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.products .product-grid article:hover::before { transform: scaleX(1); }
.products .product-grid article > div { height: 315px; margin: 0 0 22px; background-position: center; transition: opacity .25s ease; }
.products .product-grid article:hover > div { opacity: .88; }
.products .product-grid article > small,
.products .product-grid article > h3,
.products .product-grid article > p { display: block; margin-left: 22px; margin-right: 22px; }
.products .product-grid small { font-size: 10px; letter-spacing: .1em; color: #777; }
.products .product-grid h3 { margin-top: 9px; margin-bottom: 7px; font-size: 18px; line-height: 1.25; }
.products .product-grid h3 a { transition: color .2s ease; }
.products .product-grid h3 a:hover { color: var(--orange); }
.products .product-grid p { margin-top: 0; color: #777; font-size: 12px; }
@media (max-width: 900px) {
  .products .product-grid article > div { height: 280px; }
}

/* Process section: a clear, architectural timeline from brief to installation. */
#process { background: #ffffff; color: #111; padding-top: 118px; padding-bottom: 124px; }
#projects { background: #ffffff; border-top: 1px solid #e5e5e5; }
#process > .wrap > .eyebrow { margin-bottom: 24px; }
#process > .wrap > h2 { max-width: 690px; font-size: clamp(38px, 5vw, 66px); line-height: 1.02; margin-bottom: 64px; }
#process .process { position: relative; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #cfc8bf; border-bottom: 1px solid #cfc8bf; }
#process .process::before { content: ''; position: absolute; top: -1px; left: 0; width: 50%; height: 3px; background: var(--orange); }
#process .process article,
#process .process article:first-child { min-height: 190px; border-left: 1px solid #cfc8bf; padding: 30px 42px 30px; transition: background .25s ease; }
#process .process article:first-child { border-left: 0; padding-left: 0; }
#process .process article:nth-child(n+3) { border-top: 1px solid #cfc8bf; }
#process .process article:hover { background: #f6f6f4; }
#process .process em { display: block; font-size: 13px; letter-spacing: .1em; color: var(--orange); }
#process .process h3 { margin: 27px 0 12px; font-size: 15px; letter-spacing: .04em; }
#process .process p { max-width: 330px; margin: 0; color: #666; font-size: 13px; line-height: 1.7; }
@media (max-width: 900px) {
  #process { padding-top: 88px; padding-bottom: 94px; }
  #process > .wrap > h2 { margin-bottom: 52px; }
  #process .process { grid-template-columns: repeat(2, 1fr); }
  #process .process::before { width: 50%; }
  #process .process article,
  #process .process article:first-child { border-left: 1px solid #cfc8bf; padding: 25px 22px; }
  #process .process article:nth-child(odd) { border-left: 0; padding-left: 0; }
  #process .process article:nth-child(n+3) { border-top: 1px solid #cfc8bf; }
}
@media (max-width: 560px) {
  #process { padding-top: 72px; padding-bottom: 78px; }
  #process > .wrap > h2 { margin-bottom: 42px; }
  #process .process { grid-template-columns: 1fr; }
  #process .process::before { width: 100%; }
  #process .process article,
  #process .process article:first-child,
  #process .process article:nth-child(odd) { border-left: 0; border-top: 1px solid #cfc8bf; padding: 25px 0; min-height: 0; }
  #process .process article:first-child { border-top: 0; }
}
@media (max-width: 560px) {
  .products .title-row { margin-bottom: 30px; }
  .products .product-grid { gap: 18px; }
  .products .product-grid article > div { height: 290px; }
}


/* Keep the insert and seated person in view on narrow screens. */
.hero:before,.hero-media{background-position:center bottom}
@media(max-width:900px){
  .hero{min-height:720px}
  .hero:before,.hero-media{background-position:76% bottom}
}
@media(max-width:560px){
  .hero{min-height:680px}
  .hero:before,.hero-media{background-size:auto 125%;background-position:73% bottom}
}

/* A slightly smaller hero title leaves more room for the fireplace. */
.hero h1 { font-size: clamp(42px, 4.4vw, 72px); }
@media (max-width: 560px) { .hero h1 { font-size: 40px; } }

/* Wide photograph retains natural fireplace scale on desktop. */
@media(min-width:901px){.hero{min-height:clamp(620px,53vw,850px)}}

/* Consultation lead section: a quiet editorial layout with a short contact form. */
.finder > .wrap { grid-template-columns: .82fr 1.18fr; align-items: center; gap: 90px; }
.finder-copy h2 { max-width: 520px; }
.finder-copy > p:not(.eyebrow) { max-width: 440px; color: #aaa; line-height: 1.7; }
.finder-link { display: inline-block; margin-top: 8px; color: var(--orange); font-size: 15px; font-weight: 700; border-bottom: 1px solid var(--orange); padding-bottom: 8px; letter-spacing: .01em; }
.finder-lead { padding: 38px 42px 34px; background: #faf9f7; color: #111; }
.lead-heading h3 { margin: 0 0 28px; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.12; }
.lead-form { display: grid; grid-template-columns: 1fr 1fr; gap: 23px 20px; }
.lead-form label { display: flex; flex-direction: column; gap: 9px; font-size: 10px; font-weight: 700; color: #555; }
.lead-form label span { letter-spacing: .06em; }
.lead-form input, .lead-form select { width: 100%; border: 0; border-bottom: 1px solid #a9a39c; background: transparent; padding: 11px 0; font: 13px Montserrat; color: #111; outline: 0; }
.lead-form input:focus, .lead-form select:focus { border-color: var(--orange); }
.lead-full { grid-column: 1 / -1; }
.lead-form .button { justify-self: start; border: 0; cursor: pointer; }
.lead-note { margin: -5px 0 0; color: #777; font-size: 11px; line-height: 1.55; }
@media (max-width: 900px) { .finder > .wrap { grid-template-columns: 1fr; gap: 48px; } }
@media (max-width: 560px) { .finder-lead { padding: 30px 22px 26px; } .lead-form { grid-template-columns: 1fr; } .lead-full { grid-column: 1; } }

/* Professionals teaser: a focused invitation for architects and interior designers. */
#pro { min-height: 640px; background: #111; }
#pro .pro-photo { min-height: 640px; background-position: center; }
#pro .pro-copy { padding: 86px clamp(42px, 6vw, 100px); }
#pro .pro-copy .eyebrow { margin-bottom: 22px; }
#pro .pro-copy h2 { max-width: 560px; font-size: clamp(38px, 4.3vw, 62px); line-height: 1.06; margin-bottom: 24px; }
#pro .pro-copy > p:not(.eyebrow) { max-width: 500px; margin-bottom: 30px; }
#pro .pro-copy ul { max-width: 560px; margin: 0 0 34px; padding: 0; }
#pro .pro-copy li { display: flex; gap: 22px; align-items: baseline; padding: 13px 0; }
#pro .pro-copy li span { margin-left: 0; }
#pro .pro-copy .button { margin-top: 2px; }
@media (max-width: 900px) {
  #pro { min-height: 0; }
  #pro .pro-photo { min-height: 470px; }
  #pro .pro-copy { padding: 76px 40px 84px; }
}
@media (max-width: 560px) {
  #pro .pro-photo { min-height: 360px; }
  #pro .pro-copy { padding: 64px 24px 72px; }
  #pro .pro-copy h2 { font-size: 36px; }
  #pro .pro-copy li { gap: 16px; font-size: 13px; }
}

/* Selection Studio: one calm question panel with a visible three-step progress line. */
.finder-interface { background: #1b1b1b; border: 1px solid #3d3d3d; padding: 28px 34px 34px; }
.finder-interface .findsteps { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 -34px 30px; border-bottom: 1px solid #444; }
.finder-interface .findsteps article { min-height: 0; padding: 0 20px 18px; border-left: 0; border-bottom: 2px solid transparent; background: transparent; align-items: flex-start; gap: 7px; }
.finder-interface .findsteps article:hover, .finder-interface .findsteps article:focus-visible { border-bottom-color: var(--orange); }
.finder-interface .findsteps article.active { border-bottom-color: var(--orange); }
.finder-interface .findsteps article.active em { color: var(--orange); }
.finder-interface .findsteps em { font-size: 10px; color: #999; }
.finder-interface .findsteps b { font-size: 13px; color: #fff; }
.finder-interface .finder-wizard { margin: 0; padding: 0; background: transparent; border: 0; }
.finder-interface .wizard-question { max-width: 430px; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.2; }
.finder-interface .wizard-options button { min-width: 130px; }
.finder-interface .wizard-result { color: #fff; }
@media (max-width: 900px) {
  .finder-interface { padding: 24px 26px 28px; }
  .finder-interface .findsteps { margin-left: -26px; margin-right: -26px; }
}
@media (max-width: 560px) {
  .finder-interface .findsteps article { padding-left: 10px; padding-right: 10px; }
  .finder-interface .findsteps em { font-size: 9px; }
  .finder-interface .findsteps b { font-size: 11px; }
  .finder-interface .wizard-options { display: grid; grid-template-columns: 1fr 1fr; }
  .finder-interface .wizard-options button { min-width: 0; }
}

/* Architecture library feature, inspired by the professionals reference layout. */
#pro { display: none; }
.pro-library { display: grid; grid-template-columns: minmax(290px, 30%) 1fr; min-height: 720px; background: #050505; color: #fff; }
.pro-library-intro { padding: 112px 42px 70px; display: flex; flex-direction: column; align-items: flex-start; }
.pro-library-intro .eyebrow { color: var(--orange); max-width: 250px; line-height: 1.45; font-size: 13px; margin-bottom: 78px; }
.pro-library-intro > p:not(.eyebrow) { color: #ddd; font-size: 18px; line-height: 1.6; max-width: 310px; margin: 0 0 auto; }
.pro-library-intro .button { margin-top: 54px; border-color: #fff; color: #fff; font-size: 11px; }
.pro-library-visual { min-height: 720px; padding: 106px 42px 48px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.34) 46%, rgba(0,0,0,.06) 100%), url('assets/professionals-library-hero.webp') center/cover; }
.pro-library-heading { max-width: 700px; }
.pro-library-heading h2 { max-width: 560px; font-size: clamp(36px, 4vw, 58px); line-height: 1.08; font-weight: 700; letter-spacing: -.02em; margin: 0 0 24px; }
.pro-library-heading p { color: #eee; font-size: 16px; line-height: 1.65; max-width: 600px; margin: 0; }
.pro-library-cards { width: fit-content; max-width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 142px)); justify-content: start; gap: 10px; border-top: 1px solid rgba(255,255,255,.85); padding-top: 20px; }
.pro-library-cards a { aspect-ratio: 1 / 1; min-height: 0; border: 1px solid rgba(255,255,255,.85); padding: 16px 14px 14px; display: flex; flex-direction: column; color: #fff; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.pro-library-cards a:hover { background: rgba(0,0,0,.48); color: #fff; border-color: rgba(255,255,255,.95); transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,.34); }
.pro-library-cards b { font-size: 16px; font-weight: 700; letter-spacing: .04em; }
.pro-library-cards span { margin-top: auto; font-size: 13px; line-height: 1.4; max-width: 140px; }
.pro-library-cards i { align-self: flex-end; font-style: normal; font-size: 24px; line-height: 1; }
@media (max-width: 900px) {
  .pro-library { grid-template-columns: 1fr; }
  .pro-library-intro { min-height: 360px; padding: 70px 40px; }
  .pro-library-intro .eyebrow { margin-bottom: 45px; }
  .pro-library-intro > p:not(.eyebrow) { margin: 0; }
  .pro-library-intro .button { margin-top: 35px; }
  .pro-library-visual { min-height: 620px; padding: 80px 40px 40px; }
}
@media (max-width: 560px) {
  .pro-library-intro { min-height: 390px; padding: 60px 24px; }
  .pro-library-visual { min-height: 700px; padding: 64px 24px 26px; }
  .pro-library-heading h2 { font-size: 36px; }
  .pro-library-cards { grid-template-columns: repeat(2, minmax(0, 142px)); justify-content: start; gap: 8px; }
  .pro-library-cards a { min-height: 0; }
}

/* Official brands: equal logo fields with a consistent black mark treatment. */
.brands .supplier-links { align-items: start; }
.brands .supplier-links a { position: relative; height: auto; aspect-ratio: 1 / 1; padding: 24px; background: transparent; border: 1px solid #c9c3bb; border-radius: 0; transition: border-color .2s ease; }
.brands .supplier-links a::after { content: ''; position: absolute; left: 18px; right: 18px; bottom: 0; height: 3px; background: transparent; transition: background .2s ease; }
.brands .supplier-links a:hover { background: transparent; border-color: transparent; }
.brands .supplier-links a:hover::after { background: transparent; }
.brands .supplier-links a:hover img { transform: scale(1.04); }
.brands .supplier-logo-img,
.brands .supplier-links a:nth-child(n) img { width: 100%; max-width: 150px !important; height: auto; max-height: 52px; object-fit: contain; filter: brightness(0) saturate(100%); }
.brands .supplier-links a:nth-child(1) img,
.brands .supplier-links a:nth-child(2) img,
.brands .supplier-links a:nth-child(6) img,
.brands .supplier-links a:nth-child(7) img { max-width: 150px !important; }
.brands .supplier-links a:nth-child(3) img { max-width: 128px !important; }
.brands .supplier-links a:nth-child(4) img { max-width: 92px !important; }
.brands .supplier-links a:nth-child(5) img { max-width: 112px !important; }

/* Match the reference composition: three square card scales with centered alignment. */
@media (min-width: 901px) {
  .brands .supplier-links { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: center; gap: 14px; }
  .brands .supplier-links a,
  .brands .supplier-links a:nth-child(n) { width: 100%; height: auto; aspect-ratio: 1 / 1; min-width: 0; }
}
@media (max-width: 900px) {
  .brands .supplier-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .brands .supplier-links a { width: auto; aspect-ratio: 1 / 1; }
}
@media (max-width: 560px) {
  .brands .supplier-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Showroom feature: a tighter editorial split with clear visit details. */
#showroom { min-height: 620px; }
#showroom .show-photo { min-height: 620px; background-image: url('assets/showroom-2-enhanced.webp'); background-position: center; }
#showroom .show-copy { padding: 86px clamp(42px, 6vw, 100px); }
#showroom .show-copy h2 { max-width: 560px; font-size: clamp(42px, 4.8vw, 70px); line-height: 1.05; margin-bottom: 24px; }
#showroom .show-copy > p:not(.eyebrow) { max-width: 500px; color: #aaa; line-height: 1.75; }
#showroom .show-copy > p:nth-of-type(3),
#showroom .show-copy > p:nth-of-type(4) { color: #eee; font-size: 13px; line-height: 1.5; margin: 12px 0; }
#showroom .show-copy > p:nth-of-type(3) { border-top: 1px solid #444; padding-top: 24px; margin-top: 28px; }
#showroom .show-copy .button { margin-top: 22px; }
@media (max-width: 900px) {
  #showroom .show-photo { min-height: 470px; }
  #showroom .show-copy { padding: 76px 40px 84px; }
}
@media (max-width: 560px) {
  #showroom .show-photo { min-height: 360px; }
  #showroom .show-copy { padding: 64px 24px 72px; }
  #showroom .show-copy h2 { font-size: 38px; }
}

/* Footer: dark, structured closing section with direct contact links. */
header img { content: url('assets/venthermo-logo-white-cropped.png'); width: 220px; height: auto; }
footer { background: #101010; color: #aaa; padding: 86px 0 28px; border-top: 0; }
footer .footer { grid-template-columns: 1.55fr 1fr 1fr .78fr; gap: 0; min-height: 292px; align-items: stretch; }
footer .footer > div { gap: 8px; justify-content: flex-start; }
footer .footer img { content: url('assets/venthermo-logo-white-cropped.png'); width: 220px; height: auto; object-fit: contain; margin-bottom: 8px; }
footer .footer > div:first-child p { display: block; max-width: 380px; font-size: 15px; font-weight: 400; color: #aaa; line-height: 1.45; margin-top: 12px; white-space: normal; }
footer .footer > div:first-child { justify-content: flex-start; padding-top: 0; }
footer .footer p { max-width: 280px; color: #888; line-height: 1.7; margin: 0; }
footer .footer > div:not(:first-child) { border-left: 1px solid #333; padding: 0 24px; }
footer .footer b { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; }
footer .footer a, footer .footer span { color: #aaa; font-size: 15px; line-height: 1.35; transition: color .2s ease; }
footer .footer > div:not(:first-child) a,
footer .footer > div:not(:first-child) span,
footer .footer > div:not(:first-child) a { font-weight: 500; }
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; }
footer .footer a:hover, footer .footer a:focus-visible { color: var(--orange); }
footer .legal { border-top-color: #333; color: #777; margin-top: 64px; text-align: center; }
@media (max-width: 900px) {
  footer .footer { grid-template-columns: 1.5fr 1fr 1fr; gap: 34px; min-height: 0; }
  footer .footer > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  footer { padding-top: 64px; }
  footer .footer { grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  footer .footer > div:first-child { grid-column: 1 / -1; }
  footer .footer > div:not(:first-child) { border-left: 0; padding-left: 0; }
  footer .footer img { width: 220px; }
  footer .footer > div:first-child p { max-width: 300px; white-space: normal; }
  footer .legal { margin-top: 44px; line-height: 1.6; }
}

/* Reduce the breathing room between the selected products and completed projects. */
.products { padding-bottom: 86px; }
#projects { padding-top: 86px; }
@media (max-width: 900px) {
  .products { padding-bottom: 68px; }
  #projects { padding-top: 68px; }
}

/* Hero actions: clearer hover feedback for the two primary calls to action. */
.hero .button { transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.hero .button:hover { background: rgba(237,87,8,.18); border-color: var(--orange); color: #fff; transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.hero .button.line { display: none; }

/* Trial: darker premium brand wall for the homepage. */
.brands {
  background: #111 !important;
  color: #fff;
  padding: 108px 0 !important;
}
.brands h2 { color: #fff; }
.brands .supplier-links a {
  background: #1a1a1a;
  border-color: #3b3b3b;
}
.brands .supplier-links a:hover {
  background: #202020;
  border-color: #777;
}
.brands .supplier-links a::after { background: transparent; }
.brands .supplier-links a:hover::after { background: transparent; }
.brands .supplier-logo-img,
.brands .supplier-links a:nth-child(n) img {
  filter: brightness(0) invert(1) !important;
  opacity: .9;
}
.brands .supplier-links a:hover img { opacity: 1; }
/* Mobile polish: clearer spacing and touch targets without changing page structure. */
@media (max-width: 560px) {
  header nav.open { gap: 18px; padding: 24px 14px 28px; }
  header nav.open a { font-size: 14px; line-height: 1.2; }
  .hero .wrap { padding-top: 18px; padding-bottom: 18px; }
  .hero .button { min-height: 52px; padding: 0 22px; font-size: 12px; }
  .categories a { padding: 20px; }
  .brands { padding: 76px 0 !important; }
  .brands .supplier-links { gap: 10px; }
  .brands .supplier-links a { padding: 18px; }
}
/* Desktop hierarchy polish for the primary action and category cards. */
.hero .button:not(.line) {
  min-height: 58px;
  padding: 0 32px;
  font-size: 13px;
  letter-spacing: .07em;
}
.categories b::after { font-size: 20px; }

/* Keep the original spacious desktop brand layout; carousel sizing is mobile-only. */
@media (min-width: 901px) {
  .brands .supplier-links {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
    overflow: visible;
    scroll-snap-type: none;
  }
  .brands .supplier-links a {
    flex: initial;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 24px;
  }
  .brands .supplier-links a:nth-child(1) img,
  .brands .supplier-links a:nth-child(2) img,
  .brands .supplier-links a:nth-child(6) img,
  .brands .supplier-links a:nth-child(7) img { max-width: 180px !important; }
  .brands .supplier-links a:nth-child(3) img { max-width: 150px !important; }
  .brands .supplier-links a:nth-child(4) img { max-width: 110px !important; }
  .brands .supplier-links a:nth-child(5) img { max-width: 110px !important; }
}

/* Balance the inFire mark with the other brand logos. */
.brands .supplier-links a:nth-child(5) img {
  max-width: 88px !important;
  max-height: 44px;
}

/* Stronger closing CTA before the footer. */
.contact {
  position: relative;
  background: #111 !important;
  color: #fff;
  padding: 82px 0;
  border-top: 1px solid #333;
}
.contact h2 {
  position: relative;
  color: #fff;
  font-size: clamp(36px, 4vw, 54px) !important;
  line-height: 1.05;
  margin-bottom: 18px;
}
.contact h2::after {
  content: '';
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 22px;
  background: var(--orange);
}
.contact p { color: #aaa; }
.contact .button { box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.contact .wrap > a:last-child { color: #fff; font-weight: 600; }
.contact .wrap > a:last-child:hover { color: var(--orange); }
@media (max-width: 560px) {
  .contact { padding: 64px 0 70px; }
  .contact .wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
  .contact .button { margin: 6px 0 0; }
}

/* Restore a light closing CTA so it separates the dark showroom and footer. */
.contact {
  background: #faf9f7 !important;
  color: #111;
  padding: 55px 0;
  border-top: 0;
}
.contact h2 { color: #111; font-size: 34px !important; line-height: normal; margin: 0; }
.contact h2::after { display: none; }
.contact p { color: #666; }
.contact .wrap { flex-direction: row; align-items: center; }
.contact .wrap > a:last-child { color: #111; }
.contact .contact-phone {
  position: relative;
  white-space: nowrap;
  min-height: 0;
  padding: 0 0 0 30px;
  background: transparent !important;
  border: 0;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .02em;
}
.contact .contact-phone::before {
  content: '☎';
  position: absolute;
  left: 0;
  color: var(--orange);
  font-size: 21px;
  font-weight: 400;
}
.contact .contact-phone:hover { color: var(--orange); transform: none; box-shadow: none; }
.contact .contact-phone { box-shadow: none !important; }
@media (max-width: 560px) {
  .contact { padding: 55px 0; }
  .contact .wrap { display: block; }
  .contact .button { margin: 20px 0; }
  .contact .contact-phone { font-size: 19px; padding-left: 28px; }
  .contact .contact-phone::before { font-size: 18px; }
}

/* Brands carousel. */
.brands .supplier-links {
  display: flex !important;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.brands .supplier-links::-webkit-scrollbar { display: none; }
.brands .supplier-links a {
  flex: 0 0 160px;
  aspect-ratio: 1.35 / 1;
  padding: 16px;
  scroll-snap-align: start;
}
.brand-carousel-controls {
  display: none !important;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
}
.brand-carousel-controls button {
  width: 42px;
  height: 36px;
  border: 1px solid #555;
  background: transparent;
  color: #fff;
  font: 20px/1 'Work Sans', sans-serif;
  cursor: pointer;
}
.brand-carousel-controls button:hover { border-color: #aaa; background: #202020; }
@media (max-width: 560px) {
  .brands .supplier-links { gap: 10px; }
  .brands .supplier-links a { flex-basis: calc((100% - 20px) / 3); }
  .brand-carousel-controls { justify-content: flex-start; margin-top: 18px; }
}
@media (max-width: 560px) {
  header .hamb { width: 44px; height: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; }
  header nav.open > a { min-height: 44px; display: flex; align-items: center; }
  header .wrap:has(nav.open) .search-control { border-color: #777; }
  header nav.open .mobile-menu-social a { width: 44px; height: 44px; }
  header nav.open .mobile-menu-social svg { width: 21px; height: 21px; }
  header .wrap:has(nav.open) .search-control { font-size: 0; }
  header .wrap:has(nav.open) .search-control::before { content: 'Kërko produktet' !important; font-size: 16px; }
  header nav.open { padding: 120px 28px 100px !important; }
  header nav.open > a { width: 100%; padding-bottom: 12px; border-bottom: 1px solid #333; font-size: 24px !important; font-weight: 500; }
  header nav.open > a.active { color: var(--orange); }
  header nav.open .mobile-menu-social {
    width: calc(100% + 56px);
    margin-left: -28px;
    padding-left: 28px;
    padding-right: 28px;
    justify-content: flex-start;
    gap: 16px;
    border-top: 0;
    padding-top: 12px;
    flex-wrap: wrap;
  }
  header nav.open .mobile-menu-social::before { display: none !important; content: none !important; flex: 0 0 100%; color: #888; font: 600 11px/1 'Work Sans', sans-serif; letter-spacing: .12em; }
  html[lang="en"] header nav.open .mobile-menu-social::before { content: 'CONTACT US'; }
  html[lang="en"] header .wrap:has(nav.open) .search-control::before { content: 'Search products' !important; }
  header nav.open .mobile-menu-social a { width: 34px; height: 34px; border: 1px solid #555; border-radius: 50%; font-size: 22px !important; font-weight: 400; color: #ddd; }
  header nav.open .mobile-menu-social a:hover { border-color: var(--orange); background: rgba(237,87,8,.08); }
  header nav.open .mobile-menu-social svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  header nav.open .mobile-menu-social a:nth-child(3) svg { fill: currentColor; stroke: none; }
  header nav.open > a { border-bottom: 0 !important; padding-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 .mobile-menu-social { position: static !important; display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; margin: auto 0 0 !important; padding: 18px 0 0 !important; border-top: 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 .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; }
}

/* Desktop rollback: preserve the original brand wall proportions. */
/* Exclusivity note is intentionally mobile-only. */
@media (min-width: 561px) { .brands-exclusive { display: none !important; } }
@media (max-width: 560px) {
  .brands-exclusive {
    display: block;
    margin: 10px 0 0;
    color: #c7c0b8;
    font: 500 12px/1.45 'Work Sans', sans-serif;
  }
  .brands-exclusive-en { display: none; }
  html[lang="en"] .brands-exclusive-sq { display: none; }
  html[lang="en"] .brands-exclusive-en { display: inline; }
}
@media (min-width: 901px) {
  .brands .supplier-links {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    align-items: center;
    gap: 14px;
    overflow: visible !important;
    scroll-snap-type: none;
  }
  .brands .supplier-links a {
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    padding: 24px;
  }
  .brands .supplier-links a:nth-child(1) img,
  .brands .supplier-links a:nth-child(2) img,
  .brands .supplier-links a:nth-child(6) img,
  .brands .supplier-links a:nth-child(7) img { max-width: 150px !important; }
  .brands .supplier-links a:nth-child(3) img { max-width: 128px !important; }
  .brands .supplier-links a:nth-child(4) img { max-width: 92px !important; }
  .brands .supplier-links a:nth-child(5) img { max-width: 112px !important; }
}

/* Mobile refinement for the architecture library section only. */
@media (max-width: 560px) {
  .contact { padding: 50px 0 58px !important; }
  .contact .wrap { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
  .contact h2 { font-size: 31px !important; line-height: 1.12 !important; margin: 0 0 10px !important; }
  .contact p { font-size: 14px !important; line-height: 1.55 !important; margin: 0 !important; }
  .contact .contact-phone { margin: 12px 0 0 !important; padding-left: 28px !important; font-size: 20px !important; line-height: 1.2 !important; }
  .contact .contact-phone::before { font-size: 19px !important; }
  .brands { padding: 62px 0 68px !important; }
  .brands h2 { font-size: 30px !important; line-height: 1.12 !important; margin-bottom: 0 !important; }
  .brands .supplier-links { gap: 10px !important; margin-top: 30px !important; padding-bottom: 2px !important; }
  .brands .supplier-links a { flex-basis: calc((100% - 20px) / 3) !important; aspect-ratio: 1.45 / 1 !important; padding: 10px !important; }
  .brands .supplier-links a img { max-width: 100% !important; max-height: 32px !important; }
  .brands .supplier-links a:nth-child(1) { order: 2; }
  .brands .supplier-links a:nth-child(2) { order: 1; }
  .brands .supplier-links a:nth-child(3) { order: 3; }
  .brands .supplier-links a:nth-child(3) img { transform: scale(.86); }
  .brands .supplier-links a:nth-child(4) img { transform: scale(1.34); }
  #categories { padding: 68px 0 74px !important; }
  #categories .heading { margin-bottom: 34px !important; padding: 0 8px; }
  #categories .heading h2 { font-size: 32px !important; line-height: 1.12 !important; margin-bottom: 14px !important; }
  #categories .heading > p:last-child { font-size: 14px !important; line-height: 1.55 !important; }
  #projects { padding: 64px 0 72px !important; }
  #projects .heading { margin-bottom: 30px !important; }
  #projects .heading h2 { font-size: 32px !important; line-height: 1.12 !important; margin-bottom: 0 !important; }
  #projects .project-grid { gap: 10px !important; }
  #projects .project1 { min-height: 380px !important; }
  #projects .project-grid > div { gap: 10px !important; }
  #projects .project-grid > div a { min-height: 220px !important; padding: 20px !important; }
  #projects .project-grid b { font-size: 12px !important; letter-spacing: .03em; }
  #pro .pro-photo { min-height: 330px !important; }
  #pro .pro-copy { padding: 58px 24px 64px !important; }
  #pro .pro-copy h2 { font-size: 32px !important; line-height: 1.1 !important; margin-bottom: 18px !important; }
  #pro .pro-copy > p:not(.eyebrow) { font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 24px !important; }
  #pro .pro-copy ul { margin-bottom: 28px !important; }
  #pro .pro-copy li { gap: 14px !important; padding: 12px 0 !important; font-size: 12px !important; }
  #pro .pro-copy li span { font-size: 12px !important; line-height: 1.4 !important; }
  #pro .pro-copy .button { min-height: 50px !important; padding: 0 22px !important; font-size: 11px !important; }
  #showroom .show-photo { min-height: 320px !important; }
  #showroom .show-copy { padding: 56px 24px 62px !important; }
  #showroom .show-copy h2 { font-size: 32px !important; line-height: 1.1 !important; margin-bottom: 18px !important; }
  #showroom .show-copy > p:not(.eyebrow) { font-size: 15px !important; line-height: 1.6 !important; }
  #showroom .show-copy .show-meta { display: flex !important; align-items: center !important; gap: 9px !important; font-size: 13px !important; line-height: 1.45 !important; margin: 10px 0 0 !important; color: #ccc !important; }
  #showroom .show-copy .show-meta-icon { flex: 0 0 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; color: #fff; }
  #showroom .show-copy .button { min-height: 50px !important; margin-top: 26px !important; padding: 0 22px !important; font-size: 11px !important; }
  #consultation { padding: 58px 0 64px !important; }
  .contact .contact-phone { display: inline-flex !important; align-items: center !important; min-height: 48px !important; }
  .contact .contact-phone::before { content: '☎' !important; }
  #consultation > .wrap { gap: 34px !important; }
  #consultation .finder-copy h2 { font-size: 32px !important; line-height: 1.12 !important; margin-bottom: 18px !important; }
  #consultation .finder-copy > p:not(.eyebrow) { font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 22px !important; }
  #consultation .finder-link { font-size: 14px !important; padding-bottom: 6px !important; }
  #consultation .finder-lead { padding: 28px 20px 24px !important; }
  #consultation .lead-heading h3 { font-size: 26px !important; margin-bottom: 22px !important; }
  #consultation .lead-form { gap: 18px !important; }
  #consultation .lead-form input, #consultation .lead-form select { padding: 10px 0 !important; }
  .products { padding: 64px 0 72px !important; }
  .products .title-row { margin-bottom: 30px !important; gap: 14px !important; }
  .products .title-row h2 { font-size: 32px !important; line-height: 1.12 !important; }
  .products .title-row > a { font-size: 11px !important; }
  .products .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .products .product-grid article { padding: 12px 12px 18px !important; }
  .products .product-grid article > div { height: 190px !important; margin-bottom: 16px !important; }
  .products .product-grid small { font-size: 9px !important; }
  .products .product-grid h3 { font-size: 15px !important; line-height: 1.2 !important; margin: 8px 0 6px !important; }
  .products .product-grid p { font-size: 11px !important; line-height: 1.4 !important; margin: 0 !important; }
  .hero { min-height: 640px !important; }
  .hero:before, .hero-media { background-size: auto 120% !important; background-position: 73% bottom !important; }
  .hero .wrap { padding-top: 24px !important; padding-bottom: 24px !important; }
  .hero h1 { font-size: 38px !important; line-height: 1.06 !important; }
  .hero p:not(.eyebrow) { font-size: 16px !important; line-height: 1.55 !important; margin: 22px 0 28px !important; }
  .hero .button:not(.line) { width: fit-content !important; min-height: 52px !important; padding: 0 24px !important; font-size: 11px !important; }
  .categories { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .categories a { height: 220px !important; padding: 16px !important; }
  .categories b { font-size: 14px !important; line-height: 1.25 !important; gap: 8px; }
  .categories b::after { font-size: 18px !important; }
  .pro-library-intro { min-height: 0 !important; padding: 48px 24px 44px !important; }
  .pro-library-intro .eyebrow { margin-bottom: 22px !important; }
  .pro-library-intro > p:not(.eyebrow) { font-size: 16px !important; line-height: 1.5 !important; }
  .pro-library-intro .button { width: fit-content !important; min-height: 50px !important; margin-top: 24px !important; padding-left: 22px !important; padding-right: 22px !important; }
  .pro-library-visual { min-height: 0 !important; padding: 44px 24px 38px !important; }
  .pro-library-heading h2 { font-size: 32px !important; margin-bottom: 14px !important; }
  .pro-library-heading p { font-size: 14px !important; line-height: 1.55 !important; }
  .pro-library-cards { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 32px !important; }
  .pro-library-cards a { width: 100% !important; aspect-ratio: 1.4 / 1; padding: 12px 12px 10px; }
  .pro-library-cards span { font-size: 13px !important; line-height: 1.35 !important; }
  .pro-library-cards i { font-size: 19px !important; transform: scaleX(.72); transform-origin: right center; }
  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 { 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-link { display: inline-flex !important; width: 44px !important; height: 44px !important; margin: 0 !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 (min-width: 901px) {
  .brands .supplier-links a:nth-child(1) img,
  .brands .supplier-links a:nth-child(2) img,
  .brands .supplier-links a:nth-child(6) img,
  .brands .supplier-links a:nth-child(7) img { max-width: 180px !important; }
  .brands .supplier-links a:nth-child(3) img { max-width: 150px !important; }
  .brands .supplier-links a:nth-child(4) img,
  .brands .supplier-links a:nth-child(5) img { max-width: 110px !important; }
}