/* THERMAL GROUP — Mobile Polish v1 | 2026-10-23
   Additive, reversible. Does not change product data or admin settings.
   Loading is controlled by one tagged block in includes/footer.php. */
html.tgmp-on .tgmp-category-tools{display:none;}
html.tgmp-on { --tgmp-navy:#0F3969; --tgmp-red:#F11626; --tgmp-ink:#172E53; --tgmp-line:#D8E3EF; }

/* 1. Remove ALL default tiny red rules from the known card families.
   Intentionally preserve eyebrow/section-heading accents and active navigation. */
html.tgmp-on :is(.category-card,.product-card,.service-card,.catalog-product-card,.tgsv-service-card,.tg-contact-page .method)::before,
html.tgmp-on.tg233-on :is(.categories-section .category-card,.services-section .service-card,.featured-section .product-card,.catalog-product-card,.tg-contact-page .method)::before,
html.tgmp-on.tg233-on .tgsv-page .tgsv-service-card::before {
  width:0!important; opacity:0!important; background-color:var(--tgmp-red)!important;
  transition:width .42s cubic-bezier(.2,.8,.2,1),opacity .16s ease!important;
}
@media (hover:hover) and (pointer:fine) {
 html.tgmp-on :is(.category-card,.product-card,.service-card,.catalog-product-card,.tgsv-service-card,.tg-contact-page .method):is(:hover,:focus-within)::before,
 html.tgmp-on.tg233-on :is(.categories-section .category-card,.services-section .service-card,.featured-section .product-card,.catalog-product-card,.tg-contact-page .method):is(:hover,:focus-within)::before,
 html.tgmp-on.tg233-on .tgsv-page .tgsv-service-card:is(:hover,:focus-within)::before {width:100%!important;opacity:1!important;}
}
@media (hover:none),(pointer:coarse) {
 html.tgmp-on :is(.category-card,.product-card,.service-card,.catalog-product-card,.tgsv-service-card,.tg-contact-page .method)::before {width:0!important;opacity:0!important;}
}
/* Some templates define the small line using a top border/pseudo AFTER. */
html.tgmp-on .category-card,html.tgmp-on .product-card,html.tgmp-on .service-card,
html.tgmp-on .catalog-product-card,html.tgmp-on .tgsv-service-card {border-top-color:var(--tgmp-line)!important;}

/* 2. Unified icon treatment for the three product-detail promises. */
html.tgmp-on .detail-support-strip {
  background:#F9FBFE!important; border:1px solid var(--tgmp-line)!important;
  border-radius:10px!important; box-shadow:none!important; overflow:hidden;
}
html.tgmp-on .detail-support-strip>div {border-color:#E4EAF1!important;}
html.tgmp-on .detail-support-strip>div>span {display:grid!important;place-items:center!important;color:var(--tgmp-navy)!important;font-size:0!important;}
html.tgmp-on .detail-support-strip .tgmp-icon {display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;}
html.tgmp-on .detail-call-btn {gap:10px!important;}
html.tgmp-on .detail-call-btn>span:first-child{display:inline-grid;place-items:center;font-size:0!important;line-height:1!important;}
html.tgmp-on .detail-call-btn .tgmp-phone {display:block;width:21px;height:21px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}

/* 3. Mobile-first visual system: white field + very quiet CAD-style diagonals.
   The original hero image remains available and unchanged on desktop. */
@media (max-width:767px) {
 html.tgmp-on {overflow-x:clip;}
 html.tgmp-on body {overflow-x:clip;}
 html.tgmp-on :is(.hero.section-animate,.about195-hero,.catalog-hero,.tgsv-hero,.tg-contact-page .hero,.quote-hero) {
   background-color:#FBFCFF!important;
   background-image:
     linear-gradient(139deg, transparent 0 80%, rgba(15,57,105,.065) 80.08% 81.2%, transparent 81.3%),
     linear-gradient(139deg, transparent 0 86.6%, rgba(241,22,38,.46) 86.7% 86.95%, transparent 87.05%),
     linear-gradient(153deg,transparent 0 54%,rgba(15,57,105,.021) 54.1% 57%,transparent 57.1%),
     radial-gradient(ellipse at 80% 12%,rgba(163,192,220,.20),transparent 56%),
     linear-gradient(180deg,#FEFEFF 0%,#F3F7FC 100%) !important;
   background-position:center!important;background-repeat:no-repeat!important;
   background-size:cover!important;
   aspect-ratio:auto!important; height:auto!important; min-height:0!important;
   isolation:isolate!important;overflow:hidden!important;
 }
 /* Stop legacy mobile image overlays from fighting with the minimal field. */
 html.tgmp-on :is(.hero.section-animate,.about195-hero,.catalog-hero,.tgsv-hero,.tg-contact-page .hero,.quote-hero)::before,
 html.tgmp-on :is(.hero.section-animate,.about195-hero,.catalog-hero,.tgsv-hero,.tg-contact-page .hero,.quote-hero)::after {
   display:none!important;content:none!important;
 }
 html.tgmp-on .hero.section-animate .hero-inner {
   min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;
   padding:56px 0 60px!important;gap:0!important;
 }
 html.tgmp-on .hero.section-animate .hero-copy {
   width:100%!important;max-width:600px!important;color:var(--tgmp-ink)!important;
   padding:0!important;margin:0!important;transform:none!important;
 }
 html.tgmp-on .hero.section-animate .hero-copy h1 {
   font-size:clamp(29px,8.1vw,42px)!important;letter-spacing:-.047em!important;
   line-height:1.075!important;color:var(--tgmp-ink)!important;
   margin:0 0 18px!important;max-width:560px!important;
 }
 html.tgmp-on .hero.section-animate .hero-copy h1 span:not(.accent) {white-space:normal!important;}
 html.tgmp-on .hero.section-animate .hero-copy h1 .accent{color:var(--tgmp-red)!important;}
 html.tgmp-on .hero.section-animate .hero-copy .eyebrow{font-size:10px!important;color:var(--tgmp-navy)!important;letter-spacing:1.55px!important;margin-bottom:15px!important;}
 html.tgmp-on .hero.section-animate .hero-copy p{font-size:12.8px!important;line-height:1.65!important;color:#58708C!important;max-width:520px!important;margin:0 0 26px!important;}
 html.tgmp-on .hero.section-animate .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;}
 html.tgmp-on .hero.section-animate .hero-actions .btn {width:100%!important;min-width:0!important;min-height:49px!important;padding:11px 9px!important;font-size:clamp(10px,2.85vw,12px)!important;gap:4px!important;white-space:nowrap!important;box-shadow:none!important;}
 html.tgmp-on .hero.section-animate .hero-actions .btn-outline-red,
 html.tgmp-on .hero.section-animate .hero-actions .hero-products-cta {
   border:1px solid rgba(15,57,105,.35)!important;color:var(--tgmp-navy)!important;background:#fff!important;
 }
 html.tgmp-on .hero.section-animate .hero-actions .btn-outline-red:active{background:#EDF3FA!important;}

 /* About */
 html.tgmp-on .about195-page .about195-hero {display:flex!important;align-items:center!important;padding:0!important;}
 html.tgmp-on .about195-page .about195-hero-art {display:none!important;}
 html.tgmp-on .about195-page .about195-hero-inner {width:calc(100% - 32px)!important;min-height:0!important;height:auto!important;padding:60px 0 68px!important;}
 html.tgmp-on .about195-page .about195-hero-copy {width:100%!important;max-width:600px!important;transform:none!important;}
 html.tgmp-on .about195-page .about195-hero-copy :is(h1,h1 *,p,.about195-eyebrow){text-shadow:none!important;}
 html.tgmp-on .about195-page .about195-hero-copy h1 {color:var(--tgmp-ink)!important;font-size:clamp(31px,8.4vw,42px)!important;line-height:1.08!important;}
 html.tgmp-on .about195-page .about195-hero-copy p {color:#566E88!important;font-size:13px!important;line-height:1.6!important;}
 html.tgmp-on .about195-page .about195-hero-copy .about195-eyebrow {color:var(--tgmp-navy)!important;}

 /* Product catalog */
 html.tgmp-on .catalog-page-v200 .catalog-hero{display:flex!important;align-items:center!important;min-height:0!important;padding:0!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-art{display:none!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-inner{display:flex!important;min-height:0!important;height:auto!important;align-items:center!important;padding:55px 0 60px!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-copy{width:100%!important;max-width:570px!important;min-width:0!important;padding:0!important;transform:none!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-copy h1{color:var(--tgmp-ink)!important;font-size:clamp(28px,7.4vw,39px)!important;letter-spacing:-.035em!important;line-height:1.08!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-copy>p{color:#526E88!important;font-size:12.4px!important;line-height:1.6!important;max-width:510px!important;}
 html.tgmp-on .catalog-page-v200 .catalog-hero-copy .catalog-mini-line{color:var(--tgmp-navy)!important;}
 html.tgmp-on .catalog-page-v200 .catalog-benefits {position:static!important;background:none!important;color:var(--tgmp-navy)!important;}
 html.tgmp-on .catalog-page-v200 .catalog-benefits span {color:var(--tgmp-navy)!important;}

 /* Services */
 html.tgmp-on .tgsv-page .tgsv-hero {display:flex!important;align-items:center!important;padding:0!important;}
 html.tgmp-on .tgsv-page :is(.tgsv-hero-photo,.tgsv-hero-angle,.tgsv-hero-stripes,.tgsv-hero-bottom){display:none!important;}
 html.tgmp-on .tgsv-page .tgsv-hero-grid{display:flex!important;min-height:0!important;align-items:center!important;padding:58px 0 64px!important;}
 html.tgmp-on .tgsv-page .tgsv-hero-content{padding:0!important;margin:0!important;max-width:100%!important;transform:none!important;opacity:1!important;}
 html.tgmp-on .tgsv-page .tgsv-hero :is(h1,p,.tgsv-kicker){color:var(--tgmp-navy)!important;text-shadow:none!important;}
 html.tgmp-on .tgsv-page .tgsv-hero h1{font-size:clamp(31px,8vw,42px)!important;line-height:1.08!important;}
 html.tgmp-on .tgsv-page .tgsv-hero p{color:#526E88!important;font-size:12.8px!important;line-height:1.65!important;}
 html.tgmp-on .tgsv-page .tgsv-hero h1 em{color:var(--tgmp-red)!important;}

 /* Contact */
 html.tgmp-on .tg-contact-page .hero {padding:0!important;}
 html.tgmp-on .tg-contact-page :is(.hero-photo,.hero-edge,.hero-blueprint){display:none!important;}
 html.tgmp-on .tg-contact-page .hero-content{min-height:0!important;height:auto!important;padding:58px 0 64px!important;}
 html.tgmp-on .tg-contact-page .hero-copy{width:100%!important;max-width:100%!important;transform:none!important;color:var(--tgmp-navy)!important;}
 html.tgmp-on .tg-contact-page .hero :is(h1,.eyebrow){color:var(--tgmp-ink)!important;}
 html.tgmp-on .tg-contact-page .hero h1 span {color:var(--tgmp-red)!important;}
 html.tgmp-on .tg-contact-page .hero p {color:#536F89!important;font-size:12.8px!important;line-height:1.65!important;}
 html.tgmp-on .tg-contact-page .hero .text-link{color:var(--tgmp-navy)!important;}

 /* Quote */
 html.tgmp-on .quote-page .quote-hero {padding:0!important;}
 html.tgmp-on .quote-page .quote-hero-inner{display:flex!important;min-height:0!important;height:auto!important;align-items:center!important;padding:57px 0 63px!important;}
 html.tgmp-on .quote-page .quote-hero-copy{max-width:100%!important;width:100%!important;padding:0!important;}
 html.tgmp-on .quote-page .quote-hero h1{color:var(--tgmp-ink)!important;font-size:clamp(33px,8.7vw,44px)!important;line-height:1.05!important;}
 html.tgmp-on .quote-page .quote-hero p{color:#547088!important;font-size:12.8px!important;line-height:1.6!important;}

 /* 4. Mobile category slider: one large card plus a visible peek at the next. */
 html.tgmp-on .categories-section {padding-top:33px!important;padding-bottom:45px!important;overflow:hidden!important;}
 html.tgmp-on .categories-section .section-head h2 {font-size:clamp(23px,6.3vw,31px)!important;line-height:1.13!important;letter-spacing:-.04em!important;}
 html.tgmp-on .categories-section .category-grid {
   display:flex!important;grid-template-columns:none!important;gap:13px!important;
   margin-top:22px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;
   scroll-snap-type:x mandatory!important;scroll-padding-inline:3px!important;
   -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
   padding:4px 3px 14px!important;align-items:stretch!important;
 }
 html.tgmp-on .categories-section .category-grid::-webkit-scrollbar{display:none!important;}
 html.tgmp-on .categories-section .category-grid>.category-card{
   flex:0 0 min(76vw,310px)!important;min-width:0!important;max-width:none!important;
   height:284px!important;scroll-snap-align:start!important;scroll-snap-stop:normal!important;
   border:1px solid var(--tgmp-line)!important;border-radius:12px!important;
   background:#fff!important;box-shadow:0 7px 21px rgba(15,57,105,.065)!important;
   transform:none!important;opacity:1!important;visibility:visible!important;
 }
 html.tgmp-on .categories-section .category-image{height:220px!important;min-height:0!important;padding:17px!important;}
 html.tgmp-on .categories-section .category-image img{max-height:100%!important;max-width:100%!important;object-fit:contain!important;}
 html.tgmp-on .categories-section .category-bottom{margin-top:auto!important;padding:12px 14px 14px!important;font-size:12.5px!important;gap:8px!important;}
 html.tgmp-on .categories-section .category-bottom strong{color:var(--tgmp-ink)!important;}
 html.tgmp-on .categories-section .round-arrow{border-radius:7px!important;width:32px!important;height:32px!important;font-size:18px!important;}
 html.tgmp-on .tgmp-category-tools{display:flex;align-items:center;gap:12px;margin:2px 3px 0;color:var(--tgmp-navy);}
 html.tgmp-on .tgmp-category-progress{flex:1;height:2px;background:#DCE6F1;border-radius:3px;overflow:hidden;}
 html.tgmp-on .tgmp-category-progress>span{display:block;height:100%;width:0%;background:var(--tgmp-red);transition:width .25s ease;}
 html.tgmp-on .tgmp-category-count{font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:1.4px;font-variant-numeric:tabular-nums;}
 html.tgmp-on .tgmp-category-arrows{display:flex;gap:7px;}
 html.tgmp-on .tgmp-category-arrow{display:grid;place-items:center;width:35px;height:35px;background:#fff;border:1px solid #D3DFEB;border-radius:50%;color:var(--tgmp-navy);font-size:19px;cursor:pointer;}
 html.tgmp-on .tgmp-category-arrow:disabled{opacity:.35;cursor:default;}
 html.tgmp-on .tgmp-category-arrow:focus-visible{outline:2px solid var(--tgmp-red);outline-offset:2px;}

 /* 5. Mobile layout spacing and touch comfort. */
 html.tgmp-on :is(.categories-section,.featured-section,.services-section) .section-head h2{overflow-wrap:break-word!important;}
 html.tgmp-on .featured-section{padding-top:37px!important;padding-bottom:43px!important;}
 html.tgmp-on .services-section{padding-top:40px!important;padding-bottom:44px!important;}
 html.tgmp-on .service-card{border-color:var(--tgmp-line)!important;border-radius:10px!important;}
 html.tgmp-on .service-card p{font-size:clamp(9px,2.5vw,11px)!important;line-height:1.42!important;}
 html.tgmp-on .service-card strong{font-size:11.5px!important;}
 html.tgmp-on .btn,html.tgmp-on .round-arrow{touch-action:manipulation;}
 html.tgmp-on .detail-support-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 html.tgmp-on .detail-support-strip>div{min-height:69px!important;display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px 6px!important;padding:10px 7px!important;border-top:0!important;border-left:1px solid #E4EAF1!important;align-content:center!important;}
 html.tgmp-on .detail-support-strip>div:first-child{border-left:0!important;}
 html.tgmp-on .detail-support-strip>div>span{grid-row:1/3!important;align-self:center!important;}
 html.tgmp-on .detail-support-strip .tgmp-icon{width:19px;height:19px;}
 html.tgmp-on .detail-support-strip strong{font-size:clamp(7.2px,1.85vw,9px)!important;line-height:1.28!important;overflow-wrap:anywhere!important;}
 html.tgmp-on .detail-support-strip small{font-size:clamp(6.8px,1.62vw,8px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;margin:0!important;}
 html.tgmp-on .detail-call-btn {min-height:54px!important;border-radius:8px!important;}
}
@media (max-width:360px) {
 html.tgmp-on .hero.section-animate .hero-actions{grid-template-columns:1fr!important;}
 html.tgmp-on .hero.section-animate .hero-inner{padding-top:44px!important;padding-bottom:47px!important;}
 html.tgmp-on .categories-section .category-grid>.category-card{flex-basis:82vw!important;}
}
@media (prefers-reduced-motion:reduce) {
 html.tgmp-on .tgmp-category-progress>span{transition:none!important;}
}

/* Thermal Group Mobile Polish V2 – refinements to V1, 23 October 2026.
   HTML and data stay untouched; rules are opt-in via class set by v2 JS. */
html.tgmp-v2 { --tgmp-v2-ink:#253967; --tgmp-v2-blue:#0F3969; --tgmp-v2-red:#F11626; }

/* Seamless mobile hero. Every page uses white, not a visible blue-grey tile.
   Delicate, clipped architectural linework stops well before the next section. */
@media (max-width:767px) {
 html.tgmp-v2 :is(.hero.section-animate,.about195-page .about195-hero,.catalog-page-v200 .catalog-hero,.tgsv-page .tgsv-hero,.tg-contact-page .hero,.quote-page .quote-hero),
 html.tgmp-v2 .hero.section-animate[style*="hero-heat-pumps.png"] {
   background:#fff !important; background-image:none !important;
   background-color:#fff !important; background-position:center!important;
   min-height:0 !important; height:auto!important; aspect-ratio:auto!important;
   box-shadow:none!important;
 }
 html.tgmp-v2 :is(.hero.section-animate,.about195-page .about195-hero,.catalog-page-v200 .catalog-hero,.tgsv-page .tgsv-hero,.tg-contact-page .hero,.quote-page .quote-hero)::before {
   display:none!important;content:none!important;
 }
 html.tgmp-v2 :is(.hero.section-animate,.about195-page .about195-hero,.catalog-page-v200 .catalog-hero,.tgsv-page .tgsv-hero,.tg-contact-page .hero,.quote-page .quote-hero)::after,
 html.tgmp-v2 .hero.section-animate[style*="hero-heat-pumps.png"]::after {
   content:""!important;display:block!important;
   position:absolute!important;inset:0 0 auto auto!important;
   width:75%!important;height:94%!important;
   z-index:0!important;pointer-events:none!important;
   background:
    linear-gradient(138deg,transparent 0 54.8%,rgba(15,57,105,.075) 54.9% 55.23%,transparent 55.3%),
    linear-gradient(138deg,transparent 0 66.8%,rgba(15,57,105,.048) 66.9% 67.5%,transparent 67.6%),
    linear-gradient(138deg,transparent 0 82.5%,rgba(241,22,38,.20) 82.6% 82.84%,transparent 82.95%)!important;
   -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 48%,transparent 93%)!important;
   mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 48%,transparent 93%)!important;
   opacity:1!important;
 }
 html.tgmp-v2 .hero.section-animate .hero-inner,
 html.tgmp-v2 .hero.section-animate[style*="hero-heat-pumps.png"] .hero-inner {
   position:relative!important;z-index:1!important;
   min-height:0!important;height:auto!important;
   padding:48px 0 49px!important;
   align-items:center!important;
 }
 html.tgmp-v2 .hero.section-animate .hero-copy{position:relative;z-index:1;}
 html.tgmp-v2 .hero.section-animate .hero-copy p{color:#586b84!important;}
 html.tgmp-v2 .hero.section-animate .hero-actions .hero-about-cta{
   background:var(--tgmp-v2-red)!important;color:#fff!important;border-color:var(--tgmp-v2-red)!important;
 }
 html.tgmp-v2 .categories-section{background:#fff!important;border-top:0!important;}
 html.tgmp-v2 .categories-section .container{background:transparent!important;}
}

/* Category showcase: same content and links, new spatial presentation.
   An interactive, numbered architectural gallery, not the existing product carousel. */
html.tgmp-v2 .categories-section {
 background:#fff!important;overflow:hidden!important;
 padding-top:39px!important;padding-bottom:36px!important;
}
html.tgmp-v2 .categories-section .section-head {position:relative;z-index:2;}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready {
 --tgmp-card-width:clamp(302px,31vw,410px);
 --tgmp-card-offset:calc(var(--tgmp-card-width) * .87);
 display:block!important;position:relative!important;
 box-sizing:border-box!important;
 width:min(100vw,1500px)!important;
 height:350px!important;
 margin-top:19px!important;
 margin-left:calc(50% - min(50vw,750px))!important;
 padding:0!important;gap:0!important;
 overflow:visible!important;scroll-snap-type:none!important;
 scroll-padding:0!important;touch-action:pan-y!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card {
 box-sizing:border-box!important;
 position:absolute!important;left:50%!important;top:10px!important;
 width:var(--tgmp-card-width)!important;height:308px!important;
 min-width:0!important;max-width:none!important;
 display:flex!important;grid-column:auto!important;
 background:#fff!important;
 border:1px solid #d9e1ee!important;border-radius:15px!important;
 box-shadow:0 12px 40px rgba(15,57,105,.068)!important;
 overflow:hidden!important;
 transform:translate3d(-50%,13px,0) scale(.78)!important;
 opacity:0!important;visibility:hidden!important;
 z-index:0!important;pointer-events:none!important;
 transition:transform .53s cubic-bezier(.2,.76,.22,1),opacity .37s ease,box-shadow .37s ease,visibility .37s!important;
 transition-delay:0ms!important;
 will-change:transform,opacity;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="active"] {
 transform:translate3d(-50%,0,0) scale(1)!important;
 opacity:1!important;visibility:visible!important;
 z-index:5!important;pointer-events:auto!important;
 border-color:#bccde2!important;
 box-shadow:0 18px 46px rgba(15,57,105,.15)!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="prev"] {
 transform:translate3d(calc(-50% - var(--tgmp-card-offset)),13px,0) scale(.88)!important;
 opacity:.62!important;visibility:visible!important;
 z-index:3!important;pointer-events:auto!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="next"] {
 transform:translate3d(calc(-50% + var(--tgmp-card-offset)),13px,0) scale(.88)!important;
 opacity:.62!important;visibility:visible!important;
 z-index:3!important;pointer-events:auto!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="far-prev"] {
 transform:translate3d(calc(-50% - var(--tgmp-card-offset) * 1.88),18px,0) scale(.72)!important;
 opacity:.23!important;visibility:visible!important;z-index:1!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="far-next"] {
 transform:translate3d(calc(-50% + var(--tgmp-card-offset) * 1.88),18px,0) scale(.72)!important;
 opacity:.23!important;visibility:visible!important;z-index:1!important;
}
/* Active card has a quiet navy corner accent and index, never a persistent red bar. */
html.tgmp-v2 .category-grid.tgmp-cat-ready > .category-card::after {
 content:attr(data-tgmp-index)!important;
 position:absolute;top:14px;left:16px;z-index:2;
 display:grid;place-items:center;width:36px;height:26px;
 border:1px solid #d7e3f0;border-radius:6px;
 background:#f9fbff;color:#8192aa;
 font-size:11px;font-weight:800;letter-spacing:.1em;
}
html.tgmp-v2 .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="active"]::after {
 color:#0F3969;background:#f0f5fb;border-color:#cbd9ec;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-image {
 flex:1 1 auto!important;min-height:0!important;
 height:auto!important;max-height:none!important;
 padding:30px 30px 12px!important;
 background:radial-gradient(ellipse at 50% 60%,#f6f9fc 0%,#fff 68%)!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-image img {
 max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
 object-fit:contain!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-bottom {
 flex:0 0 auto;min-height:56px!important;
 font-size:14px!important;padding:11px 18px 15px!important;
 border-top:1px solid #edf1f6;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-bottom strong {
 font-size:14px!important;letter-spacing:-.015em!important;color:#233966!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .round-arrow {
 width:34px!important;height:34px!important;border-radius:8px!important;
 background:#d02737!important;color:#fff!important;box-shadow:none!important;
}
html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-card:hover .round-arrow {
 background:#0F3969!important;
}
/* Centered, understated controls with numbered steps, never a duplicate of featured carousel dots. */
html.tgmp-v2 .tgmp-category-tools.tgmp-v2-tools {
 width:min(100%,460px)!important;margin:0 auto!important;
 display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;
 align-items:center!important;gap:15px!important;
 color:#0F3969!important;
}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-arrow {
 display:grid!important;place-items:center!important;
 height:42px!important;width:42px!important;
 background:#fff!important;border:1px solid #d2dded!important;
 border-radius:50%!important;color:#0F3969!important;
 font-size:20px!important;cursor:pointer!important;
 transition:background .2s,color .2s,border-color .2s!important;
}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-arrow:hover,
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-arrow:focus-visible {
 background:#0F3969!important;color:#fff!important;border-color:#0F3969!important;
}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-center{display:grid;justify-items:center;gap:8px;min-width:0;}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-count{font-size:11px!important;font-weight:800;letter-spacing:.14em;white-space:nowrap;}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-steps{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-step{
 flex:1 1 0;max-width:33px;min-width:10px;height:4px;padding:0;border:0;
 border-radius:30px;background:#d9e2f0;cursor:pointer;
 transition:background .2s,flex-grow .35s;
}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-step[aria-current="step"] {background:#F11626;flex-grow:1.35;}
html.tgmp-v2 .tgmp-v2-tools .tgmp-category-step:focus-visible{outline:2px solid #0F3969;outline-offset:4px;}
@media (min-width:768px) {
 html.tgmp-v2 .categories-section {padding-top:44px!important;padding-bottom:43px!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready{height:350px!important;}
}
@media (max-width:767px) {
 html.tgmp-v2 .categories-section {padding-top:36px!important;padding-bottom:38px!important;}
 html.tgmp-v2 .categories-section .section-head h2 {font-size:clamp(23px,6.25vw,29px)!important;line-height:1.15!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready {
   --tgmp-card-width:min(74vw,330px);
   --tgmp-card-offset:calc(var(--tgmp-card-width) * .86);
   width:100vw!important;margin-left:calc(50% - 50vw)!important;
   height:331px!important;margin-top:22px!important;
 }
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card {
   top:5px!important;height:300px!important;border-radius:14px!important;
 }
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-image{padding:31px 22px 8px!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-bottom{padding:10px 14px 12px!important;min-height:54px!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready .category-bottom strong{font-size:12.5px!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="prev"],
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="next"] {opacity:.46!important;}
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="far-prev"],
 html.tgmp-v2 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="far-next"] {visibility:hidden!important;opacity:0!important;}
 html.tgmp-v2 .tgmp-category-tools.tgmp-v2-tools {width:min(100%,288px)!important;gap:12px!important;grid-template-columns:38px minmax(0,1fr) 38px!important;}
 html.tgmp-v2 .tgmp-v2-tools .tgmp-category-arrow{width:38px!important;height:38px!important;}
}
@media (prefers-reduced-motion:reduce) {
 html.tgmp-v2 .category-grid.tgmp-cat-ready > .category-card,
 html.tgmp-v2 .tgmp-v2-tools .tgmp-category-step {transition:none!important;}
}


/* Thermal Group Mobile Polish V3 — category and catalog refinements.
   All desktop category geometry remains exactly as V2. */
html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready > .category-card::after,
html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready > .category-card[data-tgmp-position="active"]::after {
  content:none!important;display:none!important;visibility:hidden!important;
}
/* Only the Produktet page benefits row under the hero is removed. */
html.tgmp-v3 .catalog-page-v200 .catalog-hero .catalog-benefits {display:none!important;}
/* Product hero on desktop: same image, recolored directly to the official
   #0F3969 family, while product photos on the right retain their original pixels. */
@media (min-width:768px) {
 html.tgmp-v3 .catalog-page-v200 .catalog-hero {background:#0F3969!important;}
 html.tgmp-v3 .catalog-page-v200 .catalog-hero-art {
   background:#0F3969 url('/assets/tg-mobile-polish-v3/catalog-hero-brand.webp') center/cover no-repeat!important;
 }
 html.tgmp-v3 .catalog-page-v200 .catalog-hero-art > img {opacity:0!important;}
 html.tgmp-v3 .catalog-page-v200 .catalog-hero::before,
 html.tgmp-v3 .catalog-page-v200 .catalog-hero::after {display:none!important;content:none!important;}
 html.tgmp-v3 .catalog-page-v200 .catalog-hero-copy>p {margin-bottom:0!important;}
}
/* Mobile: match the brand colors for all hero text, preserving V2 white treatment. */
@media (max-width:767px) {
 html.tgmp-v3 .catalog-page-v200 .catalog-hero-copy h1 {color:#0F3969!important;}
 html.tgmp-v3 .catalog-page-v200 .catalog-hero-copy>p {margin-bottom:0!important;}
 /* Featured-products-inspired carousel: taller center stage, banked outer cards,
    tactile 3D movement; no number badges and no copied dark-blue background. */
 html.tgmp-v3 .categories-section {
   background:#fff!important;padding-top:34px!important;padding-bottom:42px!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready {
   --tgmp-card-width:min(75vw,322px);
   --tgmp-card-offset:calc(var(--tgmp-card-width) * .88);
   height:396px!important;
   margin-top:20px!important;
   perspective:1100px!important;
   perspective-origin:center 45%!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card {
   height:355px!important;top:14px!important;
   border-radius:13px!important;
   transform-origin:center center!important;
   backface-visibility:hidden!important;
   transition:transform .64s cubic-bezier(.18,.82,.25,1),opacity .55s ease,
     filter .55s ease,box-shadow .55s ease,visibility .55s!important;
   filter:saturate(.92)!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card[data-tgmp-position="active"] {
   transform:translate3d(-50%,0,48px) rotateY(0deg) scale(1)!important;
   opacity:1!important;filter:brightness(1) saturate(1)!important;
   z-index:6!important;
   box-shadow:0 15px 34px rgba(15,57,105,.16)!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card[data-tgmp-position="prev"] {
   transform:translate3d(calc(-50% - var(--tgmp-card-offset)),18px,-70px) rotateY(27deg) scale(.87)!important;
   opacity:.62!important;filter:brightness(.91) saturate(.78)!important;
   z-index:3!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card[data-tgmp-position="next"] {
   transform:translate3d(calc(-50% + var(--tgmp-card-offset)),18px,-70px) rotateY(-27deg) scale(.87)!important;
   opacity:.62!important;filter:brightness(.91) saturate(.78)!important;
   z-index:3!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card[data-tgmp-position="far-prev"],
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card[data-tgmp-position="far-next"] {
   opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready .category-image {
   padding:18px 22px 14px!important;
   background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready .category-bottom {
   min-height:61px!important;padding:12px 14px 14px!important;
 }
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready .category-bottom strong {
   font-size:13.5px!important;
 }
 html.tgmp-v3 .categories-section .tgmp-v2-tools .tgmp-category-arrow {
   background:#fff!important;color:#0F3969!important;
 }
 html.tgmp-v3 .categories-section .tgmp-category-tools.tgmp-v2-tools {
   width:min(100%,306px)!important;
   margin-top:-1px!important;
 }
}
@media (max-width:359px) {
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready {
   --tgmp-card-width:78vw;
   --tgmp-card-offset:calc(var(--tgmp-card-width) * .90);
 }
}
@media (prefers-reduced-motion:reduce){
 html.tgmp-v3 .categories-section .category-grid.tgmp-cat-ready>.category-card {transition:none!important;}
}