/* Compact product cards, editable through the existing Elementor widget. */
.huun-mega-list{--hmm-ink:var(--huun-navy,#083251);--hmm-image:104px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;color:var(--hmm-ink);font:400 var(--huun-type-label,14px)/1.45 Outfit,Arial,sans-serif;text-align:left}
.huun-mega-list *{box-sizing:border-box}
.huun-mega-list .huun-mega-row{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid #d4e1eb;border-radius:14px;background:linear-gradient(140deg,#ffffffeb,#eef4f9a6);box-shadow:inset 0 1px 0 #fff}
.huun-mega-list .huun-mega-row-main{display:grid;grid-template-columns:var(--hmm-image) minmax(0,1fr);gap:14px;align-items:center;min-width:0;white-space:normal;color:var(--hmm-ink);text-decoration:none;min-height:44px}
.huun-mega-list .huun-mega-row-image{display:grid;place-items:center;width:var(--hmm-image);height:104px;border-radius:10px;overflow:hidden;background:#e9f0f5}
.huun-mega-list .huun-mega-row-image picture{display:block;width:100%;height:100%;min-width:0;min-height:0;border-radius:inherit;overflow:hidden}
.huun-mega-list .huun-mega-row-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0;border-radius:inherit}
.huun-mega-list .huun-mega-row-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.huun-mega-list .huun-mega-row-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}
.huun-mega-list .huun-mega-row-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:4px 7px;border:1px solid #d5e1e9;border-radius:999px;background:#e9eef2;color:var(--hmm-ink);font-size:var(--huun-type-caption,12px);font-weight:500;letter-spacing:0;line-height:1.3;text-transform:none;overflow-wrap:anywhere}
.huun-mega-list .huun-mega-row-badge--highlight{background:#eeeae6;border-color:#e3dacf;color:#73583f}
.huun-mega-list .huun-mega-row-title{font:500 var(--huun-type-card-title,20px)/1.2 Outfit,Arial,sans-serif;letter-spacing:-.025em;color:var(--hmm-ink);overflow-wrap:anywhere}
.huun-mega-list .huun-mega-size-count{font-size:var(--huun-type-caption,12px);line-height:1.4;color:#526575}
.huun-mega-list .huun-mega-row-cta{display:inline-flex;align-items:center;gap:7px;min-height:24px;font-size:var(--huun-type-caption,12px);font-weight:500;color:var(--hmm-ink);text-decoration:none}
.huun-mega-list .huun-mega-row-cta svg{width:12px;height:12px}
.huun-mega-list .huun-mega-row-main:hover .huun-mega-row-title{color:#286487}
.huun-mega-list .huun-mega-row-detail{display:flex;flex-direction:column;gap:10px;min-width:0;margin-top:auto;padding-top:12px;border-top:1px solid #d8e4ec}
.huun-mega-list .huun-mega-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:6px;list-style:none;margin:0;padding:0}
.huun-mega-list .huun-mega-benefits li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:var(--huun-type-caption,12px);line-height:1.3;font-weight:400;overflow-wrap:anywhere;margin:0;padding:0;background:transparent}
.huun-mega-list .huun-mega-benefits svg{flex:none;width:23px;height:23px}
.huun-mega-list .huun-mega-row-description{margin:0;color:#526575;font-size:var(--huun-type-caption,12px);line-height:1.5}
.huun-mega-list .huun-mega-list-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;color:#536c7e;font-size:var(--huun-type-caption,12px)}
.huun-mega-list .huun-mega-list-footer a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #c7d9e5;border-radius:9px;background:#edf4f8;color:var(--hmm-ink);font-size:var(--huun-type-caption,12px);font-weight:500;text-decoration:none;white-space:nowrap}
.huun-mega-list a:focus-visible{outline:2px solid #286487;outline-offset:3px;border-radius:9px}
.huun-mega-preview{margin:0;background:#f3f7fa;font-family:Outfit,Arial,sans-serif}
.huun-mega-preview-canvas{box-sizing:border-box;width:calc(100% - 24px);max-width:var(--huun-mega-width,1080px);margin:24px auto;padding:16px;border:1px solid #d6e2eb;border-radius:var(--huun-radius,22px);background:#fffffff0}
@media(max-width:980px){
 .huun-mega-list{--hmm-image:76px;grid-template-columns:minmax(0,1fr);gap:10px}
 .huun-mega-list .huun-mega-row{gap:10px;padding:12px;border-radius:12px}
 .huun-mega-list .huun-mega-row-main{gap:12px}
 .huun-mega-list .huun-mega-row-image{height:84px}
 .huun-mega-list .huun-mega-row-title{font-size:var(--huun-type-body,17px)}
 .huun-mega-list .huun-mega-row-detail{padding-top:10px;gap:8px}
 .huun-mega-list .huun-mega-benefits{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:5px}
 .huun-mega-list .huun-mega-benefits li{font-size:var(--huun-type-caption,12px)}
 .huun-mega-list .huun-mega-row-description{font-size:var(--huun-type-caption,12px)}
 .huun-mega-list .huun-mega-list-footer{flex-wrap:wrap;gap:6px}
 .huun-mega-list .huun-mega-list-footer a{min-height:40px}
}
@media(prefers-reduced-motion:no-preference){.huun-mega-list .huun-mega-row-title{transition:color .15s ease}}
@media(forced-colors:active){.huun-mega-list .huun-mega-row,.huun-mega-list .huun-mega-row-image,.huun-mega-list .huun-mega-list-footer a,.huun-mega-list .huun-mega-row-badge{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}

/* Equa / Piano: compact, quiet product cards with a consistent HUUN hierarchy. */
.huun-mega-list.huun-mega-list--pergolen{--hmm-image:132px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}
.huun-mega-list--pergolen .huun-mega-row{padding:16px;gap:14px;border-radius:16px;border-color:#08325118;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:inset 0 1px 0 #fff,0 3px 12px #08325105}
.huun-mega-list--pergolen .huun-mega-row-main{gap:16px;align-items:center}
.huun-mega-list--pergolen .huun-mega-row-image{height:132px;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#dce8f0,#f1f6f9 75%);border:1px solid #08325108}
.huun-mega-list--pergolen .huun-mega-row-image img{padding:0;object-fit:cover;border-radius:inherit}
.huun-mega-list--pergolen .huun-mega-row-copy{gap:7px}
.huun-mega-list--pergolen .huun-mega-row-badges{gap:5px}
.huun-mega-list--pergolen .huun-mega-row-badge{border-radius:6px;padding:4px 7px;background:#edf3f7;border-color:#dfe9ef;color:var(--hmm-ink)}
.huun-mega-list--pergolen .huun-mega-row-badge--highlight{background:var(--hmm-ink);border-color:var(--hmm-ink);color:#fff}
.huun-mega-list--pergolen .huun-mega-row-cta{gap:9px;padding-top:3px}
.huun-mega-list--pergolen .huun-mega-row-cta svg{width:14px;height:14px}
.huun-mega-list--pergolen .huun-mega-row-detail{margin-top:auto;gap:11px;padding-top:14px;border-color:#08325112}
.huun-mega-list--pergolen .huun-mega-benefits{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:9px 14px}
.huun-mega-list--pergolen .huun-mega-benefits li{flex-direction:row;align-items:center;gap:6px;text-align:left;color:#34566d;white-space:normal}
.huun-mega-list--pergolen .huun-mega-benefits svg{width:17px;height:17px;color:var(--hmm-ink)}
.huun-mega-list--pergolen .huun-mega-list-footer{padding:0 3px;gap:12px}
.huun-mega-list--pergolen .huun-mega-list-footer a{min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;border-radius:8px}
@media(hover:hover){.huun-mega-list--pergolen .huun-mega-row:hover{border-color:#8aafc7;box-shadow:inset 0 1px 0 #fff,0 6px 20px #0832510d}.huun-mega-list--pergolen .huun-mega-row-main:hover .huun-mega-row-title{color:var(--hmm-ink)}.huun-mega-list--pergolen .huun-mega-list-footer a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:no-preference){.huun-mega-list--pergolen .huun-mega-row{transition:border-color .18s ease,box-shadow .18s ease}}
.huun-mobile-nav .huun-mega-list.huun-mega-list--pergolen{--hmm-image:84px;grid-template-columns:minmax(0,1fr);gap:10px}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row{padding:12px;gap:10px;border-radius:12px}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row-main{gap:12px}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row-image{height:84px;border-radius:12px}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row-detail{padding-top:10px}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row-description{display:none}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-list-footer{display:block;padding:0}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-list-footer>span{display:none}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-list-footer a{width:100%;padding:8px 12px;border:1px solid #cfdee9;background:#f5f9fc}
@media(max-width:980px){
 .huun-mega-list.huun-mega-list--pergolen{--hmm-image:84px;grid-template-columns:minmax(0,1fr);gap:10px}
 .huun-mega-list--pergolen .huun-mega-row{padding:12px;gap:10px;border-radius:12px}
 .huun-mega-list--pergolen .huun-mega-row-main{gap:12px}
 .huun-mega-list--pergolen .huun-mega-row-image{height:84px}
 .huun-mega-list--pergolen .huun-mega-row-description{display:none}
 .huun-mega-list--pergolen .huun-mega-benefits{gap:8px 12px}
}
@media(forced-colors:active){.huun-mega-list--pergolen .huun-mega-row,.huun-mega-list--pergolen .huun-mega-row-badge,.huun-mega-list--pergolen .huun-mega-row-image{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}

/* About: retain the original links, Showroom and factory images without rewriting Elementor data.
   Older containers used the widget-only _css_classes key. Structural selectors repair those
   already-saved documents too, including boxed containers with an e-con-inner wrapper. */
.huun-header:not(.huun-compact) .huun-menu-slot-about>.huun-mega{width:min(820px,var(--huun-mega-width,1080px),100%);padding:16px;background:linear-gradient(145deg,#fcfefffa,#edf4f9f5);border-color:#cfdee9;box-shadow:inset 0 1px 0 #fff,0 18px 50px #0832511f}
.huun-mega-content :is(.huun-about-menu,.e-con:has(>.huun-about-card),.e-con:has(>.e-con-inner>.huun-about-card)){display:grid!important;grid-template-columns:minmax(148px,.72fr) repeat(2,minmax(0,1fr));gap:14px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;align-items:stretch}
.huun-mega-content :is(.huun-about-menu,.e-con:has(>.e-con-inner>.huun-about-card))>.e-con-inner{display:contents}
.huun-mega-content :is(.huun-about-links,.e-con:has(>.huun-about-link),.e-con:has(>.e-con-inner>.huun-about-link)){display:flex!important;flex-direction:column;align-self:stretch;justify-content:center;width:100%!important;min-width:0;gap:4px!important;margin:0!important;padding:8px 12px 8px 0!important;border-right:1px solid #08325114}
.huun-mega-content :is(.huun-about-links,.e-con:has(>.e-con-inner>.huun-about-link))>.e-con-inner{display:contents}
.huun-mega-content .huun-about-link{width:100%!important;margin:0!important}
.huun-mega-content .huun-about-link .elementor-heading-title{margin:0;font:500 var(--huun-type-label,14px)/1.4 Outfit,Arial,sans-serif;color:#083251}
.huun-mega-content .huun-about-link a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none}
.huun-mega-content .huun-about-link a::after{content:'›';flex:none;font-size:20px;color:#6e899b}
.huun-mega-content .huun-about-link a:hover{background:#e8f0f6;color:#083251}
.huun-mega-content .huun-about-card{width:100%!important;min-width:0;align-self:stretch;margin:0!important;padding:8px!important;border:1px solid #d4e1ea;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:inset 0 1px 0 #fff}
.huun-mega-content .huun-about-card .elementor-image-box-wrapper{display:flex;flex-direction:column;gap:0;text-align:left}
.huun-mega-content .huun-about-card .elementor-image-box-img{display:block;width:100%!important;max-width:100%;aspect-ratio:8 / 5;margin:0!important;border-radius:9px;overflow:hidden}
.huun-mega-content .huun-about-card .elementor-image-box-img :is(a,picture){display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.huun-mega-content .huun-about-card .elementor-image-box-img img{display:block;width:100%;height:100%;aspect-ratio:8 / 5;object-fit:cover;border-radius:inherit}
.huun-mega-content .huun-about-card .elementor-image-box-title{margin:0;font:500 var(--huun-type-label,14px)/1.4 Outfit,Arial,sans-serif;color:#083251}
.huun-mega-content .huun-about-card .elementor-image-box-title a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 4px 2px;color:inherit;text-decoration:none}
.huun-mega-content .huun-about-card .elementor-image-box-title a::after{content:'›';margin-left:auto;font-size:20px;color:#6e899b}
.huun-mega-content :is(.huun-about-card,.huun-about-link) a:focus-visible{outline:2px solid #27759e;outline-offset:-2px}
@media(hover:hover){.huun-mega-content .huun-about-card:hover{border-color:#8aafc7;background:#fff}}
/* The header can collapse before 980px when its real navigation no longer fits. */
.huun-mobile-nav .huun-mega-content :is(.huun-about-menu,.e-con:has(>.huun-about-card),.e-con:has(>.e-con-inner>.huun-about-card)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.huun-mobile-nav .huun-mega-content :is(.huun-about-links,.e-con:has(>.huun-about-link),.e-con:has(>.e-con-inner>.huun-about-link)){grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;padding:0 0 10px!important;border-right:0;border-bottom:1px solid #08325114}
.huun-mobile-nav .huun-mega-content .huun-about-card{padding:6px!important;border-radius:12px}
.huun-mobile-nav .huun-mega-content .huun-about-card .elementor-image-box-img{border-radius:6px}
@media(max-width:980px){
 .huun-mega-content :is(.huun-about-menu,.e-con:has(>.huun-about-card),.e-con:has(>.e-con-inner>.huun-about-card)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 .huun-mega-content :is(.huun-about-links,.e-con:has(>.huun-about-link),.e-con:has(>.e-con-inner>.huun-about-link)){grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;padding:0 0 10px!important;border-right:0;border-bottom:1px solid #08325114}
 .huun-mega-content .huun-about-card{padding:6px!important;border-radius:12px}
 .huun-mega-content .huun-about-card .elementor-image-box-img{border-radius:6px}
 .huun-mega-content .huun-about-card .elementor-image-box-title a{padding-inline:2px;font-size:var(--huun-type-label,14px)}
}
@media(forced-colors:active){.huun-mega-content .huun-about-card{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.huun-mega-content .huun-about-link a:hover{background:Highlight;color:HighlightText}}

/* Equa / Piano alignment: the optional highlight is in normal flow (rc60). */
.huun-mega-list--pergolen .huun-mega-row-main{position:relative;align-items:start}
.huun-mega-list--pergolen .huun-mega-row-badges{min-height:26px}
.huun-mega-list--pergolen .huun-mega-row-badge--highlight{position:static!important;inset:auto!important;max-width:100%;z-index:auto;transform:none!important;font-size:var(--huun-type-caption,12px);line-height:1.3;padding:4px 7px;text-align:center}
.huun-mega-list--pergolen .huun-mega-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px 12px}
.huun-mega-list--pergolen .huun-mega-benefits li{min-width:0;align-items:flex-start}
.huun-mega-list--pergolen .huun-mega-benefits svg{margin-top:1px}
@media(min-width:981px){
 @supports(grid-template-rows:subgrid){
  .huun-mega-list--pergolen .huun-mega-row{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:14px}
  .huun-mega-list--pergolen .huun-mega-row-detail{display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-top:0;row-gap:11px}
 }
}
/* A collapsed header uses independent single-column cards at every viewport width. */
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row{display:flex;grid-row:auto}
.huun-mobile-nav .huun-mega-list--pergolen .huun-mega-row-detail{display:flex;grid-row:auto}

/* rc60: metadata occupies its own row ABOVE the image/copy pair, never on the
 * photo. Both products keep the same image and title baseline. Also compatible
 * with older cached Elementor markup: its badge stays inside the copy column. */
.huun-mega-list.huun-mega-list--pergolen .huun-mega-row-main:has(> .huun-mega-row-badges) {
    grid-template-rows:auto 1fr;row-gap:12px;align-items:start;
}
.huun-mega-list.huun-mega-list--pergolen .huun-mega-row-main > .huun-mega-row-badges {
    grid-column:1 / -1;grid-row:1;align-self:start;justify-content:flex-start;
    position:static;min-height:26px;width:100%;max-width:100%;margin:0;
}
.huun-mega-list.huun-mega-list--pergolen .huun-mega-row-main:has(> .huun-mega-row-badges) > .huun-mega-row-image {grid-column:1;grid-row:2;}
.huun-mega-list.huun-mega-list--pergolen .huun-mega-row-main:has(> .huun-mega-row-badges) > .huun-mega-row-copy {grid-column:2;grid-row:2;}
.huun-mega-list.huun-mega-list--pergolen .huun-mega-row-badge {
    flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;
}

/* rc86: two generous product cards, retaining the Zubehör visual language. */
@media(min-width:981px){
 .huun-header:not(.huun-compact) .huun-menu-slot-pergolen>.huun-mega{width:min(1040px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:20px}
 .huun-mega-list.huun-mega-list--pergola-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;--hmm-image:132px}
 .huun-mega-list--pergola-pair .huun-mega-row{padding:20px;gap:18px}
 .huun-mega-list--pergola-pair .huun-mega-row-image{height:132px}
 .huun-mega-list--pergola-pair .huun-mega-row-main{gap:18px}
 .huun-mega-list--pergola-pair .huun-mega-row-detail{padding-top:18px}
}
.huun-mobile-nav .huun-mega-list.huun-mega-list--pergola-pair{grid-template-columns:minmax(0,1fr);--hmm-image:76px}
.huun-mobile-nav .huun-mega-list--pergola-pair .huun-mega-row-image{height:84px}
/* Keep Elementor's inherited hover palette out of the HUUN about menu text. */
.huun-header .huun-menu-slot-about .huun-mega-content :is(.huun-about-link,.huun-about-card) :is(.elementor-heading-title,.elementor-image-box-title),
.huun-header .huun-menu-slot-about .huun-mega-content :is(.huun-about-link,.huun-about-card) :is(a,a:hover,a:focus-visible,a:active) :is(span,strong),
.huun-header .huun-menu-slot-about .huun-mega-content :is(.huun-about-link,.huun-about-card) :is(a,a:hover,a:focus-visible,a:active){color:#083251!important;-webkit-text-fill-color:#083251!important;text-shadow:none!important;background-image:none!important}
.huun-header .huun-menu-slot-about .huun-mega-content .huun-about-link a{background-color:transparent!important;transition:background-color .15s,border-color .15s}
.huun-header .huun-menu-slot-about .huun-mega-content .huun-about-link a:is(:hover,:focus-visible){background-color:#e8f0f6!important}
.huun-header .huun-menu-slot-about .huun-mega-content .huun-about-card .elementor-image-box-title a{background:transparent!important}
.huun-header:not(.huun-compact) .huun-menu-slot-zubehoer>.huun-mega{max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}
@media(forced-colors:active){.huun-header .huun-menu-slot-about .huun-mega-content :is(.huun-about-link,.huun-about-card) a{color:LinkText!important;-webkit-text-fill-color:LinkText!important}}

.huun-header .huun-menu-slot-about .huun-mega-content :is(.huun-about-link,.huun-about-card) :is(.elementor-heading-title,.elementor-image-box-title, a span, a strong){background-color:transparent!important}

.huun-mega-footer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 20px}
.huun-mega-list-footer .huun-mega-compare-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #c2d4e0;border-radius:12px;background:linear-gradient(135deg,#fff,#e8f1f7);color:#083251}
.huun-mega-list-footer .huun-mega-compare-link:hover{background:#e0edf5;border-color:#89abc2}
@media(max-width:600px){.huun-mega-footer-actions{justify-content:flex-start;gap:10px 16px}}

/* HUUN popularity marker: navy glass, without the former beige/brown palette. */
.huun-mega-list .huun-mega-row-badge.huun-mega-row-badge--highlight{background:linear-gradient(125deg,#083251,#245773);border:1px solid #345f7a;color:#fff;-webkit-text-fill-color:#fff;box-shadow:inset 0 1px 0 #ffffff24,0 2px 6px #0832510d;font-weight:550;letter-spacing:.01em}
@media(forced-colors:active){.huun-mega-list .huun-mega-row-badge.huun-mega-row-badge--highlight{background:Canvas;color:CanvasText;-webkit-text-fill-color:CanvasText;border-color:CanvasText;box-shadow:none}}