/* ============================================
   UNIVERSAL BRAND HERO TEMPLATE — CLEAN VERSION
   prefix: .brandhero-
============================================ */
p.brand-desc {
	font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
      color: var(--bs-secondary); 
    letter-spacing: 0.3px;

}

.system-arch-wrapper a {
 color: #2B2D42 !important;	
}
/* ---------- TITLES ---------- */
.brandhero-title {
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 5px;
    color: #2B2D42;
    margin-bottom: 5px;
    text-transform: uppercase;
}


.red-heading-bg {
    display: inline-block;        /* a szöveg méretére igazodik */
    background: #d62839;          /* a te Delta-piros színed */
    color: white;                 /* fehér szöveg */
    padding: 6px 12px;            /* elegáns belső tér */
    border-radius: 0px;           /* finoman lekerekítve */

}
.brandhero-title-sm {
    font-size: 25px;
    font-weight: 200 !important;
    letter-spacing: 5px;
    color: #2B2D42;
    margin-bottom: 5px;
    text-transform: uppercase;
}


.brandhero-subtitle {
    font-size: 20px;
    margin-bottom: 30px;
	color: var(--bs-secondary); 
}

.fixed-img {
    max-height: 600px !important;          /* tetszőleges fix magasság */
    width: 100%;            /* a szélesség igazodjon a konténerhez */
    object-fit: cover;      /* vágja a képet, de ne torzuljon */
    object-position: center; /* középre igazítva */
}


@media (max-width: 768px) {
    .brandhero-title {
        font-size: 24px;
        letter-spacing: 1.5px;
        line-height: 1.25;
        word-break: break-word;
        text-align: left;
        margin-bottom: 10px;
    }

    .brandhero-subtitle {
        font-size: 16px;
        line-height: 1.3;
    }
}


/* ---------- LAYOUT ---------- */
.brandhero-section {
    padding: 10px 15px 20px;
    position: relative;

}

.brandhero-wrapper {
    display: flex;
    gap: 60px;
}

.brandhero-right {
    width: 75%;
	    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border-radius: 6px; /* ha kell */

}

.brandhero-left {
    width: 25%;
    padding-top: 50px;
}

.brandhero-swiper {
    width: 100%;
    height: 350px;
}


/* ---------- SLIDE (ALAP + COVER FIX) ---------- */
.swiper-slide {
    position: relative;
    overflow: hidden;
}

.swiper-slide img,
.swiper-slide video,
.swiper-slide iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ---------- YOUTUBE WRAPPER ---------- */
.brandhero-yt-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.brandhero-yt-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}


/* ---------- LEFT MENU ---------- */
.brandhero-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.brandhero-left li {
    padding: 6px 8px;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    color: #2B2D42;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: .35s ease;
}

/* teljesen eltüntetjük a nyilat minden nézetben */
.brandhero-left li .brandhero-arrow-left {
    display: none !important;
}

/* ACTIVE (kiválasztott elem) – piros vonal + szöveg + erősebb */
.brandhero-left li.active {
    color: #d62839;
    border-left-color: #d62839;
    font-weight: 600;
    transform: translateX(6px);
}

/* HOVER – ugyanaz mint ACTIVE */
.brandhero-left li:hover {
    color: #d62839;
    border-left-color: #d62839;
    transform: translateX(6px);
}


/* ---------- DRAG HINT ---------- */
.brandhero-drag-hint {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50;
    pointer-events: none;
}

.brandhero-image-wrap {
    position: relative; 	
}

.brandhero-drag-circle {
    width: 48px;
    height: 48px;
    background: rgba(214,40,57,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    animation: brandheroDragMove 1.8s ease-in-out infinite;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

@keyframes brandheroDragMove {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(10px); }
    100% { transform: translateX(0); }
}


/* ============================================
    PREVIEW (YouTube borítókép + Play ikon)
============================================ */
.brandhero-preview-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.brandhero-preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- PLAY GOMB --- */
.brandhero-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    background: rgba(214,40,57,0.45);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .25s ease;
    animation: brandheroPulse 2.2s ease-in-out infinite;
}

.brandhero-play-btn i {
    font-size: 48px;
    color: white;
}

/* ---------- PULSE ANIMÁCIÓ ---------- */
@keyframes brandheroPulse {
    0%   { transform: translate(-50%, -50%) scale(1); }
    50%  { transform: translate(-50%, -50%) scale(1.12); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

/* Hover → élénkebb piros */
.brandhero-preview-wrap:hover .brandhero-play-btn {
    background: rgba(214,40,57,0.85);
}


/* ============================================
    MOBILE RESPONSIVE – MODERN TAB STYLE
============================================ */
@media (max-width: 768px) {

    .brandhero-wrapper {
        flex-direction: column;
    }

    .brandhero-left,
    .brandhero-right {
        width: 100%;
    }

    /* Mobil tab style list */
    .brandhero-left ul {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        gap: 22px;
        padding: 8px 0 12px;
        margin-bottom: 10px;
        scrollbar-width: none;
    }

    .brandhero-left ul::-webkit-scrollbar {
        display: none;
    }

    .brandhero-left li {
        flex: 0 0 auto;
        padding: 6px 0;
        font-size: 16px;
        font-weight: 500;
        color: #444;
        border: none;
        background: transparent !important;
        position: relative;
    }

    /* PIROS ALÁHÚZÁS – aktív elem */
    .brandhero-left li.active {
        color: #d62839;
        font-weight: 700;
    }

    .brandhero-left li.active::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 3px;
        background: #d62839;
        border-radius: 3px;
    }

    /* régi nyíl ikont eltüntetjük */
    .brandhero-left li .brandhero-arrow-left {
        display: none;
    }

    /* slider magasság */
    .brandhero-swiper {
        height: 350px;
    }
}


/* Desktop: kisebb hero slider magasság (kb. 75% a régihez képest) */
@media (min-width: 992px) {
    .brandhero-swiper {
        height: 400px; /* 650px ~ 75%-a */
		width:auto;
    }
}


/* ======================================
   BRAND COMPONENT - CARD ANIMATION (V1)
====================================== */

.brand-card {
    transition: all .35s ease;
    transform: translateY(0);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
}

.brand-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 18px 35px rgba(0,0,0,0.15);
}

/* Képkeret rögzített magassággal */
.brand-card .brand-img-wrapper {
    width: 100%;
    height: 180px;        /* ezt tetszés szerint növelhetjük */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

/* Kép stílus egységesen */
.brand-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;


    transition: transform .35s ease;
}

.brand-card:hover img {
    transform: scale(1.08);
}

.brand-card:hover img {
    transform: scale(1.08);
}

/* Cím kiemelése hoverkor */
.brand-card h5 {
    transition: color .3s ease;
}

.brand-card:hover h5 {
    color: #d62839; /* Delta Red */
}

.brand-card:hover h5 a{
  color:#d62839 !important; /* Delta Red */
  font-weight:bold;
}


/*Felsorolás jel kis nyil korben*/
.brand-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    list-style: none;
}

.brand-list li::before {
    content: "➜"; /* vagy: "→" ha finomabbat szeretnél */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #d62839; /* Delta red */
    font-weight: 600;
}


/* ============================================================
   ASYCUBE – WIDE LANDSCAPE KÁRTYÁK
============================================================ */



.asycube-wide-card {
    width: 100%;
    max-width: 1100px;
    height: 380px;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    display: flex;
    flex-direction: row;
    transition: .35s ease;
}

.asycube-wide-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 45px rgba(0,0,0,0.18);
}

/* Bal oldali kép */
.asycube-wide-card .wide-img {
    width: 55%;
    height: 100%;
    object-fit: cover;
    background: #f8f8f8;
    transition: .45s ease;
}

.asycube-wide-card:hover .wide-img {
    transform: scale(1.04);
}

/* Jobb oldali infóblokk */
.asycube-wide-card .wide-body {
    width: 45%;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.asycube-wide-card h3 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 14px;
    color: #034788;
}

.asycube-wide-card ul {
    padding-left: 18px;
    margin: 0;
}

.asycube-wide-card ul li {
    margin-bottom: 6px;
    color: #4a4a4a;
    font-size: 15px;
}


/* Mobil – egy oszlop, stacked */
@media (max-width: 768px) {
    .asycube-wide-card {
        flex-direction: column;
        height: auto;
    }

    .asycube-wide-card .wide-img {
        width: 100%;
        height: 260px;
    }

    .asycube-wide-card .wide-body {
        width: 100%;
        padding: 22px;
    }
}


/*nagy delta gomb piros
.btn-delta-cta {
    display: inline-block;
    padding: 16px 38px;
    background: #d62839; 
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: .35s ease;
    border: 2px solid #d62839;
    font-family: "Inter", "Poppins", sans-serif;
    text-transform: uppercase;
	width:90%;
}

/* Hover – elegáns sötétítés + finom felúszás
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(214, 40, 57, 0.25);
}
*/


/* Kis fülecske a jobb oldalon */
.off-cta {
    position: fixed;
    top: 120px;
    right: 0;
    background: #d62839;
    color: #fff;
    padding: 12px 14px;
    border-radius: 12px 0 0 12px;
    cursor: pointer;
    z-index: 3000;
    font-weight: 500;
    gap: 6px;
    display: flex;
    align-items: center;
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.off-cta:hover {
    background: #b82030;
}

/* ikon mindig látszik */
.off-cta i {
    font-size: 1.2rem;
}

/* SZÖVEG – alapból összehúzva */
.off-cta .offertext {
    display: inline-block;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0;
    transition: max-width .3s ease, opacity .3s ease, margin-left .3s ease;
}

/* amikor nyitott állapotban van */
.off-cta.open .offertext {
    max-width: 260px;    /* elég nagy, hogy kiférjen a szöveg */
    opacity: 1;
    margin-left: 6px;
}



/*arch wrapper*/

.system-arch-wrapper {
    position: relative;
    overflow: visible;
}

/* PIROS HÁTTÉR - FULLWIDTH */
.system-arch-bg {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 60%;
    background: #d62839;

    z-index: 0;
}

/* Tartalom a háttér fölött */
.system-arch-wrapper .container {
    position: relative;
    z-index: 2;
}

/* Mobil */
@media (max-width: 768px) {
    .system-arch-bg {
        height: 50%;
        top: 80px;
        border-radius: 0 0 0 0;
    }
}


/* ============================
   FÉL SZÉLESSÉGŰ PIROS SÁV
============================ */
.half-red-wrapper {
    position: relative;
    overflow: visible;
    margin-top: 60px;
    min-height: 260px; /* kell valami magasság */
}

.half-red-bg {
    position: absolute;
    top: 0;
    left: 50%;        
    width: 50vw;      
    height: 100%;
    background: #d62839;
    z-index: 1;

    display: flex;
    align-items: flex-end;
    padding: 10px; 
}

/* Szöveg az aljára igazítva */
.half-red-text {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.5;
}	


/* Mobilon teljes szélességű, halványabb */
@media (max-width: 768px) {
    .half-red-bg {
        width: 100%;
        height: 55%;
        border-radius: 0 0 0 0;
    }
}


/*robotlogok*/

.robot-card {
    width: 100%;
    height: 180px;          
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
}

.robot-logo {
    max-width: 80%;
    max-height: 70%;
    object-fit: contain;
    display: block;
}


/*DEFAULT BRAND HERO*/

.brand_default_section{
	padding:25px;
}


/*BRANDHERO KEP +OVERLAY*/

/* Kép konténer */
.brandhero-fullimage-wrap {
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* Háttérkép */
.brandhero-fullimage {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}




/*Új videos rész*/
/* A link legyen “kattintható” és diszkrét */
  #openNgMedia{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    font-weight:700;
  }

  /* Modalban a bal lista ne nyúljon túl hosszúra */
  #ngMediaList{
    max-height:60vh;
    overflow:auto;
    border-radius:.25rem;
  }

  /* Kisebb cím a player alatt */
  #ngMediaTitle{
    font-size:14px;
    line-height:1.3;
  }
  
   /* alap elem */
  #ngMediaList .list-group-item{
    background:#f6f7f9;
    border-color: rgba(0,0,0,.06);
    font-weight:600;
  }

  /* hover */
  #ngMediaList .list-group-item:hover{
    background:#e9eef6;
  }

  /* aktív elem */
  #ngMediaList .list-group-item.active{
    background:#2B2D42;      /* delta blue */
    border-color:#2B2D42;
    color:#fff;
  }

  /* aktív hover */
  #ngMediaList .list-group-item.active:hover{
    background:#2B2D42;
    border-color:#2B2D42;
  }
  
  
  .ng-mini-thumbs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.ng-mini-thumb{
  width:92px;
  border-radius:12px;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease;
}
.ng-mini-thumb:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.ng-mini-thumb img{
  width:100%;
  height:56px;
  object-fit:cover;
  display:block;
}

.ng-mini-thumb::after{
  content:"▶";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:800;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.05));
  opacity:.95;
  font-size:18px;
}

.ng-player-wrap{
  position:relative;
}

.ng-player-loader{
  position:absolute;
  inset:0;
  display:none;              /* alapból rejtve */
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  z-index:5;
}

.ng-player-loader.is-visible{
  display:flex;
}


/*Effimat extra*/
img.media-compact{
  width: 100%;
  max-width: 350px; 
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px){
  img.media-compact{
    max-width: 92vw;
  }
}

/* Effimat extra: kép legyen a szöveg felé igazítva desktopon */
@media (min-width: 992px){
  #sec-effimat_extra .col-lg-6:first-child .media-compact,
  #sec-effimat_extra .col-lg-6:nth-child(3) .media-compact{
    margin-left: auto;
    margin-right: 25px;   /* ne középre, hanem jobbra */
  }
}

#sec-effimat_extra .row{
  row-gap: 4rem;   /* állítsd: 2rem / 4rem */
}

.effimat-kpi-list{
  list-style: none;
  padding-left: 0;
  margin: 1rem 0 0;
}

.effimat-kpi-list li{
  position: relative;
  padding-left: 1.4rem;
  margin: .45rem 0;
}

.effimat-kpi-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: .7rem;    
  height: .7rem;
  background: #2B2D42; 
  border-radius: 50%;
  transform: translateY(-50%);
}
/* szöveg réteg */
#contact-divider .contact-divider-text{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 980px;

  font-weight: 700;
  color: #fff;

  /* alap (mobil) */
  font-size: 1.05rem;
  line-height: 1.45;
  letter-spacing: .02em;

  padding: .25rem .25rem;
  font-weight:normal;
}

/* tablet */
@media (min-width: 768px){
  #contact-divider .contact-divider-text{
    font-size: 0.8rem;
    line-height: 1.55;
    letter-spacing: .03em;
    max-width: 980px;
  }
}

/* nagy kijelző */
@media (min-width: 1200px){
  #contact-divider .contact-divider-text{
    font-size: 1.35rem;
    line-height: 1.6;
    letter-spacing: .04em;
    max-width: 1100px;
  }
}

/* EXPANDABLE WITH JS (univerzális, színváltós) */

/* alap: világos háttérhez */
.js-expandable-block{
  --expand-toggle-color: #2B2D42;      /* delta blue */
  --expand-fade-to: #ffffff;           /* fade vége (világos háttér) */
}

/* ha sötét/piros szekción van: tedd a blokkra -> .expand-on-dark */
.js-expandable-block.expand-on-dark{
  --expand-toggle-color: #ffffff;      /* sötéten fehér */
  --expand-fade-to: rgba(0,0,0,0);     /* ne fehérítsen rá (opcionális) */
  /* ha inkább pirosba fusson: --expand-fade-to: #d62839; */
}

.expand-toggle{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .9rem;
  padding: .15rem 0;
  border: 0;
  background: transparent;
  font-weight: 700;
  color: var(--expand-toggle-color);
  cursor: pointer;
  text-decoration: none;
  margin-bottom:15px;
}


/* csukott állapot: fade */
.js-expandable-block.is-collapsed{
  position: relative;
}

.js-expandable-block.is-collapsed::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 40px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--expand-fade-to));
}



/* =====================================================
   BRAND RÉSZLETES TARTALOM – KÖZÖS LENYITÁS
===================================================== */

.brandhero-details-toggle {
    position: relative;
    z-index: 5;

    display: flex;
    justify-content: center;

    margin-top: 24px;
}

.brandhero-details-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 48px;
    padding: 11px 24px;

    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #07599f 0%,
            #03477f 100%
        );

    border: 1px solid #03477f;
    border-radius: 999px;

    box-shadow:
        0 7px 20px rgba(3, 71, 127, 0.22);

    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;

    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.brandhero-details-btn:hover,
.brandhero-details-btn:focus {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #0870c5 0%,
            #07599f 100%
        );

    box-shadow:
        0 10px 26px rgba(3, 71, 127, 0.3);

    transform: translateY(-2px);
}

.brandhero-details-btn:focus-visible {
    outline: 3px solid rgba(7, 89, 159, 0.24);
    outline-offset: 3px;
}

.brandhero-details-btn .bi {
    font-size: 0.9rem;

    transition: transform 0.3s ease;
}

.brandhero-details-btn[aria-expanded="true"] .bi {
    transform: rotate(180deg);
}

.brand-detailed-content.show {
    margin-top: 18px;
}

@media (max-width: 575.98px) {
    .brandhero-details-toggle {
        margin-top: 18px;
    }

    .brandhero-details-btn {
        width: 100%;
        min-height: 46px;
        padding: 11px 16px;

        font-size: 0.84rem;
    }
}
/* Native category redesign — only categories without template:... */
.delta-category-page{max-width:1600px;margin:0 auto;padding:24px 32px;color:#2B2D42}
.delta-category-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:center;margin:24px 0}
.delta-category-hero__content{min-width:0}
.delta-category-hero__kicker{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#d62839;margin-bottom:8px}
.delta-category-hero__title{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;line-height:1.2;letter-spacing:-.5px;color:#2B2D42;margin:0 0 14px;overflow-wrap:anywhere}
.delta-category-hero__description{font-size:.95rem;line-height:1.65;color:#697180;display:flow-root;overflow-wrap:anywhere}
.delta-category-hero__image{float:right;max-width:min(32%,180px);max-height:150px;object-fit:contain;margin:0 0 12px 22px}
.delta-category-help{border-left:2px solid #d62839;padding-left:22px}
.delta-category-help h2{font-size:1.05rem;font-weight:500;margin:0 0 7px;color:#2B2D42}
.delta-category-help p{font-size:.8rem;line-height:1.5;color:#697180;margin:0 0 12px}
.delta-category-help__button{display:inline-flex;align-items:center;gap:8px;background:#07599f;color:#fff;border:1px solid #07599f;border-radius:6px;padding:9px 13px;text-decoration:none;font-size:.8rem;line-height:1.4}
.delta-category-help__button:hover{background:#03477f;color:#fff}
.delta-category-subcategories{padding:0 0 24px;border-bottom:1px solid #e4e6eb}
.delta-category-subcategories h2{font-size:.8rem;font-weight:500;color:#697180;margin:0 0 10px}
.delta-category-page .subcategory-grid{display:flex;flex-wrap:wrap;gap:8px}
.delta-category-page .subcategory-card{display:flex;align-items:center;gap:9px;width:auto;min-height:42px;padding:8px 12px;border:1px solid #e4e6eb;border-radius:6px;background:#fff;box-shadow:none;text-decoration:none;color:#2B2D42;transform:none;max-width:100%}
.delta-category-page .subcategory-card:hover{border-color:#07599f;color:#07599f;background:#f5f8fc;transform:none}
.delta-category-page .subcategory-card__thumb{display:none}
.delta-category-page .subcategory-card__name{font-size:.85rem;overflow-wrap:anywhere}
.delta-category-page .subcategory-card__arrow{position:static;display:flex;background:transparent;color:inherit;width:auto;height:auto;margin-left:4px}
.delta-category-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;margin-top:24px}
.delta-category-sidebar{align-self:start;min-width:0}
.delta-category-results{min-width:0}
.delta-category-page .filter-box{padding:18px;background:#fafbfc;border:1px solid #e4e6eb;border-radius:8px;box-shadow:none;width:100%;max-width:none}
.delta-category-page .filter-box__header{display:flex;gap:9px;align-items:center;padding:0;margin-bottom:15px;border:0;background:transparent}
.delta-category-page .filter-box__header-icon{background:transparent;color:#07599f;width:auto;height:auto;font-size:1rem}
.delta-category-page .filter-box__header h2{font-size:1rem;font-weight:500;margin:0;color:#2B2D42}
.delta-category-page .filter-box__header p{font-size:.75rem;color:#697180;margin:3px 0 0}
.delta-category-page .filter-box__loading{min-height:0}
.delta-category-page .filter-section{padding:14px 0;margin:0;border-bottom:1px solid #e4e6eb}
.delta-category-page .filter-label,.delta-category-page .filter-section__title{font-size:.8rem;color:#2B2D42;font-weight:500}
.delta-category-page .filter-check{font-size:.85rem}
.delta-category-page .form-control,.delta-category-page .form-select{font-size:.8rem;border-radius:5px}
.delta-category-page .filter-search input{min-width:0;padding-right:38px}
.delta-category-page .category-results-toolbar{padding:0 0 15px!important;gap:10px!important;flex-wrap:wrap}
.delta-category-page .category-results-title{font-size:1.2rem;margin:0 auto 0 0;font-weight:500}
.delta-category-page .category-results-title small{font-size:.8rem;font-weight:400;color:#697180;display:inline-block;margin-left:6px}
.delta-category-page .category-sort{width:190px}
.delta-category-page #limitForm{margin-left:0!important}
.delta-category-page #limitForm .input-group{width:155px!important}
.delta-category-page #viewToggle .btn{font-size:.75rem}
.delta-category-page #viewToggle .btn.active{background:#2B2D42;border-color:#2B2D42;color:#fff}
.delta-category-page #productGrid{padding:0!important;--bs-gutter-x:16px;--bs-gutter-y:16px}
.delta-category-page #productGrid>div{display:flex;min-width:0}
@media(min-width:992px){.delta-category-page #desktopResetFiltersBtn{display:block}}
@media(max-width:991.98px){.delta-category-page{padding:18px 16px}.delta-category-layout{grid-template-columns:minmax(0,1fr)}.delta-category-hero{grid-template-columns:minmax(0,1fr) 235px;gap:22px}.delta-category-page #desktopResetFiltersBtn{display:none}.delta-category-page .filter-box{border:0;padding:0;background:#fff}}
@media(max-width:650px){.delta-category-hero{grid-template-columns:1fr;gap:20px}.delta-category-help{padding-left:15px}.delta-category-hero__image{max-width:110px}.delta-category-page .category-results-title{width:100%}.delta-category-page .category-sort{flex:1;min-width:160px}.delta-category-page #limitForm .input-group{width:145px!important}.delta-category-page input,.delta-category-page select{font-size:16px}}

/* Dynamic grid; filter and toolbar alignment fix. */
.delta-category-page{width:100%!important;max-width:none!important;padding-left:24px;padding-right:24px}
.delta-category-page .delta-category-layout{grid-template-columns:225px minmax(0,1fr);gap:24px;width:100%}
.delta-category-page .delta-category-results{width:100%;max-width:none!important;min-width:0}
.delta-category-page #productGrid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.view-compact .delta-category-page #productGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.delta-category-page #productGrid>div{width:100%!important;max-width:none!important;min-width:0;flex:none!important;margin:0!important;padding:0!important}
.delta-category-page .category-results-toolbar{width:100%;max-width:none;align-items:center!important;gap:16px!important;padding-bottom:22px!important}
.delta-category-page #viewToggle .btn{min-height:36px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;line-height:1.25}
.delta-category-page #filterSort{min-height:36px;width:210px;flex:0 1 210px;padding-top:7px;padding-bottom:7px;line-height:1.25}
.delta-category-page #limitForm .input-group{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;width:185px!important;min-height:36px}
.delta-category-page #limitForm .input-group-text{display:flex;align-items:center;white-space:nowrap;font-size:.75rem;padding:7px 9px;border-radius:5px 0 0 5px;line-height:1.25}
.delta-category-page #limitForm #limit{flex:1 1 0;width:1%;min-width:60px;margin:0;border-radius:0 5px 5px 0;line-height:1.25;min-height:36px}
.delta-category-page .filter-box__header{position:static!important;display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important}
.delta-category-page .filter-box__header-icon{position:static!important;transform:none!important;flex:0 0 18px;width:18px!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;box-shadow:none!important;line-height:1.5}
.delta-category-page .filter-box__header-content{min-width:0;flex:1}
.delta-category-page .filter-box__loading{height:auto;min-height:0!important;margin:0!important;padding:0!important}
.delta-category-page #filterResultCount:empty{display:none!important}
.delta-category-page #desktopResetFiltersBtn,.delta-category-page #resetFiltersBtn{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:36px!important;height:auto!important;padding:8px 10px!important;border:1px solid #d9dde4!important;border-radius:5px!important;background:#fff!important;color:#697180!important;font-size:.8rem!important;line-height:1.3!important;box-shadow:none!important;white-space:normal!important;text-decoration:none!important;transform:none!important}
.delta-category-page #desktopResetFiltersBtn:hover,.delta-category-page #resetFiltersBtn:hover{background:#f1f5fa!important;border-color:#07599f!important;color:#07599f!important}
.delta-category-page #desktopResetFiltersBtn::before,.delta-category-page #desktopResetFiltersBtn::after,.delta-category-page #resetFiltersBtn::before,.delta-category-page #resetFiltersBtn::after{display:none!important;content:none!important}
@media(max-width:1199.98px){.delta-category-page .category-results-title{flex:1 0 100%}}
@media(max-width:991.98px){.delta-category-page .delta-category-layout{grid-template-columns:minmax(0,1fr)}.delta-category-page #desktopResetFiltersBtn{display:none!important}}
@media(max-width:575.98px){.delta-category-page{padding-left:14px;padding-right:14px}.delta-category-page .category-results-toolbar{gap:12px!important}.delta-category-page #filterSort{flex:1 1 200px;width:auto}.delta-category-page #limitForm .input-group{width:185px!important}}
.delta-category-page .filter-box__header{align-items:center!important}
.delta-category-page .filter-box__header-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 24px!important;width:24px!important;height:28px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
.delta-category-page .filter-box__header-icon i{position:static!important;display:block;transform:none!important;margin:0!important;box-shadow:none!important;font-size:18px;color:#07599f}
.delta-category-page .filter-box__header-icon::before,.delta-category-page .filter-box__header-icon::after{content:none!important;display:none!important}

/* Small category tiles with their original thumbnail images. */
.delta-category-page .subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.delta-category-page .subcategory-card{width:100%;min-height:64px;padding:9px 12px;gap:11px}
.delta-category-page .subcategory-card__thumb{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:4px;border:1px solid #e4e6eb;border-radius:5px;background:#fff;overflow:hidden}
.delta-category-page .subcategory-card__thumb img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
.delta-category-page .subcategory-card__name{flex:1;min-width:0;line-height:1.35}
.delta-category-page .subcategory-card__arrow{flex:0 0 auto}

/* DENSO template: scoped so existing brand pages keep their styles. */
.denso-template{color:#2B2D42;margin-bottom:28px}
.denso-template .denso-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px 0 32px;border-bottom:1px solid #e4e6eb}
.denso-template .denso-hero__content{min-width:0}
.denso-template .denso-hero__logo{display:block;width:135px;height:auto;max-height:42px;object-fit:contain;object-position:left;margin:0 0 24px}
.denso-template .brandhero-title{font-size:clamp(1.45rem,2.25vw,2.25rem);font-weight:500;line-height:1.25;letter-spacing:-.4px;text-transform:none;margin:0 0 16px;color:#2B2D42;overflow-wrap:anywhere}
.denso-template .denso-hero__lead{font-size:1rem;line-height:1.7;color:#697180;margin:0 0 22px}
.denso-template .denso-hero__image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:8px;background:#f7f8fa}
.denso-template .denso-hero__actions{display:flex;gap:10px;flex-wrap:wrap}
.denso-template .denso-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #07599f;border-radius:5px;background:#07599f;color:#fff;text-decoration:none;font-size:.85rem;line-height:1.4}
.denso-template .denso-button:hover{background:#03477f;color:#fff}
.denso-template .denso-button--outline{background:#fff;color:#07599f}
.denso-template .denso-button--outline:hover{background:#f5f8fc;color:#03477f}
.denso-template .denso-overview{padding:28px 0 0;background:#fff}
.denso-template .denso-overview__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:32px;align-items:center}
.denso-template .denso-overview__text{min-width:0}
.denso-template .denso-overview__text>span,.denso-template .denso-platform__content>span{color:#d62839;font-size:.72rem;letter-spacing:1.5px!important;font-weight:500!important}
.denso-template .denso-overview .brandhero-title{font-size:1.4rem;margin:8px 0 14px!important;line-height:1.35}
.denso-template p.brand-desc{font-size:.92rem;line-height:1.7;font-weight:400;letter-spacing:0;color:#697180;margin:0 0 15px!important}
.denso-template .denso-overview__image{width:100%;max-height:230px;object-fit:contain;display:block}
.denso-template .denso-details{margin:14px 0 20px}
.denso-template summary{color:#07599f;font-size:.85rem;line-height:1.5;padding:8px 0;cursor:pointer}
.denso-template details[open]>summary{margin-bottom:8px}
.denso-template #openNgMedia{font-weight:500;font-size:.85rem;color:#07599f}
.denso-template .denso-platform{margin-top:28px;padding-top:24px;border-top:2px solid #d62839}
.denso-template .denso-platform .brandhero-title{font-size:1.4rem;margin:8px 0 10px}
.denso-template .denso-family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px;margin-top:18px;align-items:start}
.denso-template .denso-family-card{padding:15px;background:#fff;border:1px solid #e4e6eb;border-radius:7px;transition:border-color .2s}
.denso-template .denso-family-card:hover{border-color:#07599f}
.denso-template .brand-img-wrapper{display:flex;align-items:center;justify-content:center;height:115px;margin-bottom:12px}
.denso-template .brand-img-wrapper img{width:100%;height:100%;object-fit:contain;margin:0!important}
.denso-template .denso-family-card h5{font-size:.92rem;font-weight:500;line-height:1.4;min-height:2.8em;margin:0}
.denso-template .denso-family-card h5 a{color:#2B2D42!important;text-decoration:none}
.denso-template .denso-family-card h5 a:hover{color:#07599f!important}
.denso-template .denso-family-details p{font-size:.8rem;line-height:1.6;margin:8px 0 0!important;color:#697180}
.denso-template .denso-family-details summary{font-size:.78rem;padding-bottom:0}
#denso-products{scroll-margin-top:100px}
/* Separate category navigation from the DENSO presentation cards. */
.delta-category-page > .mb-3 + .delta-category-subcategories{margin-top:36px;padding:20px;background:#f7f8fa;border:1px solid #e4e6eb;border-radius:8px}
.delta-category-page > .mb-3 + .delta-category-subcategories h2{font-size:1rem;font-weight:500;color:#2B2D42;margin:0 0 14px}
@media(max-width:650px){.delta-category-page > .mb-3 + .delta-category-subcategories{margin-top:24px;padding:14px}}
@media(max-width:991.98px){.denso-template .denso-hero{gap:22px}.denso-template .denso-overview__grid{grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:20px}}
@media(max-width:650px){.denso-template .denso-hero,.denso-template .denso-overview__grid{grid-template-columns:minmax(0,1fr)}.denso-template .denso-hero{padding-top:18px;gap:20px}.denso-template .denso-hero__logo{margin-bottom:16px}.denso-template .denso-hero__image{max-height:220px}.denso-template .denso-overview__image{max-height:170px}.denso-template .denso-family-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}.denso-template .denso-button{flex:1 1 200px}.denso-template .denso-family-card{padding:12px}}

/* Kilews template: scoped so existing brand pages keep their styles. */
.kilews-template{color:#2B2D42;margin-bottom:28px}
.kilews-template .kilews-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px 0 32px;border-bottom:1px solid #e4e6eb}
.kilews-template .kilews-hero__content{min-width:0}
.kilews-template .kilews-hero__logo{display:block;width:135px;height:auto;max-height:42px;object-fit:contain;object-position:left;margin:0 0 24px}
.kilews-template .brandhero-title{font-size:clamp(1.45rem,2.25vw,2.25rem);font-weight:500;line-height:1.25;letter-spacing:-.4px;text-transform:none;margin:0 0 16px;color:#2B2D42;overflow-wrap:anywhere}
.kilews-template .kilews-hero__lead{font-size:1rem;line-height:1.7;color:#697180;margin:0 0 22px}
.kilews-template .kilews-hero__image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:8px;background:#f7f8fa}
.kilews-template .kilews-hero__actions{display:flex;gap:10px;flex-wrap:wrap}
.kilews-template .kilews-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #07599f;border-radius:5px;background:#07599f;color:#fff;text-decoration:none;font-size:.85rem;line-height:1.4}
.kilews-template .kilews-button:hover{background:#03477f;color:#fff}
.kilews-template .kilews-button--outline{background:#fff;color:#07599f}
.kilews-template .kilews-button--outline:hover{background:#f5f8fc;color:#03477f}
.kilews-template .kilews-overview{padding:28px 0 0;background:#fff}
.kilews-template .kilews-overview__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:32px;align-items:center}
.kilews-template .kilews-overview__text{min-width:0}
.kilews-template .kilews-overview__text>span,.kilews-template .kilews-platform__content>span{color:#d62839;font-size:.72rem;letter-spacing:1.5px!important;font-weight:500!important}
.kilews-template .kilews-overview .brandhero-title{font-size:1.4rem;margin:8px 0 14px!important;line-height:1.35}
.kilews-template p.brand-desc{font-size:.92rem;line-height:1.7;font-weight:400;letter-spacing:0;color:#697180;margin:0 0 15px!important}
.kilews-template .kilews-overview__image{width:100%;max-height:230px;object-fit:contain;display:block}
.kilews-template .kilews-details{margin:14px 0 20px}
.kilews-template summary{color:#07599f;font-size:.85rem;line-height:1.5;padding:8px 0;cursor:pointer}
.kilews-template details[open]>summary{margin-bottom:8px}
.kilews-template #openNgMedia{font-weight:500;font-size:.85rem;color:#07599f}
.kilews-template .kilews-platform{margin-top:28px;padding-top:24px;border-top:2px solid #d62839}
.kilews-template .kilews-platform .brandhero-title{font-size:1.4rem;margin:8px 0 10px}
.kilews-template .kilews-family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px;margin-top:18px;align-items:start}
.kilews-template .kilews-family-card{padding:15px;background:#fff;border:1px solid #e4e6eb;border-radius:7px;transition:border-color .2s}
.kilews-template .kilews-family-card:hover{border-color:#07599f}
.kilews-template .brand-img-wrapper{display:flex;align-items:center;justify-content:center;height:115px;margin-bottom:12px}
.kilews-template .brand-img-wrapper img{width:100%;height:100%;object-fit:contain;margin:0!important}
.kilews-template .kilews-family-card h5{font-size:.92rem;font-weight:500;line-height:1.4;min-height:2.8em;margin:0}
.kilews-template .kilews-family-card h5 a{color:#2B2D42!important;text-decoration:none}
.kilews-template .kilews-family-card h5 a:hover{color:#07599f!important}
.kilews-template .kilews-family-details p{font-size:.8rem;line-height:1.6;margin:8px 0 0!important;color:#697180}
.kilews-template .kilews-family-details summary{font-size:.78rem;padding-bottom:0}

@media(max-width:991.98px){.kilews-template .kilews-hero{gap:22px}.kilews-template .kilews-overview__grid{grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:20px}}
@media(max-width:650px){.kilews-template .kilews-hero,.kilews-template .kilews-overview__grid{grid-template-columns:minmax(0,1fr)}.kilews-template .kilews-hero{padding-top:18px;gap:20px}.kilews-template .kilews-hero__logo{margin-bottom:16px}.kilews-template .kilews-hero__image{max-height:220px}.kilews-template .kilews-overview__image{max-height:170px}.kilews-template .kilews-family-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}.kilews-template .kilews-button{flex:1 1 200px}.kilews-template .kilews-family-card{padding:12px}}

.kilews-template .kilews-family-grid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.kilews-template .kilews-family-item{min-width:0;display:flex}
.kilews-template .kilews-family-card{display:flex;flex-direction:column;min-width:0;width:100%}
.kilews-template .kilews-family-card h5{min-height:4.2em;overflow-wrap:anywhere}
.kilews-template .kilews-family-details{margin-top:auto;padding-top:8px}
.kilews-template .kilews-hero__image{max-height:320px}
@media(max-width:650px){.kilews-template .kilews-family-grid{grid-template-columns:minmax(0,1fr)}.kilews-template .kilews-family-card h5{min-height:0}}

/* Separate subcategories from the content above in both category layouts. */
.delta-category-subcategories,
.subcategory-section{margin-top:28px;padding-top:20px;border-top:2px solid #d62839}
.delta-category-page > .mb-3 + .delta-category-subcategories{border-top:2px solid #d62839}

/* Asyril: compact brand presentation, scoped to these three templates. */
.asyril-template{color:#2B2D42;line-height:1.6;min-width:0}
.asyril-template h1,.asyril-template h2,.asyril-template h3,.asyril-template h4{color:#2B2D42;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.asyril-template h1{font-size:clamp(1.7rem,3vw,2.4rem);margin:14px 0}
.asyril-template h2{font-size:clamp(1.2rem,2vw,1.55rem);margin:0 0 12px}
.asyril-template h3{font-size:1.15rem;margin:0 0 12px}
.asyril-template h4{font-size:1rem;margin:12px 0}
.asyril-template p{font-size:.92rem;color:#697180;margin:0 0 12px}
.asyril-template a{color:#07599f;text-decoration:none}
.asyril-template a:hover{text-decoration:underline}
.asyril-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;padding:12px 0 24px}
.asyril-template .asyril-logo{height:48px;width:auto;max-width:100%;object-fit:contain}
.asyril-template .asyril-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}
.asyril-hero > .asyril-image{max-height:260px}
.asyril-template .asyril-button{display:inline-flex;padding:9px 14px;border-radius:6px;background:#07599f;color:#fff;font-size:.85rem;margin-top:8px}
.asyril-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-top:1px solid #e4e6eb;border-bottom:1px solid #e4e6eb;margin-bottom:24px}
.asyril-nav a{padding:6px 12px;border:1px solid #e4e6eb;border-radius:6px;background:#f7f8fa;font-size:.85rem}
.asyril-section{margin:0 0 28px;scroll-margin-top:100px}
.asyril-section + .asyril-section{border-top:2px solid #d62839;padding-top:24px}
.asyril-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.asyril-overview > .asyril-image{max-height:220px;align-self:center}
.asyril-copy{min-width:0}
.asyril-template .asyril-details{font-size:.85rem;margin:10px 0 0}
.asyril-template .asyril-details summary{cursor:pointer;color:#07599f;font-weight:500;padding:5px 0}
.asyril-template .asyril-details[open] summary{margin-bottom:8px}
.asyril-template .asyril-details p{font-size:.85rem}
.asyril-group{margin-top:20px;padding-top:18px;border-top:1px solid #e4e6eb}
.asyril-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:16px;align-items:start}
.asyril-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;align-items:start}
.asyril-card{min-width:0;padding:14px;background:#fff;border:1px solid #e4e6eb;border-radius:8px}
.asyril-template .asyril-card .asyril-image{height:115px;max-height:115px;object-fit:contain}
.asyril-card h4{min-height:2.6em}
.asyril-card ul{font-size:.8rem;color:#697180;padding-left:17px;margin:0 0 12px}
.asyril-card li{margin-bottom:4px;overflow-wrap:anywhere}
.asyril-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px;margin-top:16px}
.asyril-template .asyril-logos .asyril-image{height:60px;background:#fff;padding:12px;border:1px solid #e4e6eb;object-fit:contain}
@media(max-width:1100px){.asyril-size-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}}
@media(max-width:650px){.asyril-hero,.asyril-overview{grid-template-columns:minmax(0,1fr);gap:18px}.asyril-hero > .asyril-image{max-height:190px}.asyril-overview > .asyril-image{max-height:170px}.asyril-card-grid{grid-template-columns:minmax(0,1fr)}.asyril-section + .asyril-section{padding-top:20px}.asyril-card h4{min-height:0}}

/* JBC: compact brand presentation, scoped to these three templates. */
.jbc-template{color:#2B2D42;line-height:1.6;min-width:0}
.jbc-template h1,.jbc-template h2,.jbc-template h3,.jbc-template h4{color:#2B2D42;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.jbc-template h1{font-size:clamp(1.7rem,3vw,2.4rem);margin:14px 0}
.jbc-template h2{font-size:clamp(1.2rem,2vw,1.55rem);margin:0 0 12px}
.jbc-template h3{font-size:1.15rem;margin:0 0 12px}
.jbc-template h4{font-size:1rem;margin:12px 0}
.jbc-template p{font-size:.92rem;color:#697180;margin:0 0 12px}
.jbc-template a{color:#07599f;text-decoration:none}
.jbc-template a:hover{text-decoration:underline}
.jbc-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;padding:12px 0 24px}
.jbc-template .jbc-logo{height:48px;width:auto;max-width:100%;object-fit:contain}
.jbc-template .jbc-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}
.jbc-hero > .jbc-image{max-height:260px}
.jbc-template .jbc-button{display:inline-flex;padding:9px 14px;border-radius:6px;background:#07599f;color:#fff;font-size:.85rem;margin-top:8px}
.jbc-section{margin:0 0 28px;scroll-margin-top:100px}
.jbc-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.jbc-overview > .jbc-image{max-height:220px;align-self:center}
.jbc-copy{min-width:0}
.jbc-template .jbc-details{font-size:.85rem;margin:10px 0 0}
.jbc-template .jbc-details summary{cursor:pointer;color:#07599f;font-weight:500;padding:5px 0}
.jbc-template .jbc-details[open] summary{margin-bottom:8px}
.jbc-template .jbc-details p{font-size:.85rem}
.jbc-group{margin-top:20px;padding-top:18px;border-top:1px solid #e4e6eb}
.jbc-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:16px;align-items:start}
.jbc-card{min-width:0;padding:14px;background:#fff;border:1px solid #e4e6eb;border-radius:8px}
.jbc-template .jbc-card .jbc-image{height:115px;max-height:115px;object-fit:contain}
.jbc-card h4{min-height:2.6em}
.jbc-card ul{font-size:.8rem;color:#697180;padding-left:17px;margin:0 0 12px}
.jbc-card li{margin-bottom:4px;overflow-wrap:anywhere}
.jbc-brandmarks{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.jbc-template .jbc-logo{width:auto;height:25px;max-width:40%;object-fit:contain}
.jbc-template .jbc-distributor{width:auto;height:72px;max-width:50%;object-fit:contain}
.jbc-template .jbc-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.jbc-group{border-top:2px solid #d62839;padding-top:20px}
.jbc-template .jbc-card h4{min-height:3.9em}
@media(max-width:650px){.jbc-hero,.jbc-overview{grid-template-columns:minmax(0,1fr);gap:18px}.jbc-template .jbc-card-grid{grid-template-columns:minmax(0,1fr)}.jbc-template .jbc-card h4{min-height:0}.jbc-hero > .jbc-image{max-height:190px}.jbc-overview > .jbc-image{max-height:170px}}

/* DENSO catalog layout and blended hero — 20261013-3 */
.delta-denso-catalog{--denso-navy:#2b2d42;--denso-red:#d62839;color:var(--denso-navy)}
.delta-denso-catalog .denso-hero{position:relative;display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:0!important;margin:0 0 28px!important;min-height:350px;background:#fff;overflow:hidden;border-radius:0}
.delta-denso-catalog .denso-hero__content{position:relative;z-index:1;padding:32px clamp(20px,3vw,48px)!important;max-width:none;width:auto}
.delta-denso-catalog .denso-hero__logo{width:150px;max-height:55px;object-fit:contain;object-position:left;margin:0 0 18px}
.delta-denso-catalog .denso-hero h1{color:#2b2d42!important;font-size:clamp(1.6rem,2.25vw,2.65rem)!important;font-weight:750;line-height:1.18;margin:0 0 18px}
.delta-denso-catalog .denso-hero__lead{color:#626575;font-size:1rem;line-height:1.65;max-width:650px;margin:0 0 24px}
.delta-denso-catalog .denso-hero__image{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;min-height:350px;max-height:480px;object-fit:cover;border-radius:0!important;margin:0!important}
.delta-denso-catalog .denso-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.delta-denso-catalog .denso-button{display:inline-flex;align-items:center;gap:12px;background:#2b2d42!important;color:white!important;border:1px solid #2b2d42!important;border-radius:5px;padding:12px 17px;font-size:.9rem;font-weight:650;text-decoration:none;box-shadow:none}
.delta-denso-catalog .denso-button--outline{background:white!important;color:#d62839!important;border-color:#d62839!important}
.delta-denso-catalog .denso-button:hover{background:#d62839!important;border-color:#d62839!important;color:white!important}
.delta-denso-catalog .delta-category-layout{display:flex!important;flex-direction:column!important;gap:24px!important;grid-template-columns:none!important}
.delta-denso-catalog .delta-category-results{width:100%;min-width:0;max-width:none;position:static}
.delta-denso-catalog .category-results-toolbar{flex-wrap:wrap}
.delta-denso-catalog .delta-denso-description{margin-top:40px;padding:32px 0;background:#f5f6f8;border-top:1px solid #e1e3e9}
.delta-denso-catalog .denso-overview{margin-top:0}
.delta-denso-catalog .denso-overview .text-delta-blue,.delta-denso-catalog .denso-overview .brandhero-title{color:#2b2d42!important}
.delta-denso-catalog .denso-details summary,.delta-denso-catalog .denso-family-details summary{color:#2b2d42}
@media(max-width:991px){
.delta-denso-catalog .denso-hero__content{padding:24px!important}
.delta-denso-catalog .denso-hero__image{min-height:300px}
}
@media(max-width:575px){
.delta-denso-catalog .denso-hero{grid-template-columns:1fr;min-height:0}
.delta-denso-catalog .denso-hero__image{height:220px!important;min-height:0}
.delta-denso-catalog .denso-button{font-size:.82rem}
.delta-denso-catalog .category-results-toolbar{padding:8px!important}
}
.delta-denso-catalog .denso-hero{display:block!important;isolation:isolate;min-height:clamp(370px,29vw,560px);background:#fff!important}
.delta-denso-catalog .denso-hero__content{position:relative!important;z-index:2;width:53%;max-width:none;padding:clamp(32px,4vw,72px) clamp(24px,3vw,56px)!important}
.delta-denso-catalog .denso-hero h1{max-width:18em;font-size:clamp(28px,2.6vw,48px)!important;font-weight:750!important;line-height:1.15!important;letter-spacing:-.025em}
.delta-denso-catalog .denso-hero__lead{max-width:38em;font-size:clamp(14px,1vw,18px);line-height:1.6}
.delta-denso-catalog .denso-hero__image{position:absolute!important;inset:0 0 0 auto!important;z-index:0;width:59%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%)}
.delta-denso-catalog .denso-hero__logo{width:clamp(130px,10vw,185px);max-height:65px}
.delta-denso-catalog .denso-hero__actions{gap:12px;margin-top:24px}
@media(max-width:991px){
.delta-denso-catalog .denso-hero__content{width:58%;padding:32px 24px!important}
.delta-denso-catalog .denso-hero h1{font-size:clamp(26px,3.3vw,34px)!important}
.delta-denso-catalog .denso-hero__image{width:56%!important}
}
@media(max-width:575px){
.delta-denso-catalog .denso-hero{min-height:0}
.delta-denso-catalog .denso-hero__content{width:100%;padding:26px 18px 12px!important}
.delta-denso-catalog .denso-hero h1{max-width:100%;font-size:28px!important}
.delta-denso-catalog .denso-hero__image{position:relative!important;inset:auto!important;width:100%!important;height:230px!important;object-position:center!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%);mask-image:linear-gradient(to bottom,transparent,#000 22%)}
.delta-denso-catalog .denso-hero__actions{margin-top:18px}
}


/* Default category pages: no external template, category-owned content. */
.delta-native-catalog{color:#2b2d42}
.delta-native-catalog .delta-category-layout{
  display:flex!important;flex-direction:column!important;gap:24px!important;
  grid-template-columns:none!important;
}
.delta-native-catalog .delta-category-results{width:100%;min-width:0;max-width:none}
.delta-native-catalog .category-results-toolbar{flex-wrap:wrap}
.delta-native-catalog .delta-native-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:center;gap:32px;padding:32px clamp(20px,3vw,48px);
  margin:0 0 28px;background:#fff;overflow:hidden;
}
.delta-native-catalog .delta-native-hero__copy{min-width:0}
.delta-native-catalog .delta-native-hero__kicker{
  display:block;color:#d62839;font-size:.78rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;
}
.delta-native-catalog .delta-native-hero__title{
  font-size:clamp(26px,2.7vw,42px);line-height:1.16;font-weight:700;
  color:#2b2d42;margin:0 0 18px;overflow-wrap:anywhere;
}
.delta-native-catalog .delta-native-hero__intro{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;max-height:4.95em;font-size:1rem;line-height:1.65;color:#626575;
}
.delta-native-catalog .delta-native-hero__intro p{margin:0}
.delta-native-catalog .delta-native-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.delta-native-catalog .delta-native-button{
  display:inline-flex;align-items:center;gap:12px;padding:11px 16px;
  background:#2b2d42;color:#fff;border:1px solid #2b2d42;border-radius:5px;
  font-size:.9rem;font-weight:600;text-decoration:none;
}
.delta-native-catalog .delta-native-button--outline{background:#fff;color:#d62839;border-color:#d62839}
.delta-native-catalog .delta-native-button:hover{background:#d62839;color:#fff;border-color:#d62839}
.delta-native-catalog .delta-native-button:focus-visible{outline:2px solid #d62839;outline-offset:4px}
.delta-native-catalog .delta-native-hero__media{min-width:0;display:flex;align-items:center;justify-content:center}
.delta-native-catalog .delta-native-hero__media:empty{display:none}
.delta-native-catalog .delta-native-hero:not(:has(.delta-native-hero__media img)){grid-template-columns:minmax(0,1fr)}
.delta-native-catalog .delta-native-hero__media>*{
  float:none!important;width:100%!important;max-width:100%!important;margin:0!important;
}
.delta-native-catalog .delta-native-hero__media img{
  display:block;float:none!important;width:100%!important;max-width:100%!important;
  height:280px!important;max-height:280px!important;object-fit:contain;
  margin:0!important;border-radius:0!important;box-shadow:none!important;
}
.delta-native-catalog .delta-denso-description{
  margin-top:40px;padding:32px clamp(20px,3vw,48px);
  background:#f5f6f8;border-top:1px solid #e1e3e9;
}
.delta-native-catalog .delta-native-description h2{
  font-size:clamp(22px,2vw,30px);color:#2b2d42;margin:0 0 18px;
}
.delta-native-catalog .delta-native-description__text{
  color:#626575;font-size:1rem;line-height:1.75;overflow-wrap:anywhere;
}
.delta-native-catalog .delta-native-description__text img{max-width:100%;height:auto}
@media(max-width:767.98px){
  .delta-native-catalog .delta-native-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 16px}
  .delta-native-catalog .delta-native-hero__media img{height:200px!important;max-height:200px!important}
  .delta-native-catalog .delta-native-hero__actions{gap:10px}
  .delta-native-catalog .delta-native-button{font-size:.82rem}
}

/* Subcategory navigation — Delta cards, desktop / tablet / mobile. */
.delta-category-page .delta-category-subcategories,
.delta-category-page .subcategory-section{
  box-sizing:border-box;margin:24px 0 28px;padding:28px;
  background:#f5f6f8;border:1px solid #e4e6eb;border-radius:12px;
}
.delta-category-page .delta-category-subcategories>h2,
.delta-category-page .subcategory-section__header h2{
  position:relative;margin:0 0 24px;padding-left:20px;
  color:#2b2d42;font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1.25;
}
.delta-category-page .delta-category-subcategories>h2::before,
.delta-category-page .subcategory-section__header h2::before{
  content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:5px;
  border-radius:4px;background:#d62839;
}
.delta-category-page .subcategory-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;align-items:stretch;
}
.delta-category-page .subcategory-grid .subcategory-card{
  display:grid!important;grid-template-columns:76px minmax(0,1fr) 34px;
  align-items:center;gap:14px;width:100%;max-width:none;min-width:0;
  min-height:174px;height:auto;padding:20px 16px;box-sizing:border-box;
  border:1px solid #dcdfe6;border-radius:10px;background:#fff;
  color:#2b2d42;text-decoration:none;box-shadow:0 2px 8px rgba(43,45,66,.025);
  transform:none;transition:border-color .18s,background-color .18s,box-shadow .18s;
}
.delta-category-page .subcategory-grid .subcategory-card__thumb{
  display:flex!important;align-items:center;justify-content:center;
  width:76px;height:112px;max-width:100%;margin:0;padding:0;
  border:0;border-radius:0;background:transparent;overflow:hidden;
}
.delta-category-page .subcategory-grid .subcategory-card__thumb img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;transform:none;
}
.delta-category-page .subcategory-grid .subcategory-card__name{
  min-width:0;color:#2b2d42;font-size:.95rem;font-weight:500;line-height:1.45;
  white-space:normal;overflow:visible;word-break:normal;overflow-wrap:break-word;
  text-align:left;
}
.delta-category-page .subcategory-grid .subcategory-card__arrow{
  position:static;display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;margin:0;border-radius:50%;
  background:#f0f1f4;color:#d62839;box-shadow:none;
  transition:background-color .18s,color .18s;
}
.delta-category-page .subcategory-grid .subcategory-card__arrow i{display:none}
.delta-category-page .subcategory-grid .subcategory-card__arrow::before{
  content:"→";font-family:Arial,sans-serif;font-size:23px;line-height:1;
}
.delta-category-page .subcategory-grid .subcategory-card:hover,
.delta-category-page .subcategory-grid .subcategory-card:focus-visible{
  border-color:#d62839;background:#fafafb;color:#2b2d42;
  box-shadow:0 4px 14px rgba(43,45,66,.06);transform:none;
}
.delta-category-page .subcategory-grid .subcategory-card:hover .subcategory-card__arrow,
.delta-category-page .subcategory-grid .subcategory-card:focus-visible .subcategory-card__arrow{
  background:#d62839;color:#fff;
}
.delta-category-page .subcategory-grid .subcategory-card:focus-visible{
  outline:2px solid #d62839;outline-offset:3px;
}
@media(max-width:1199.98px){
  .delta-category-page .subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:575.98px){
  .delta-category-page .delta-category-subcategories,
  .delta-category-page .subcategory-section{padding:18px 14px;margin:20px 0}
  .delta-category-page .subcategory-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .delta-category-page .subcategory-grid .subcategory-card{
    grid-template-columns:64px minmax(0,1fr) 32px;
    min-height:130px;padding:16px 12px;gap:12px;
  }
  .delta-category-page .subcategory-grid .subcategory-card__thumb{width:64px;height:90px}
  .delta-category-page .subcategory-grid .subcategory-card__name{font-size:.9rem}
  .delta-category-page .subcategory-grid .subcategory-card__arrow{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .delta-category-page .subcategory-grid .subcategory-card,
  .delta-category-page .subcategory-grid .subcategory-card__arrow{transition:none}
}

/* Quieter category headings — 20261013-9. */
.delta-denso-catalog .denso-hero h1,
.delta-native-catalog .delta-native-hero__title{
  font-size:clamp(24px,2vw,34px)!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:-.015em;
}
.delta-category-page .delta-category-subcategories>h2,
.delta-category-page .subcategory-section__header h2{
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.35;
  padding-left:14px;
  margin-bottom:20px;
}
.delta-category-page .delta-category-subcategories>h2::before,
.delta-category-page .subcategory-section__header h2::before{
  width:3px;top:.2em;bottom:.2em;
}
@media(max-width:575.98px){
  .delta-category-page .delta-category-subcategories>h2,
  .delta-category-page .subcategory-section__header h2{font-size:18px!important}
}

/* Kilews: shared Denso hero, shared subcategory cards. 20261013-10 */
.delta-denso-catalog .kilews-template .kilews-hero__image{
 object-fit:contain!important;background:#fff;
}
.delta-denso-catalog .kilews-template .kilews-button{line-height:1.4}
.delta-denso-catalog .kilews-template .kilews-overview{background:transparent;padding:0}
.delta-denso-catalog .kilews-template .kilews-overview .brandhero-title,
.delta-denso-catalog .kilews-template .kilews-family-explanations>h2{
 font-size:20px!important;font-weight:500!important;line-height:1.35;letter-spacing:0;
 color:#2b2d42!important;margin:0 0 20px;
}
.delta-denso-catalog .kilews-template summary{color:#2b2d42}
.delta-denso-catalog .kilews-template summary:hover{color:#d62839}
.delta-denso-catalog .kilews-template .kilews-family-explanations{margin-top:28px}
.delta-denso-catalog .kilews-template .kilews-family-explanations details{
 padding:8px 16px;border:1px solid #e4e6eb;border-radius:8px;background:#fff;margin:10px 0;
}
.delta-denso-catalog .kilews-template .kilews-family-explanations p{font-size:.92rem;line-height:1.7;color:#697180}
@media(max-width:575.98px){
 .delta-denso-catalog .kilews-template .kilews-overview .brandhero-title,
 .delta-denso-catalog .kilews-template .kilews-family-explanations>h2{font-size:18px!important}
}
.kilews-template .kilews-hero__image {
    object-fit: contain !important;
    background: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}