/* Thermal Group v2.0.22: targeted responsive polish. No global resets. */
/* 1. SHERBIMET: CTA links share the same baseline, padding and width. */
.tgsv-page .tgsv-cta-actions{align-items:stretch;min-width:215px;width:215px;gap:11px}
.tgsv-page .tgsv-cta-actions .tgsv-btn,
.tgsv-page .tgsv-cta-actions .tgsv-cta-link{box-sizing:border-box;width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:14px;white-space:nowrap;font-size:12px}
.tgsv-page .tgsv-cta-actions .tgsv-cta-link{border:1px solid rgba(255,255,255,.40);border-radius:5px;background:rgba(255,255,255,.035);transition:background .25s,border-color .25s,transform .25s}
.tgsv-page .tgsv-cta-actions .tgsv-cta-link:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.8);transform:translateY(-2px)}
/* 4. KERKO OFERTE: clear object-type instruction on desktop. */
.quote-page .quote-project-selection{position:relative}
.quote-page .quote-project-selection h3{font-size:14px;line-height:1.3;color:#fff;font-weight:800;margin:0 0 7px;letter-spacing:-.01em}
.quote-page .quote-project-selection h3 span{color:#ff5060}
.quote-page .quote-project-help{font-size:10px;font-weight:500;line-height:1.5;color:#d4e0f0;margin:0 0 18px}
.quote-page .quote-mobile-project-slot:empty{display:none}
@media(max-width:820px){
  /* 2. PER NE: photo behind the words, not an extra picture below them. */
  .about195-page .about195-hero{height:auto;min-height:500px;padding:0;background:#101f43;display:flex;align-items:center;isolation:isolate}
  .about195-page .about195-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center;opacity:1;filter:brightness(.82)}
  .about195-page .about195-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,24,57,.90) 0%,rgba(10,29,63,.80) 51%,rgba(9,27,61,.56) 100%)}
  .about195-page .about195-hero-inner{position:relative;z-index:2;width:calc(100% - 44px);height:auto;margin:0 auto;display:flex;align-items:center;padding-top:64px;padding-bottom:64px}
  .about195-page .about195-hero-copy{width:100%;max-width:570px;margin:0}
  .about195-page .about195-hero-copy h1{color:#fff;text-shadow:0 2px 12px rgba(5,17,40,.12)}
  .about195-page .about195-hero-copy p{color:#eff5ff;max-width:520px;font-size:14px;line-height:1.6;text-shadow:0 1px 6px rgba(5,17,40,.24)}
  .about195-page .about195-hero .about195-eyebrow{color:#f0f5ff}
  .about195-page .about195-hero .about195-eyebrow:before{background:#f11626}
  /* 4. Mobile: only the selection moves; the info/photo panel remains after the form. */
  .quote-page .quote-mobile-project-slot:not(:empty){display:block;margin:20px 0 25px}
  .quote-page .quote-mobile-project-slot .quote-project-selection{background:linear-gradient(128deg,#263e73 0%,#182b55 100%);padding:22px 20px 23px;border-radius:9px;border-top:3px solid #f11626;box-shadow:0 9px 24px rgba(15,35,70,.09)}
  .quote-page .quote-mobile-project-slot .quote-project-selection h3{font-size:17px;margin-bottom:7px;color:white}
  .quote-page .quote-mobile-project-slot .quote-project-help{font-size:11px;margin-bottom:18px;color:#dde7fa}
  .quote-page .quote-mobile-project-slot .quote-project-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
  .quote-page .quote-mobile-project-slot .quote-project-option{width:auto;min-width:0}
  .quote-page .quote-mobile-project-slot .quote-project-label{font-size:11px;line-height:1.3}
  .quote-page .quote-mobile-project-slot .quote-project-error{font-size:11px;color:#ffb9c0}
  /* 3. Mobile footer: brand intro, two columns of links, clear contact actions. */
  .site-footer{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 0!important;border-top:3px solid #f11626;background:linear-gradient(133deg,#263e73 0%,#1d305c 49%,#142548 100%)!important}
  .site-footer:before{content:"";position:absolute;top:-130px;right:-110px;width:235px;height:450px;transform:rotate(35deg);background:linear-gradient(180deg,rgba(241,22,38,.18),rgba(241,22,38,0));pointer-events:none;z-index:-1}
  .site-footer .footer-inner{width:min(100% - 36px,680px);max-width:none;margin:0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px;row-gap:25px}
  .site-footer .footer-brand{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:20px;align-items:center;padding:0 0 24px!important;margin:0;border-bottom:1px solid rgba(255,255,255,.23);min-width:0}
  .site-footer .footer-brand img{display:block;width:100%!important;max-width:140px!important;height:auto!important;object-fit:contain;margin:0!important}
  .site-footer .footer-brand p{font-size:11px!important;line-height:1.65!important;max-width:none!important;margin:0!important;color:#dce8fa;font-weight:500}
  .site-footer .footer-col{grid-column:auto!important;min-width:0;border:0!important;padding:0!important;margin:0!important}
  .site-footer .footer-col h4{font-size:12px!important;line-height:1.4!important;margin:0 0 12px!important;color:#fff;font-weight:800}
  .site-footer .footer-col h4:after{content:"";display:block;width:24px;height:2px;background:#f11626;margin-top:9px}
  .site-footer .footer-col a{display:block;font-size:11px!important;line-height:1.35!important;margin:0!important;padding:6px 0!important;color:#e1eafa!important;overflow-wrap:anywhere;text-decoration:none;transition:color .2s,transform .2s}
  .site-footer .footer-col a:hover{color:#fff!important;transform:translateX(3px)}
  .site-footer .footer-col:last-child{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:19px 0 28px!important;border-top:1px solid rgba(255,255,255,.23)!important}
  .site-footer .footer-col:last-child h4{grid-column:1/-1;margin-bottom:1px!important}
  .site-footer .footer-col:last-child a{display:flex;align-items:center;min-height:43px;padding:10px 12px!important;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.14);border-radius:7px;font-weight:600!important;font-size:10.5px!important;justify-content:center;text-align:center}
  .site-footer .footer-col:last-child a:hover{background:rgba(255,255,255,.17)}
}
@media(max-width:520px){
  .about195-page .about195-hero{min-height:530px;padding:0}
  .about195-page .about195-hero-art{height:100%;object-position:70% center}
  .about195-page .about195-hero-inner{width:calc(100% - 32px);padding-top:55px;padding-bottom:55px}
  .about195-page .about195-hero-copy h1{font-size:clamp(34px,9vw,42px);line-height:1.06;letter-spacing:-1.15px;margin-bottom:20px}
  .about195-page .about195-hero-copy p{font-size:12.5px;line-height:1.67;margin-bottom:25px}
  .quote-page .quote-mobile-project-slot .quote-project-selection{padding:21px 17px}
  .quote-page .quote-mobile-project-slot .quote-project-types{gap:18px 8px}
  .quote-page .quote-mobile-project-slot .quote-project-label{font-size:10.5px}
  .site-footer .footer-inner{width:calc(100% - 40px);column-gap:19px}
  .site-footer .footer-brand{grid-template-columns:125px minmax(0,1fr);gap:13px}
  .site-footer .footer-brand p{font-size:10px!important;line-height:1.55!important}
}
@media(max-width:350px){
  .site-footer .footer-brand{grid-template-columns:1fr;gap:14px}
  .site-footer .footer-brand img{max-width:145px!important}
  .quote-page .quote-mobile-project-slot .quote-project-types{grid-template-columns:1fr;gap:13px}
}
@media(prefers-reduced-motion:reduce){.tgsv-page .tgsv-cta-actions .tgsv-cta-link,.site-footer .footer-col a{transition:none!important}}