.detail-main{background:#faf9f7 url('assets/haka-standalone.webp') center/contain no-repeat!important;height:650px}.detail-gallery{max-width:650px;transform:translateX(clamp(12px,5vw,70px))}.thumbs{width:100%;margin-top:14px;display:flex;gap:10px}.thumbs button{width:78px;height:62px}.detail-hero{gap:100px;padding-bottom:170px}.detail-info{display:block;padding:145px max(calc((100vw - 1320px)/2),48px) 145px}.detail-info>div:first-child{max-width:680px;margin-bottom:46px}.detail-info h2{font-size:40px;line-height:1.15}.spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,560px));column-gap:70px;row-gap:0;border-top:1px solid #c8c3bb;max-width:1190px}.spec-table div{padding:15px 0;border-bottom:1px solid #c8c3bb;font-size:13px}.spec-table span{color:#777}.spec-table b{font-weight:600}.detail-service{min-height:560px;padding:130px max(calc((100vw - 1320px)/2),48px)}.detail-docs{display:block;padding:125px max(calc((100vw - 1320px)/2),48px) 135px}.detail-docs>div:first-child{max-width:620px;margin-bottom:55px}.detail-docs h2{font-size:42px;line-height:1.15}.detail-docs>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1190px}.detail-docs a{padding:24px 0;border-top:1px solid #aaa;font-size:14px;display:flex;justify-content:space-between}.detail-docs a span{color:var(--orange);font-size:20px}@media(max-width:900px){.detail-main{height:540px;background-size:78%!important}.detail-gallery{max-width:none;transform:none}.detail-hero{gap:60px;padding-bottom:110px}.detail-info,.detail-service,.detail-docs{padding-top:105px;padding-bottom:105px;padding-left:30px;padding-right:30px}.spec-table{column-gap:45px}.detail-docs>div:last-child{grid-template-columns:1fr;gap:0}}@media(max-width:560px){.detail-main{height:390px;background-size:85%!important}.thumbs button{width:70px;height:56px}.detail-info h2,.detail-docs h2{font-size:32px}.spec-table{grid-template-columns:1fr}.detail-info,.detail-service,.detail-docs{padding-left:20px;padding-right:20px}.detail-info>div:first-child,.detail-docs>div:first-child{margin-bottom:38px}}
.detail-main{background-image:url('assets/category-bioecosmart.webp')!important;background-size:cover!important;background-position:center!important}.detail-efficiency{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:80px;padding:110px max(calc((100vw - 1320px)/2),48px);background:#111;color:#fff}.detail-efficiency h2{font-size:40px;line-height:1.12;margin:0;max-width:480px}.efficiency-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #444}.efficiency-table div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #444;font-size:13px}.efficiency-table span{color:#aaa}.efficiency-table b{font-weight:600}@media(max-width:900px){.detail-efficiency{grid-template-columns:1fr;gap:42px;padding:90px 30px}}@media(max-width:560px){.detail-efficiency{padding:75px 20px}.detail-efficiency h2{font-size:32px}.efficiency-table{grid-template-columns:1fr}}
.detail-page{font-family:'Montserrat',sans-serif}.detail-page .breadcrumb{padding-top:24px;padding-bottom:24px}.detail-page .detail-hero{padding-top:20px;gap:72px;align-items:center}.detail-page .detail-main{height:590px;background-color:#ebe7e1!important}.detail-page .detail-copy h1{font-weight:500}.detail-page .detail-copy .eyebrow{margin-bottom:16px}.detail-page .spec-line{margin:34px 0 28px}.detail-page .detail-info{background:#ffffff;border-top:1px solid #c8c3bb}.detail-page .detail-info h2,.detail-page .detail-service h2,.detail-page .detail-docs h2{font-weight:500}.detail-page .detail-efficiency{border-top:1px solid #333}.detail-page .detail-docs{background:#ebe7e1}.detail-page .detail-docs a{transition:color .25s ease,border-color .25s ease}.detail-page .detail-docs a:hover{color:var(--orange);border-color:var(--orange)}
.detail-page{background:#fff;font-family:'Montserrat',sans-serif}.detail-page main{background:#fff}.detail-page .breadcrumb{width:var(--wrap);margin:auto;padding:28px 0 22px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.detail-page .detail-hero{width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:74px;align-items:center;padding:22px 0 100px}.detail-page .detail-gallery{max-width:none;transform:none}.detail-page .detail-main{height:610px;background:#f1eee9 url('assets/category-bioecosmart.webp') center/cover no-repeat!important}.detail-page .thumbs{margin-top:12px;gap:8px}.detail-page .thumbs button{width:74px;height:56px;border:1px solid #d4d0ca}.detail-page .detail-copy{align-self:center}.detail-page .detail-copy .eyebrow{margin-bottom:18px}.detail-page .detail-copy h1{font-size:clamp(44px,5vw,74px);line-height:.98;font-weight:500;margin:0 0 24px;letter-spacing:-.045em}.detail-page .detail-copy .lead{max-width:520px;margin:0;color:#666;font-size:15px;line-height:1.7}.detail-page .spec-line{margin:35px 0 30px;border-top:1px solid #c9c4bd;border-bottom:1px solid #c9c4bd}.detail-page .spec-line div{padding:18px 12px 18px 0}.detail-page .spec-line b{font-size:18px;font-weight:600}.detail-page .detail-copy>.button{min-height:52px}.detail-page .detail-link{display:inline-block;margin:22px 0 0;color:#222;border-bottom:1px solid #222;padding-bottom:6px}.detail-page .availability{margin-top:20px}.detail-page .detail-info,.detail-page .detail-efficiency,.detail-page .detail-service,.detail-page .detail-docs{width:100%;padding:96px max(calc((100vw - 1320px)/2),48px);display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:80px}.detail-page .detail-info{border-top:1px solid #c9c4bd;background:#ffffff}.detail-page .detail-info h2,.detail-page .detail-efficiency h2,.detail-page .detail-service h2,.detail-page .detail-docs h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;font-weight:500;margin:0;letter-spacing:-.035em}.detail-page .spec-table,.detail-page .efficiency-table{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.detail-page .spec-table div,.detail-page .efficiency-table div{padding:16px 0;border-bottom:1px solid #c9c4bd;font-size:13px}.detail-page .detail-efficiency{background:#111;color:#fff;border-top:0}.detail-page .detail-efficiency .eyebrow{color:var(--orange)}.detail-page .efficiency-table{border-top:1px solid #444}.detail-page .efficiency-table div{border-bottom-color:#444}.detail-page .efficiency-table span{color:#aaa}.detail-page .detail-service{background:#ebe7e1}.detail-page .detail-docs{background:#fff}.detail-page .detail-docs>div:last-child{display:flex;flex-direction:column;max-width:none}.detail-page .detail-docs a{padding:18px 0;border-top:1px solid #aaa;border-bottom:0;font-size:13px;transition:color .25s ease,border-color .25s ease}.detail-page .detail-docs a:hover{color:var(--orange);border-color:var(--orange)}@media(max-width:900px){.detail-page .detail-hero{grid-template-columns:1fr;gap:48px;padding-bottom:78px}.detail-page .detail-main{height:520px}.detail-page .detail-copy{max-width:680px}.detail-page .detail-info,.detail-page .detail-efficiency,.detail-page .detail-service,.detail-page .detail-docs{grid-template-columns:1fr;gap:44px;padding:78px 30px}.detail-page .spec-table,.detail-page .efficiency-table{column-gap:30px}}@media(max-width:560px){.detail-page .breadcrumb{padding-top:22px;padding-bottom:16px}.detail-page .detail-hero{padding-bottom:62px}.detail-page .detail-main{height:360px}.detail-page .detail-copy h1{font-size:48px}.detail-page .spec-line b{font-size:14px}.detail-page .detail-info,.detail-page .detail-efficiency,.detail-page .detail-service,.detail-page .detail-docs{padding:62px 20px}.detail-page .spec-table,.detail-page .efficiency-table{grid-template-columns:1fr}.detail-page .detail-docs a{font-size:12px}}
.detail-page .detail-copy{align-self:start;padding-top:28px}.detail-page .detail-copy>.detail-link{display:block;width:max-content;margin-top:42px}.detail-page .detail-copy>.availability{margin-top:26px}
.detail-page .detail-service{display:none!important}
.detail-page .breadcrumb{font-size:13px;gap:16px}.detail-page .breadcrumb strong{font-size:14px;font-weight:600}
.detail-page .detail-docs>div:last-child>a{font-size:18px;padding:23px 0}.detail-page .detail-docs>div:last-child>a>span{font-size:25px;line-height:1;transition:transform .25s ease}.detail-page .detail-docs>div:last-child>a.is-open{color:var(--orange);border-color:var(--orange)}.doc-panel{padding:0 0 8px 18px}.doc-panel[hidden]{display:none}.doc-panel a{display:flex;justify-content:space-between;padding:11px 0;color:#777;font-size:13px;border-bottom:1px solid #d2cdc5}.doc-panel a:hover{color:var(--orange)}.doc-panel a span{color:var(--orange);font-size:18px}@media(max-width:560px){.detail-page .detail-docs>div:last-child>a{font-size:16px}}
.detail-page .detail-docs>div:last-child>a{font-size:20px!important;padding:25px 0}.detail-page .detail-docs>div:last-child>a>span{font-size:27px!important}
.detail-page .detail-docs>div:last-child>a,.detail-page .detail-docs .doc-panel a{border-top:0!important;border-bottom:0!important}.detail-page .detail-docs>div:last-child>a{font-size:20px!important;padding:18px 0!important}.detail-page .detail-docs .doc-panel a{font-size:16px!important;padding:9px 0!important;color:#222}
.detail-page .detail-docs>div:last-child>a{position:relative;margin:4px 0;padding:22px 24px 22px 62px!important;background:#eef0f1;border-left:5px solid #737d84;border-top:0!important}.detail-page .detail-docs>div:last-child>a:nth-child(2){background:#e9ece8;border-left-color:#68766c}.detail-page .detail-docs>div:last-child>a:nth-child(3){background:#eeeeec;border-left-color:#222}.detail-page .detail-docs>div:last-child>a:before{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;letter-spacing:.08em;color:#555}.detail-page .detail-docs>div:last-child>a:nth-child(1):before{content:'2D CAD'}.detail-page .detail-docs>div:last-child>a:nth-child(2):before{content:'3D MODEL'}.detail-page .detail-docs>div:last-child>a:nth-child(3):before{content:'TECHNICAL'}.detail-page .detail-docs>div:last-child>a:hover{color:#111;filter:brightness(.97)}
.detail-page .detail-docs>div:last-child>a{padding:21px 24px!important;background:rgba(210,210,208,.38)!important;border-left:3px solid rgba(80,80,80,.45);color:#222}.detail-page .detail-docs>div:last-child>a:nth-child(2){border-left-color:rgba(90,105,94,.5)}.detail-page .detail-docs>div:last-child>a:nth-child(3){border-left-color:rgba(30,30,30,.55)}.detail-page .detail-docs>div:last-child>a:before{display:none}.detail-page .detail-docs>div:last-child>a:hover{background:rgba(195,195,193,.55)!important}
.detail-page .detail-copy h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.05}
.detail-page .efficiency-table div{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:18px 0!important;font-size:15px!important}.detail-page .efficiency-table div span{font-size:15px!important;color:#aaa}.detail-page .efficiency-table div b{font-size:19px!important;line-height:1.2}
.detail-search-link{display:block;width:max-content;margin:34px auto 0;padding:13px 24px;border:1px solid #777;color:#222;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}
.detail-search-link:hover{color:var(--orange);border-color:var(--orange)}
.detail-search-link{display:none!important}.detail-category-nav{padding:86px 0 96px;background:#111;color:#fff}.detail-category-heading{max-width:650px;margin-bottom:38px}.detail-category-heading h2{margin:0;font-size:clamp(28px,3.5vw,48px);line-height:1.08;font-weight:400}.detail-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-category-grid a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:18px 20px;background:#202020;color:#fff;border:1px solid #363636;transition:background .2s ease,color .2s ease}.detail-category-grid a b{font-size:12px;letter-spacing:.04em}.detail-category-grid a span{color:var(--orange);font-size:20px}.detail-category-grid a:hover{background:#333;border-color:#555}.detail-category-grid a:hover b{color:var(--orange)}@media(max-width:800px){.detail-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.detail-category-nav{padding:62px 0 70px}.detail-category-grid{grid-template-columns:1fr}.detail-category-heading h2{font-size:32px}}
.detail-category-nav{background:var(--paper);color:#222;padding:78px 0 86px}.detail-category-heading{max-width:760px;margin-bottom:28px}.detail-category-heading .eyebrow{margin-bottom:14px}.detail-category-heading h2{font-size:clamp(28px,3.5vw,48px);font-weight:400}.detail-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;border-top:1px solid #c9c5bf}.detail-category-grid a{min-height:64px;padding:17px 0;background:transparent;color:#222;border:0;border-bottom:1px solid #c9c5bf;border-radius:0}.detail-category-grid a b{font-size:12px;font-weight:700;letter-spacing:.06em}.detail-category-grid a span{color:var(--orange);font-size:21px}.detail-category-grid a:hover{background:transparent;border-color:#c9c5bf}.detail-category-grid a:hover b{color:var(--orange)}
@media(max-width:500px){.detail-category-nav{padding:58px 0 66px}.detail-category-grid{grid-template-columns:1fr;gap:0}}


/* Keep product detail focused: remove the unrelated category navigation block. */
.detail-category-nav{display:none!important}
/* Neutral compact links for product category and brand. */
.detail-copy .eyebrow a{color:#777!important;text-decoration:none!important;font-size:inherit;font-weight:600}
.detail-copy .eyebrow a:hover{color:#222!important}
.detail-copy .eyebrow span{color:#aaa!important}
.detail-copy .product-brand-link.detail-brand-hoxter{background-image:url('assets/hoxter-logo.png')!important;filter:brightness(0)!important}
.detail-copy .product-brand-link.detail-brand-romotop{background-image:url('assets/romotop-logo.png')!important;filter:brightness(0)!important}
.detail-copy .product-brand-link.detail-brand-trimline{background-image:url('assets/trimline-logo.png')!important;filter:brightness(0)!important}
@media(max-width:560px){.detail-copy .product-brand-link.detail-brand-trimline{width:175px!important;height:31px!important;background-size:contain!important}}
/* Flex 18SS: category first, brand directly underneath; both remain links. */
.detail-copy .eyebrow .product-category-link,
.detail-copy .eyebrow .product-brand-link{display:block;color:#000!important;text-decoration:none!important;text-transform:none;letter-spacing:.03em;line-height:1.25}
.detail-copy .eyebrow .product-category-link{font-size:18px!important;font-weight:700}
.detail-copy .eyebrow .product-brand-link{margin-top:10px;font-size:22px!important;font-weight:400}
.detail-copy .eyebrow .product-category-link:hover,
.detail-copy .eyebrow .product-brand-link:hover{color:#222!important}
@media(min-width:901px){.detail-copy{align-self:start}.detail-copy .eyebrow{margin-bottom:30px}}
/* Flex 18SS hero spacing and CTA proportions. */
.detail-copy .availability{display:none!important}
.detail-copy .button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:15px 28px!important;font-size:12px!important;line-height:1.2;text-align:center}
.detail-copy>.button{background:#111!important;border-color:#111!important;color:#fff!important}
.detail-copy>.button:hover{background:#333!important;border-color:#333!important;color:#fff!important}
@media(min-width:901px){.detail-copy .eyebrow{transform:translateY(-18px);margin-bottom:12px}}
@media(min-width:901px){
  .detail-page .breadcrumb{padding-top:46px;padding-bottom:24px;font-size:11px;gap:14px;color:#8a8782;}
  .detail-page .breadcrumb strong{font-size:12px;color:#222;font-weight:600;}
  .detail-page .breadcrumb{border-bottom:1px solid #e5e2de;}
}

/* Premium technical data hierarchy. */
.detail-page .detail-info,
.detail-page .detail-efficiency{position:relative}
.detail-page .detail-info .eyebrow,
.detail-page .detail-efficiency .eyebrow{letter-spacing:.12em;font-size:10px;font-weight:600}
.detail-page .spec-table,
.detail-page .efficiency-table{border-top:1px solid currentColor}
.detail-page .spec-table div,
.detail-page .efficiency-table div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.detail-page .spec-table span,
.detail-page .efficiency-table span{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.045em}
.detail-page .spec-table b,
.detail-page .efficiency-table b{font-size:14px;font-weight:600;text-align:right}
.detail-page .detail-efficiency .efficiency-table span{color:#aaa}
.detail-page .detail-docs>div:last-child>a{display:flex;align-items:center;justify-content:space-between;gap:18px}
.detail-page .detail-docs>div:last-child>a span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #bbb;border-radius:50%;font-size:16px}
@media(max-width:560px){
  .detail-page .detail-info,.detail-page .detail-efficiency{gap:28px;padding-top:54px;padding-bottom:54px}
  .detail-page .spec-table div,.detail-page .efficiency-table div{min-height:44px;padding:11px 0}
  .detail-page .spec-table span,.detail-page .efficiency-table span{font-size:10px}
  .detail-page .spec-table b,.detail-page .efficiency-table b{font-size:13px}
  .detail-page .detail-info h2,.detail-page .detail-efficiency h2{font-size:28px}
}

/* Quick specifications under the product description. */
.detail-page .spec-line{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #c9c4bd;
  border-bottom:1px solid #c9c4bd;
}
.detail-page .spec-line div{
  min-width:0;
  padding:18px 18px 17px 0 !important;
  border-right:1px solid #d8d4ce;
}
.detail-page .spec-line div+div{padding-left:18px !important}
.detail-page .spec-line div:last-child{border-right:0}
.detail-page .spec-line small{
  display:block;
  margin-bottom:8px;
  color:#8a8782;
  font-size:9px;
  font-weight:600;
  letter-spacing:.1em;
  line-height:1.25;
}
.detail-page .spec-line b{display:block;font-size:17px !important;font-weight:600;line-height:1.15}
@media(max-width:560px){
  .detail-page .spec-line div{padding:14px 9px 14px 0 !important}
  .detail-page .spec-line div+div{padding-left:9px !important}
  .detail-page .spec-line small{font-size:8px;margin-bottom:6px;letter-spacing:.06em}
  .detail-page .spec-line b{font-size:13px !important}
}

/* Product identity hierarchy: category, brand mark, then model name. */
.detail-page .detail-copy .eyebrow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:#8a8782;
  font-size:10px;
  letter-spacing:.1em;
}
.detail-page .detail-copy .product-category-link{
  color:#8a8782;
  font-weight:500;
}
.detail-page .detail-copy .product-brand-link{
  color:#555;
  font-size:10px;
  font-weight:600;
}
.detail-page .detail-copy .detail-brand-logo{
  display:block;
  width:auto;
  max-width:150px;
  height:34px;
  object-fit:contain;
  object-position:left center;
  margin:16px 0 14px;
}
.detail-page .detail-copy h1{margin-top:0}
@media(max-width:560px){
  .detail-page .detail-copy .eyebrow{gap:7px;font-size:9px}
  .detail-page .detail-copy .product-brand-link{font-size:9px}
  .detail-page .detail-copy .detail-brand-logo{max-width:125px;height:29px;margin:12px 0 11px}
  .detail-page .detail-copy h1{margin-bottom:18px}
}

/* Final mobile download treatment. */
@media(max-width:560px){
  .detail-page .detail-docs>div:last-child>a{
    display:flex !important; align-items:center !important; min-height:54px !important;
    margin:5px 0 !important; padding:15px 16px !important;
    border:1px solid #d4d0ca !important; border-left:3px solid #737d84 !important;
    border-radius:3px !important; background:#f1f0ee !important;
    font-size:17px !important; line-height:1.25 !important;
  }
  .detail-page .detail-docs>div:last-child>a:nth-child(2){border-left-color:#68766c !important}
  .detail-page .detail-docs>div:last-child>a:nth-child(3){border-left-color:#333 !important}
  .detail-page .detail-docs>div:last-child>a>span{
    display:grid !important; place-items:center !important; flex:0 0 30px !important;
    width:30px !important; height:30px !important; margin-left:12px !important;
    border:1px solid #aaa6a0 !important; border-radius:50% !important;
    color:#333 !important; font-size:20px !important; line-height:1 !important;
  }
  .detail-page .detail-docs .doc-panel{padding:2px 0 8px 10px !important}
  .detail-page .detail-docs .doc-panel a{
    display:flex !important; align-items:center !important; min-height:44px !important;
    margin:5px 0 !important; padding:11px 13px !important;
    border:1px solid #d8d4ce !important; border-radius:3px !important;
    background:#fff !important; font-size:15px !important; line-height:1.35 !important;
  }
  .detail-page .detail-docs .doc-panel a span{
    display:grid !important; place-items:center !important; flex:0 0 24px !important;
    width:24px !important; height:24px !important; margin-left:10px !important;
    border:1px solid #b4afa8 !important; border-radius:50% !important;
    color:#555 !important; font-size:16px !important;
  }
}

/* Mobile documentation links: make downloadable files unmistakable. */
@media(max-width:560px){
  .detail-page .detail-docs>div:last-child>a{
    display:flex !important;
    align-items:center !important;
    min-height:54px !important;
    margin:5px 0 !important;
    padding:15px 16px !important;
    border:1px solid #d4d0ca !important;
    border-left:3px solid #737d84 !important;
    border-radius:3px !important;
    background:#f1f0ee !important;
    font-size:17px !important;
    line-height:1.25 !important;
  }
  .detail-page .detail-docs>div:last-child>a:nth-child(2){border-left-color:#68766c !important}
  .detail-page .detail-docs>div:last-child>a:nth-child(3){border-left-color:#333 !important}
  .detail-page .detail-docs>div:last-child>a>span{
    display:grid !important;
    place-items:center !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    margin-left:12px !important;
    border:1px solid #aaa6a0 !important;
    border-radius:50% !important;
    color:#333 !important;
    font-size:20px !important;
    line-height:1 !important;
  }
  .detail-page .detail-docs .doc-panel{
    padding:2px 0 8px 10px !important;
  }
  .detail-page .detail-docs .doc-panel a{
    min-height:44px !important;
    margin:5px 0 !important;
    padding:11px 13px !important;
    border:1px solid #d8d4ce !important;
    border-radius:3px !important;
    background:#fff !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }
  .detail-page .detail-docs .doc-panel a span{
    display:grid !important;
    place-items:center !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    margin-left:10px !important;
    border:1px solid #b4afa8 !important;
    border-radius:50% !important;
    color:#555 !important;
    font-size:16px !important;
  }
}
.quote-modal[hidden]{display:none}
.quote-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.quote-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56)}
.quote-modal-card{position:relative;z-index:1;width:min(100%,480px);padding:34px;background:#fff;color:#111;box-shadow:0 20px 70px rgba(0,0,0,.24)}
.quote-modal-card h2{margin:0 0 24px;font-size:28px;line-height:1.1;font-weight:500}
.quote-modal-card .eyebrow{margin:0 0 10px;color:#666;font-size:11px;letter-spacing:.08em}
.quote-modal-close{position:absolute;top:12px;right:16px;border:0;background:transparent;color:#111;font-size:28px;line-height:1;cursor:pointer}
.quote-form{display:grid;gap:14px}.quote-form label{display:grid;gap:6px;font-size:10px;letter-spacing:.08em;font-weight:600}.quote-form input,.quote-form textarea{width:100%;border:0;border-bottom:1px solid #bbb;padding:9px 0;font:inherit;font-size:14px;outline:0;resize:vertical}.quote-form input:focus,.quote-form textarea:focus{border-color:#111}.quote-form .button{margin-top:6px;background:#111!important;border-color:#111!important;color:#fff!important;padding:13px 18px!important;font-size:10px!important}
body.quote-modal-open{overflow:hidden}
@media(max-width:560px){
  .quote-modal-card{
    padding:28px 22px;
    max-height:calc(100dvh - 32px);
    overflow-y:auto;
  }
  .quote-modal-card h2{font-size:24px}
  .quote-form .button{
    width:100% !important;
    min-height:48px !important;
    padding:14px 18px !important;
    font-size:11px !important;
  }
}

@media(max-width:560px){
  /* Compact mobile detail sections: keep the information dense and easy to scan. */
  .detail-page .detail-info,
  .detail-page .detail-docs{
    padding:46px 20px !important;
    gap:24px !important;
  }
  .detail-page .detail-info h2,
  .detail-page .detail-docs h2{
    font-size:25px !important;
    line-height:1.12 !important;
  }
  .detail-page .detail-docs>div:first-child{
    margin-bottom:12px !important;
  }
  .detail-page .spec-table div{
    display:flex !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding:10px 0 !important;
    font-size:13px !important;
  }
  .detail-page .spec-table div small,
  .detail-page .spec-table div span{
    font-size:13px !important;
  }
  .detail-page .spec-table div b{
    flex:0 0 auto !important;
    font-size:13px !important;
    text-align:right !important;
  }
  .detail-page .detail-main{height:300px !important;}
  .detail-page .detail-hero{gap:34px !important;padding-bottom:48px !important;}
  .detail-page .spec-line{margin:22px 0 22px !important;}
  .detail-page .spec-line div{padding:12px 6px 12px 0 !important;}
  .detail-page .spec-line small{font-size:8px !important;margin-bottom:6px !important;}
  .detail-page .spec-line b{font-size:13px !important;}
  .detail-page .detail-efficiency{padding:44px 20px !important;gap:22px !important;}
  .detail-page .detail-efficiency h2{font-size:25px !important;line-height:1.12 !important;max-width:280px !important;}
  .detail-page .efficiency-table div{min-height:0 !important;padding:10px 0 !important;font-size:12.5px !important;}
  .detail-page .efficiency-table div span{font-size:12.5px !important;}
  .detail-page .efficiency-table div b{font-size:15px !important;}
  .detail-page .breadcrumb{border-bottom:1px solid #e5e2de;font-size:10px !important;gap:10px !important;}
  .detail-page .breadcrumb strong{font-size:11px !important;}
  .detail-copy .product-category-link {
    color: #888 !important;
    font-size: 8px !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
  }
  .detail-page .detail-copy h1 { font-size: 29px !important; line-height: 1.08 !important; margin-bottom: 16px !important; }
  .detail-page .detail-docs>div:last-child>a{
    padding:10px 16px !important;
    margin:2px 0 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.035em !important;
    align-items:center !important;
  }
  .detail-page .detail-docs .doc-panel a{
    padding:7px 0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }
  .detail-page .detail-copy>.button,
  .detail-page .detail-copy>.detail-link{
    display:flex !important;
    width:max-content !important;
    max-width:100% !important;
  }
  .detail-page .detail-copy>.button{
    min-height:48px !important;
    padding:14px 22px !important;
  }
  .detail-page .detail-copy>.detail-link{
    min-height:44px !important;
    align-items:center !important;
    margin:14px 0 0 !important;
  }
  .detail-copy .product-brand-link {
    display: inline-block !important;
    width: 126px !important;
    height: 23px !important;
    margin-left: 8px !important;
    overflow: hidden !important;
    color: transparent !important;
    text-indent: -9999px !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    background: url('assets/ecosmart-logo.png') left center / contain no-repeat !important;
    filter: brightness(0) !important;
  }
  .detail-copy .detail-brand-logo {
    display: block !important;
    width: 118px !important;
    height: 22px !important;
    margin: 0 0 12px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: brightness(0) !important;
  }
  .detail-copy .eyebrow .product-category-link {
    display:block !important;
    margin-left:0 !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .07em !important;
  }
  .detail-copy .eyebrow{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }
  .detail-copy .eyebrow .product-brand-link {
    margin-left:0 !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
  }
  .detail-copy .product-brand-link.detail-brand-hoxter {
    width: 96px !important;
    height: 17px !important;
    transform: translateY(7px) !important;
    margin-bottom: 18px !important;
  }
  .detail-copy .product-brand-link.detail-brand-romotop {
    transform: translateY(7px) !important;
    margin-bottom: 18px !important;
  }
}

@media(min-width:561px){
  .detail-copy .product-category-link {
    color: #888 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: .07em !important;
  }
  .detail-copy .detail-brand-logo {
    display: block !important;
    width: 138px !important;
    height: 26px !important;
    margin: 0 0 16px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: brightness(0) !important;
  }
}

@media(min-width:901px){
  /* Desktop documentation: reduce the empty vertical space and archive height. */
  .detail-page .detail-docs{
    padding-top:72px !important;
    padding-bottom:78px !important;
    gap:52px !important;
  }
  .detail-page .detail-docs>div:first-child{
    margin-bottom:28px !important;
  }
  .detail-page .detail-docs h2{
    font-size:40px !important;
  }
  .detail-page .detail-docs>div:last-child>a{
    padding:15px 24px !important;
    margin:3px 0 !important;
    font-size:17px !important;
  }
}

/* Final mobile download treatment. */
@media(max-width:560px){
  .detail-page .detail-docs>div:last-child>a{display:flex !important;align-items:center !important;min-height:54px !important;margin:5px 0 !important;padding:15px 16px !important;border:1px solid #d4d0ca !important;border-left:3px solid #737d84 !important;border-radius:3px !important;background:#f1f0ee !important;font-size:17px !important;line-height:1.25 !important}
  .detail-page .detail-docs>div:last-child>a:nth-child(2){border-left-color:#68766c !important}
  .detail-page .detail-docs>div:last-child>a:nth-child(3){border-left-color:#333 !important}
  .detail-page .detail-docs>div:last-child>a>span{display:grid !important;place-items:center !important;flex:0 0 30px !important;width:30px !important;height:30px !important;margin-left:12px !important;border:1px solid #aaa6a0 !important;border-radius:50% !important;color:#333 !important;font-size:20px !important;line-height:1 !important}
  .detail-page .detail-docs .doc-panel{padding:2px 0 8px 10px !important}
  .detail-page .detail-docs .doc-panel a{display:flex !important;align-items:center !important;min-height:44px !important;margin:5px 0 !important;padding:11px 13px !important;border:1px solid #d8d4ce !important;border-radius:3px !important;background:#fff !important;font-size:15px !important;line-height:1.35 !important}
  .detail-page .detail-docs .doc-panel a span{display:grid !important;place-items:center !important;flex:0 0 24px !important;width:24px !important;height:24px !important;margin-left:10px !important;border:1px solid #b4afa8 !important;border-radius:50% !important;color:#555 !important;font-size:16px !important}
}

/* Keep the product name together and make the archive labels quieter. */
.detail-page .detail-docs h2:has(.docs-model-name){font-size:20px !important;line-height:1.15 !important;margin:0 !important;letter-spacing:-.02em !important}
.detail-page .detail-docs h2 .docs-model-name{display:block;margin-top:3px !important;font-size:16px !important;line-height:1.15 !important;white-space:nowrap}
.detail-page .detail-docs>div:last-child>a{font-size:14px !important;padding:14px 0 !important}
.detail-page .spec-line{border-top:0 !important;border-bottom:0 !important}
.detail-page .spec-line div,.detail-page .spec-line div+div{border-right:0 !important}
.detail-page .detail-docs>div:last-child>a>span{position:relative;font-size:0 !important;line-height:0 !important;flex:0 0 28px}
.detail-page .detail-docs>div:last-child>a>span::before,
.detail-page .detail-docs>div:last-child>a>span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#555;transform:translate(-50%,-50%)}
.detail-page .detail-docs>div:last-child>a>span::after{transform:translate(-50%,-50%) rotate(90deg)}
.detail-page .detail-docs>div:last-child>a.is-open>span::after{display:none}
.detail-page .spec-line small{min-height:24px !important;display:flex !important;align-items:flex-start !important}
@media(max-width:560px){
  .detail-page .detail-docs>div:last-child>a{font-size:13px !important;min-height:46px !important;padding:11px 13px !important}
  .detail-page .detail-docs>div:last-child>a>span{width:26px !important;height:26px !important;flex-basis:26px !important}
  .detail-page .spec-line small{min-height:22px !important}
}

/* Final quick-specs treatment. */
.detail-page .spec-line{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;border-top:0 !important;border-bottom:0 !important}
.detail-page .spec-line div{min-width:0 !important;padding:18px 18px 17px 0 !important;border-right:0 !important}
.detail-page .spec-line div+div{padding-left:18px !important}
.detail-page .spec-line div:last-child{border-right:0 !important}
.detail-page .spec-line small{display:block !important;margin-bottom:8px !important;color:#8a8782 !important;font-size:9px !important;font-weight:600 !important;letter-spacing:.1em !important;line-height:1.25 !important}
.detail-page .spec-line b{display:block !important;font-size:17px !important;font-weight:600 !important;line-height:1.15 !important}
@media(max-width:560px){
  .detail-page .spec-line div{padding:14px 9px 14px 0 !important}
  .detail-page .spec-line div+div{padding-left:9px !important}
  .detail-page .spec-line small{font-size:8px !important;margin-bottom:6px !important;letter-spacing:.06em !important}
  .detail-page .spec-line b{font-size:13px !important}
}

/* Final product identity alignment. */
.detail-page .detail-copy .eyebrow{gap:10px !important;color:#8a8782 !important;font-size:10px !important;letter-spacing:.1em !important}
.detail-page .detail-copy .product-category-link{color:#8a8782 !important;font-weight:500 !important}
.detail-page .detail-copy .product-brand-link{color:#555 !important;font-size:10px !important;font-weight:600 !important}
.detail-page .detail-copy .detail-brand-logo{display:block !important;width:auto !important;max-width:150px !important;height:34px !important;margin:16px 0 14px !important;object-fit:contain !important;object-position:left center !important}
@media(max-width:560px){
  .detail-page .detail-copy .eyebrow{gap:7px !important;font-size:9px !important}
  .detail-page .detail-copy .product-brand-link{font-size:9px !important}
  .detail-page .detail-copy .detail-brand-logo{max-width:125px !important;height:29px !important;margin:12px 0 11px !important}
}

/* Hoxter desktop identity follows the stacked mobile hierarchy. */
@media(min-width:561px){
  .detail-page .detail-copy .eyebrow:has(.detail-brand-hoxter){
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    flex-wrap:nowrap;
    gap:0 !important;
    transform:none;
    margin:0 0 20px;
  }
  .detail-page .detail-copy .eyebrow .product-brand-link.detail-brand-hoxter{
    display:block !important;
    width:126px !important;
    height:23px !important;
    margin:18px 0 0 !important;
    background-position:left center !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    overflow:hidden;
    text-indent:-9999px;
    transform:none !important;
  }
}

/* Compact desktop documentation archive. */
@media(min-width:901px){
  .detail-page .detail-docs{
    padding-top:48px !important;
    padding-bottom:48px !important;
    gap:32px !important;
    align-items:start;
  }
  .detail-page .detail-docs>div:first-child{margin-bottom:0 !important}
  .detail-page .detail-docs>div:last-child{gap:6px !important}
  .detail-page .detail-docs>div:last-child>a{
    min-height:44px;
    margin:0 !important;
    padding:8px 16px !important;
    font-size:13px !important;
    line-height:1.3;
  }
  .detail-page .detail-docs .doc-panel{padding:0 0 4px 16px}
  .detail-page .detail-docs .doc-panel a{
    margin:0;
    padding:7px 0 !important;
    font-size:13px !important;
  }
}

/* Final technical section refinement. */
.detail-page .detail-info .spec-table,
.detail-page .detail-efficiency .efficiency-table{border-top:1px solid currentColor}
.detail-page .detail-info .spec-table div,
.detail-page .detail-efficiency .efficiency-table div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.detail-page .detail-info .spec-table span,
.detail-page .detail-efficiency .efficiency-table span{font-size:11px;text-transform:uppercase;letter-spacing:.045em}
.detail-page .detail-info .spec-table b,
.detail-page .detail-efficiency .efficiency-table b{font-size:14px;font-weight:600;text-align:right}
.detail-page .detail-efficiency .efficiency-table span{color:#aaa}
@media(max-width:560px){
  .detail-page .detail-info,.detail-page .detail-efficiency{gap:28px;padding-top:54px;padding-bottom:54px}
  .detail-page .detail-info .spec-table div,.detail-page .detail-efficiency .efficiency-table div{min-height:44px;padding:11px 0}
  .detail-page .detail-info .spec-table span,.detail-page .detail-efficiency .efficiency-table span{font-size:10px}
  .detail-page .detail-info .spec-table b,.detail-page .detail-efficiency .efficiency-table b{font-size:13px}
  .detail-page .detail-info h2,.detail-page .detail-efficiency h2{font-size:28px}
}
/* Full desktop proportions with lightly reduced vertical spacing. */
@media(min-width:901px){
  .detail-page .breadcrumb{padding-top:32px;padding-bottom:22px}
  .detail-page .detail-hero{gap:64px;padding:22px 0 76px;align-items:center}
  .detail-page .detail-main{height:560px}
  .detail-page .detail-copy{align-self:center}
  .detail-page .detail-copy h1{font-size:clamp(44px,4.6vw,66px);line-height:1.02;margin-bottom:22px}
  .detail-page .spec-line{margin:28px 0 26px}
  .detail-page .detail-info,.detail-page .detail-efficiency,.detail-page .detail-service{
    padding-top:80px;padding-bottom:80px;gap:64px;
  }
}
@media(min-width:901px){
  .detail-page .detail-efficiency h2.hoxter-performance-title{font-size:26px;line-height:1.2}
}

/* Consistent desktop headings across product information sections. */
@media(min-width:901px){
  .detail-page .detail-info h2,
  .detail-page .detail-efficiency h2,
  .detail-page .detail-docs h2,
  .detail-page .detail-docs h2:has(.docs-model-name){
    font-size:28px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
  }
}

.hoxter-source-link,.hoxter-operation-note{display:block;margin:18px 0 0;font-size:12px;line-height:1.6;font-weight:400;text-transform:none;letter-spacing:0}
.hoxter-source-link{color:#666;text-decoration:underline;text-underline-offset:3px}
.hoxter-operation-note{color:#aaa;max-width:360px}
.detail-page .detail-info .spec-table b{overflow-wrap:anywhere}
.hoxter-dimensions-link{display:block;margin-top:12px;font-size:11px;line-height:1.5;font-weight:500;color:#222;text-decoration:underline;text-underline-offset:4px}

/* Slightly smaller desktop performance table text. */
@media(min-width:901px){
  .detail-page .detail-efficiency .efficiency-table span{font-size:11px !important;line-height:1.4}
  .detail-page .detail-efficiency .efficiency-table b{font-size:14px !important;line-height:1.3}
  .detail-page .detail-docs{column-gap:64px !important}
}

/* Installation context stays beside the dimensions it qualifies. */
.detail-page .hoxter-installation-note{font-size:12px;line-height:1.5;color:#737373;margin:18px 0 0;max-width:56ch;}

.detail-gallery.hoxter-model-gallery{min-width:0;}
.detail-gallery.hoxter-model-gallery .detail-main{background:#fff center/contain no-repeat;}
.detail-gallery.hoxter-model-gallery .thumbs{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding-bottom:5px;}
.detail-gallery.hoxter-model-gallery .thumbs button{flex:0 0 76px;height:76px;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#fff!important;}
.hoxter-photo-caption{font-size:12px;line-height:1.4;color:#737373;margin:8px 0 12px;}
.detail-page .detail-docs a[data-accordion-ready][hidden]{display:none!important;}
.trimline-detail .detail-copy .eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.trimline-detail .detail-copy .eyebrow .product-category-link{font-size:12px!important;}
.trimline-detail .detail-copy .eyebrow .product-brand-link{font-size:12px!important;color:#111!important;}
.trimline-detail .doc-panel[hidden]{display:none!important;}
.ecosmart-detail .detail-copy .eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.ecosmart-detail .detail-copy .eyebrow .product-category-link{font-size:12px!important;}
.ecosmart-detail .detail-copy .eyebrow .product-brand-link{font-size:12px!important;color:#111!important;}
.ecosmart-detail .doc-panel[hidden]{display:none!important;}
.ecosmart-configuration{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:20px;}
.ecosmart-configuration label{font-size:10px;font-weight:600;letter-spacing:.06em;color:#777;}
.ecosmart-configuration select{min-width:210px;max-width:100%;padding:10px 32px 10px 12px;border:1px solid #c9c4bd;border-radius:0;background:#fff;color:#222;font:inherit;font-size:13px;}
.ecosmart-configuration select:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}