.hsb-section{position:relative;padding:0 0 44px;}
.hsb-content-wrap{width:min(1500px,calc(100% - 36px));margin:0 auto;}
.hsb-intro{max-width:820px;margin:0 auto 34px;text-align:center;}
.hsb-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:16px;}
.hsb-title{margin:0 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.04;color:#243565;}
.hsb-subtitle,.hsb-block-head p,.hsb-cta p{margin:0;font-size:16px;line-height:1.7;color:rgba(36,53,101,.78);}


.hsb-smart-filter{width:min(1320px,calc(100% - 48px));margin:0 auto 28px;position:relative;z-index:40;}
.hsb-smart-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 18px;border:1px solid rgba(14,45,108,.14);border-radius:18px;background:linear-gradient(180deg,#eaf9ff 0%,#f8fdff 100%);box-shadow:0 12px 30px rgba(14,45,108,.07);position:relative;overflow:visible;isolation:isolate;}
.hsb-smart-filter.has-special-filter .hsb-smart-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.hsb-smart-filter-field{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;z-index:1;}
.hsb-smart-filter-field>span{font-size:14px;line-height:1.2;font-weight:700;color:#0e2d6c;}
.hsb-filter-trigger{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(14,45,108,.20);border-radius:12px;background:#fff;color:#0e2d6c;font-size:15px;font-weight:600;box-shadow:none;outline:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;}
.hsb-filter-trigger:hover{border-color:#40c6f2;background-color:#f7fdff;}
.hsb-smart-filter-field.is-open{z-index:90;}.hsb-smart-filter-field.is-open .hsb-filter-trigger,.hsb-filter-trigger:focus{border-color:#40c6f2;box-shadow:0 0 0 3px rgba(64,198,242,.22);}
.hsb-filter-trigger-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.hsb-filter-trigger-icon{flex:0 0 14px;width:14px;height:14px;background:no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230e2d6c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");transition:transform .18s ease;}
.hsb-smart-filter-field.is-open .hsb-filter-trigger-icon{transform:rotate(180deg);}
.hsb-filter-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:8px;border:1px solid rgba(14,45,108,.12);border-radius:14px;background:#fff;box-shadow:0 20px 40px rgba(14,45,108,.18);z-index:120;}
.hsb-filter-options{list-style:none!important;margin:0!important;padding:0!important;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:4px;}
.hsb-filter-options>li::before,.hsb-filter-option-item::before{content:none!important;display:none!important;}
.hsb-filter-option-item{margin:0!important;padding:0!important;}
.hsb-filter-option{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#0e2d6c;text-align:left;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease;}
.hsb-filter-option:hover,.hsb-filter-option:focus{background:linear-gradient(90deg,#dff7ff 0%,#9ee8ff 100%);color:#0e2d6c;outline:none;}
.hsb-filter-option.is-active{background:linear-gradient(90deg,#0e2d6c 0%,#40c6f2 100%);color:#fff;}
.hsb-filter-option.is-disabled,.hsb-filter-option[disabled]{opacity:.38;cursor:not-allowed;background:#eef4f8!important;color:#74859a!important;}
.hsb-filter-option.is-disabled:hover,.hsb-filter-option[disabled]:hover{background:#eef4f8!important;color:#74859a!important;}
@media (max-width: 1024px){.hsb-smart-filter-grid{grid-template-columns:1fr 1fr;}}
@media (max-width: 767px){.hsb-smart-filter{width:min(100%,calc(100% - 28px));}.hsb-smart-filter-grid{grid-template-columns:1fr;padding:14px;}}

.hsb-content-block{position:relative;overflow:hidden;background:var(--hsb-block-bg,#f7fbfd);margin:0 0 34px;border-radius:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.hsb-content-block .hsb-video-bg,.hsb-content-block .hsb-content-overlay,.hsb-content-block.has-image-bg .hsb-content-inner::before{position:absolute;inset:0;}
.hsb-content-block .hsb-video-bg video{width:100%;height:100%;object-fit:cover;}
.hsb-content-overlay{background:var(--hsb-block-overlay,rgba(255,255,255,.04));pointer-events:none;z-index:1;}
.hsb-content-inner{position:relative;z-index:2;padding:var(--hsb-block-pad-top,72px) 0 var(--hsb-block-pad-bottom,72px);}
.hsb-content-block.has-image-bg .hsb-content-inner::before{content:'';background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.08;pointer-events:none;}
.hsb-content-block.has-image-bg .hsb-block-head,.hsb-content-block.has-image-bg .hsb-cards-grid,.hsb-content-block.has-video-bg .hsb-block-head,.hsb-content-block.has-video-bg .hsb-cards-grid{position:relative;z-index:2;}
.hsb-block-head{text-align:center;max-width:760px;margin:0 auto 34px;padding:0 16px;}
.hsb-block-head h3,.hsb-cta h3{margin:0 0 10px;font-size:clamp(24px,2.5vw,36px);line-height:1.12;color:#243565;}

.hsb-cards-grid{display:flex;flex-wrap:wrap;gap:30px;width:min(1320px,calc(100% - 48px));margin:0 auto;align-items:stretch;justify-content:center;}
.hsb-card{display:flex;flex:0 1 calc((100% - 60px)/3);max-width:420px;min-width:320px;}
.hsb-cards-count-1 .hsb-card{flex-basis:min(100%,420px);max-width:420px;}
.hsb-cards-count-2 .hsb-card,.hsb-cards-count-4 .hsb-card{flex-basis:calc((100% - 30px)/2);max-width:460px;}
.hsb-cards-count-3 .hsb-card,.hsb-cards-count-5 .hsb-card,.hsb-cards-count-6 .hsb-card,.hsb-cards-count-7 .hsb-card,.hsb-cards-count-8 .hsb-card,.hsb-cards-count-9 .hsb-card{flex-basis:calc((100% - 60px)/3);max-width:420px;}

.hsb-card-shell{position:relative;display:flex;flex-direction:column;gap:18px;width:100%;height:100%;padding:20px 20px 38px;background-image:linear-gradient(0deg,var(--hsb-card-overlay-color,rgba(8,16,21,.2)),var(--hsb-card-overlay-color,rgba(8,16,21,.2))),var(--hsb-card-bg-image,none),radial-gradient(circle at 50% 0%,var(--hsb-card-glow,rgba(20,44,76,.55)),transparent 55%),linear-gradient(180deg,var(--hsb-card-grad-start,#081015) 0%,var(--hsb-card-grad-end,#000) 100%);background-size:cover,cover,auto,auto;background-position:center center,center center,center top,center center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;border:1px solid rgba(255,255,255,.05);border-radius:22px;box-shadow:0 22px 44px rgba(36,53,101,.14);color:#fff;overflow:hidden;transition:background .24s ease,transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease;}
.hsb-card:hover .hsb-card-shell,.hsb-card:focus-within .hsb-card-shell{background-image:linear-gradient(0deg,var(--hsb-card-overlay-color,rgba(15,28,51,.16)),var(--hsb-card-overlay-color,rgba(15,28,51,.16))),var(--hsb-card-bg-image,none),radial-gradient(circle at 50% 0%,var(--hsb-card-glow,rgba(92,197,235,.30)),transparent 55%),linear-gradient(180deg,var(--hsb-card-hover-start,#5cc5eb) 0%,var(--hsb-card-hover-end,#243565) 100%);transform:translateY(-4px);box-shadow:0 28px 56px rgba(36,53,101,.22);border-color:rgba(92,197,235,.28);filter:saturate(1.03);}
.hsb-card-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(92,197,235,.18),transparent 48%);pointer-events:none;}
.hsb-card-shell>*{position:relative;z-index:1;}
.hsb-card-media-shell{position:relative;}
.hsb-card-media{position:relative;height:248px;min-height:248px;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.14);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px 18px 30px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);}
.hsb-card-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:28px;padding:4px 10px;border-radius:999px;background:rgba(36,53,101,.92);border:1px solid rgba(92,197,235,.28);font-size:12px;font-weight:800;letter-spacing:.02em;color:#fff;z-index:3;text-transform:lowercase;}
.hsb-card-media-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none!important;}
.hsb-card-media.no-image{background:linear-gradient(135deg,#f3f4f5,#e8ecee);}
.hsb-card-media img{display:block;width:auto;height:186px;max-width:100%;max-height:186px;object-fit:contain;transform:scale(1);transition:transform .28s ease;}
.hsb-card-variant-trigger{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(36,53,101,.18);cursor:pointer;z-index:4;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;}
.hsb-card-variant-trigger:hover,.hsb-card-variant-trigger:focus{transform:translateY(-1px) scale(1.03);box-shadow:0 14px 28px rgba(36,53,101,.24);outline:none;background:#fff;}
.hsb-card-variant-thumb{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:999px;background:#fff;overflow:hidden;border:2px solid rgba(92,197,235,.32);}
.hsb-card-variant-thumb img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;}
.hsb-card-media-link:hover img{transform:scale(1.03);}
.hsb-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#4f5d69;font-weight:700;letter-spacing:.02em;}
.hsb-card-body{display:grid;grid-template-rows:auto auto auto 1fr;gap:8px;align-items:start;flex:1 1 auto;}
.hsb-card-copy{display:flex;flex-direction:column;gap:8px;min-height:154px;}
.hsb-card h4{margin:0;min-height:2.24em;max-height:2.24em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(18px,1.2vw,24px);line-height:1.12;color:#fff;text-align:left;font-weight:800;letter-spacing:-.02em;}
.hsb-card-desc{margin:0;min-height:4.2em;max-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.4;color:rgba(255,255,255,.80);text-align:left;max-width:none;}
.hsb-card-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:0;padding:14px 18px;border-radius:13px;background:linear-gradient(90deg,#ffffff 0%,#f6fbfe 100%);box-shadow:0 12px 26px rgba(92,197,235,.18);color:#243565!important;text-decoration:none!important;font-weight:800;font-size:17px;line-height:1;transition:transform .18s ease,filter .18s ease;}
.hsb-card-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 16px 32px rgba(92,197,235,.25);}
.hsb-card-kicker{margin-top:18px;margin-bottom:8px;padding-left:0;font-size:15px;line-height:1.4;font-weight:800;color:#d0e9f5;text-align:left;}
.hsb-benefits,.hsb-card .hsb-benefits{list-style:none!important;margin:0!important;padding:4px 10px 28px 0!important;display:grid;gap:14px;align-content:start;justify-items:start;}
.hsb-benefits>li::before,.hsb-card .hsb-benefits>li::before{content:none!important;display:none!important;}

.hsb-card .hsb-benefits li,.hsb-card .hsb-benefits > li{margin:0!important;padding:0!important;}
.hsb-benefit{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;justify-items:start;width:100%;padding-right:6px;}
.hsb-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:2px solid #5cc5eb;position:relative;margin-top:2px;margin-left:0;background:rgba(208,233,245,.08);}
.hsb-benefit-icon::after{content:'✓';color:#5cc5eb;font-size:14px;font-weight:800;line-height:1;}
.hsb-benefit-text{font-size:16px;line-height:1.62;color:rgba(255,255,255,.90);text-align:left;padding-right:4px;}

.hsb-cta{max-width:760px;text-align:center;margin:34px auto 0;padding:24px 20px 0;}
.hsb-cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;margin-top:18px;padding:14px 22px;border-radius:999px;background:#243565;color:#fff!important;text-decoration:none;font-weight:700;box-shadow:0 12px 28px rgba(92,197,235,.18);}

.hsb-card.is-hidden,.hsb-content-block.is-hidden{display:none!important;}

@media (max-width:1280px){.hsb-card{max-width:none;min-width:0;}}
@media (max-width:1024px){
  .hsb-tiles-grid{display:grid;grid-template-columns:repeat(2,1fr);}
  .hsb-cards-count-2 .hsb-card,.hsb-cards-count-3 .hsb-card,.hsb-cards-count-4 .hsb-card,.hsb-cards-count-5 .hsb-card,.hsb-cards-count-6 .hsb-card,.hsb-cards-count-7 .hsb-card,.hsb-cards-count-8 .hsb-card,.hsb-cards-count-9 .hsb-card{flex-basis:calc((100% - 30px)/2);max-width:none;}
}
@media (max-width:767px){
  .hsb-tiles-grid{grid-template-columns:1fr;}
  .hsb-tile{min-height:190px;}
  .hsb-cards-grid{width:min(100%,calc(100% - 28px));gap:18px;}
  .hsb-card,.hsb-cards-count-1 .hsb-card,.hsb-cards-count-2 .hsb-card,.hsb-cards-count-3 .hsb-card,.hsb-cards-count-4 .hsb-card,.hsb-cards-count-5 .hsb-card,.hsb-cards-count-6 .hsb-card,.hsb-cards-count-7 .hsb-card,.hsb-cards-count-8 .hsb-card,.hsb-cards-count-9 .hsb-card{flex-basis:100%;max-width:none;}
  .hsb-card-shell{padding:18px 18px 22px;gap:16px;}
  .hsb-card-media{height:220px;min-height:220px;}
  .hsb-card-variant-trigger{width:56px;height:56px;right:12px;bottom:12px;}
  .hsb-card-variant-thumb{width:44px;height:44px;}
  .hsb-card h4{font-size:24px;min-height:0;max-height:none;-webkit-line-clamp:unset;}
  .hsb-card-copy{min-height:0;}
  .hsb-card-desc{min-height:0;max-height:none;-webkit-line-clamp:unset;}
  .hsb-card-desc,.hsb-benefit-text,.hsb-card-kicker{font-size:15px;}
  .hsb-card-media img{height:164px;max-height:164px;}
}


@media (max-width:1024px){
  .hsb-pre-filter-grid{grid-template-columns:1fr;}
  .hsb-catalog-card-wrap{justify-content:flex-start;}
}
@media (max-width:767px){
  .hsb-pre-filter-top{margin-bottom:24px;}
  .hsb-pre-copy{text-align:center;}
  .hsb-pre-copy .hsb-eyebrow{justify-content:center;}
  .hsb-catalog-card{width:100%;}
  .hsb-catalog-title{font-size:24px;}
  .hsb-catalog-dialog{padding:22px 16px;max-height:94vh;}
  .hsb-catalog-form-grid{grid-template-columns:1fr;}
}

/* v4.9.1 pre-filter intro layout */
.hsb-pre-filter-top{width:min(1080px,calc(100% - 48px));margin:0 auto 52px;}
.hsb-pre-copy-layout{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:64px;align-items:start;justify-items:start;}
.hsb-pre-copy-layout.single-intro{margin-bottom:16px;}
.hsb-pre-copy-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:start;gap:10px;text-align:left;}
.hsb-pre-label{font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#243565;}
.hsb-pre-label-media{display:flex;align-items:flex-start;justify-content:flex-start;max-width:220px;margin:0 0 6px;}
.hsb-pre-label-media img{display:block;max-width:100%;height:auto;object-fit:contain;}

.hsb-pre-title{margin:0;max-width:360px;font-size:clamp(30px,4vw,var(--hsb-intro-title-size,58px));line-height:1.02;letter-spacing:-.04em;color:#243565;text-align:left;}
.hsb-pre-copy-right{max-width:760px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:flex-start;align-self:start;padding-top:0;text-align:left;}
.hsb-pre-text,.hsb-pre-text p{margin:0;max-width:760px;font-size:17px;line-height:1.62;color:rgba(36,53,101,.78);text-align:left;}
.hsb-pre-text p + p{margin-top:14px;}
.hsb-pre-links{display:flex;flex-direction:column;border-top:1px solid rgba(16,18,20,.11);}
.hsb-pre-link-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid rgba(16,18,20,.11);text-decoration:none!important;color:inherit;background:transparent;transition:background-color .22s ease,padding-left .22s ease,padding-right .22s ease;}
.hsb-pre-link-row:hover,.hsb-pre-link-row:focus-visible{background:#f3f1ec;padding-left:10px;padding-right:10px;outline:none;}
.hsb-pre-link-media{width:0;opacity:0;overflow:hidden;border-radius:14px;flex:0 0 auto;transition:width .24s ease,opacity .24s ease,margin-right .24s ease;}
.hsb-pre-link-row.has-image:hover .hsb-pre-link-media,.hsb-pre-link-row.has-image:focus-visible .hsb-pre-link-media{width:146px;opacity:1;margin-right:4px;}
.hsb-pre-link-media img{display:block;width:146px;height:98px;object-fit:cover;border-radius:14px;}
.hsb-pre-link-copy{display:flex;flex-direction:column;gap:8px;min-width:0;}
.hsb-pre-link-title{font-size:22px;line-height:1.18;font-weight:500;color:#101214;}
.hsb-pre-link-text{font-size:14px;line-height:1.5;color:rgba(16,18,20,.68);}
.hsb-pre-link-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:30px;line-height:1;color:#101214;transform:translateX(0);transition:transform .18s ease;}
.hsb-pre-link-row:hover .hsb-pre-link-arrow,.hsb-pre-link-row:focus-visible .hsb-pre-link-arrow{transform:translateX(3px);}
@media (max-width: 1024px){
  .hsb-pre-copy-layout{grid-template-columns:1fr;gap:22px;}
  .hsb-pre-copy-left{gap:10px;}
  .hsb-pre-title{max-width:100%;font-size:clamp(28px,8vw,42px);}
  .hsb-pre-copy-right{padding-top:0;}
}
@media (max-width: 767px){
  .hsb-pre-filter-top{width:min(100%,calc(100% - 28px));}
  .hsb-pre-text,.hsb-pre-text p{font-size:16px;}
  .hsb-pre-link-row{grid-template-columns:1fr auto;padding-right:0;}
  .hsb-pre-link-media{display:none;}
  .hsb-pre-link-row:hover,.hsb-pre-link-row:focus-visible{padding-left:0;padding-right:0;}
  .hsb-pre-link-title{font-size:20px;}
  .hsb-pre-title{font-size:clamp(30px,10vw,42px);}
}


/* v4.9.3 intro alignment fix */
.hsb-pre-filter-top{width:min(1320px,calc(100% - 48px))!important;margin:0 auto 76px!important;}
.hsb-pre-copy-layout.single-intro{grid-template-columns:minmax(280px, 440px) minmax(0, 760px)!important;justify-content:start!important;align-items:start!important;}
.hsb-pre-copy-left{width:100%;max-width:440px;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;padding-top:2px!important;}
.hsb-pre-label{margin:0!important;color:#243565!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.hsb-pre-title{display:block!important;width:100%;max-width:440px!important;margin:0!important;text-align:left!important;font-size:clamp(40px,4.2vw,var(--hsb-intro-title-size,58px))!important;line-height:1.02!important;letter-spacing:-.04em!important;color:#243565!important;}
.hsb-pre-copy-right{width:100%;max-width:760px!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;padding-top:0!important;}
.hsb-pre-text,.hsb-pre-text p{width:100%;max-width:760px!important;text-align:left!important;margin:0!important;}
.hsb-pre-text p + p{margin-top:14px!important;}
@media (max-width: 1024px){
  .hsb-pre-filter-top{width:min(100%,calc(100% - 36px))!important;margin-bottom:52px!important;}
  .hsb-pre-copy-layout.single-intro{grid-template-columns:1fr!important;gap:22px!important;}
  .hsb-pre-copy-left,.hsb-pre-copy-right{max-width:none!important;}
  .hsb-pre-title{max-width:none!important;}
}

.hsb-pre-label-media{margin:0 0 6px!important;}

html.hsb-modal-open,html.hsb-modal-open body{overflow:hidden;}
.hsb-catalog-popup[hidden]{display:none!important;}
.hsb-catalog-popup{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;}
.hsb-catalog-popup-backdrop{position:absolute;inset:0;background:rgba(11,27,55,.72);backdrop-filter:blur(4px);}
.hsb-catalog-popup-dialog{position:relative;z-index:2;width:min(1080px,calc(100% - 48px));border-radius:32px;box-shadow:0 36px 84px rgba(8,16,21,.34);padding:38px 38px 34px;background:linear-gradient(180deg,#fbfdff 0%,#f2f8fc 100%);border:1px solid rgba(36,53,101,.10);overflow:hidden;}
.hsb-catalog-popup-dialog:before{content:"";position:absolute;inset:-120px auto auto -120px;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle, rgba(92,197,235,.22) 0%, rgba(92,197,235,0) 70%);pointer-events:none;}
.hsb-catalog-popup-dialog:after{content:"";position:absolute;inset:auto -120px -140px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle, rgba(36,53,101,.12) 0%, rgba(36,53,101,0) 72%);pointer-events:none;}
.hsb-catalog-popup-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:42px;align-items:center;}
.hsb-catalog-popup-media{display:flex;align-items:center;justify-content:center;}
.hsb-catalog-popup-media img{display:block;width:100%;max-width:250px;height:auto;object-fit:contain;padding:18px;border-radius:28px;background:linear-gradient(180deg,#ffffff 0%,#eef6fb 100%);border:1px solid rgba(36,53,101,.08);box-shadow:0 22px 42px rgba(36,53,101,.12);}
.hsb-catalog-popup-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;color:#42506a;padding-right:148px;}
.hsb-catalog-popup-copy h3{margin:0;font-size:clamp(26px,3.2vw,40px);line-height:1.08;letter-spacing:-.03em;color:#243565;max-width:560px;}
.hsb-catalog-popup-accent{display:block;width:52px;height:4px;border-radius:999px;background:linear-gradient(90deg,#243565 0%,#5cc5eb 100%);margin:14px 0 16px;}
.hsb-catalog-popup-text,.hsb-catalog-popup-text p{margin:0;font-size:16px;line-height:1.68;color:rgba(59,71,95,.96);max-width:720px;}
.hsb-catalog-popup-note,.hsb-catalog-popup-note p{margin:0;font-size:14px;line-height:1.64;color:#55627b;max-width:720px;}
.hsb-catalog-popup-text p + p,.hsb-catalog-popup-note p + p{margin-top:14px;}
.hsb-catalog-popup-note{margin-top:18px;padding:14px 16px;border-left:4px solid #5cc5eb;border-radius:12px;background:#eaf8fd;color:#243565;}
.hsb-catalog-popup-note p{font-size:inherit;line-height:inherit;color:inherit;}
.hsb-catalog-popup-button{display:inline-flex;align-items:center;justify-content:center;min-width:290px;min-height:56px;margin-top:24px;padding:15px 24px;border-radius:999px;background:linear-gradient(90deg,#243565 0%,#5cc5eb 100%);color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:800;line-height:1;box-shadow:0 18px 36px rgba(36,53,101,.22);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;}
.hsb-catalog-popup-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 22px 42px rgba(36,53,101,.28);}

/* FairPlus category navigation */
.hartl-fairplus-category-system{width:100%;margin:0;padding:0;background:transparent;}
.hartl-fairplus-category-chooser{position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;margin-right:-50vw;padding:34px 0 26px;background:linear-gradient(180deg,#f8fdff 0%,#eaf9ff 54%,#f8fdff 100%);border-top:1px solid rgba(64,198,242,.18);border-bottom:1px solid rgba(64,198,242,.18);overflow:hidden;}
.hartl-fairplus-category-intro{width:min(1440px,calc(100% - 48px));margin:0 auto 20px;text-align:center;color:#0e2d6c;}
.hartl-fairplus-category-intro h2{margin:0 0 7px;font-size:clamp(26px,2.5vw,38px);line-height:1.08;letter-spacing:-.035em;color:#0e2d6c;}
.hartl-fairplus-category-intro p{margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:rgba(14,45,108,.74);}
.hartl-fairplus-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:min(1440px,calc(100% - 48px));margin:0 auto 20px;}
.hartl-fairplus-category-card{appearance:none;-webkit-appearance:none;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:0;border:1px solid rgba(14,45,108,.14);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(14,45,108,.09);color:#0e2d6c;text-align:center;overflow:hidden;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease;}
.hartl-fairplus-category-card:hover,.hartl-fairplus-category-card:focus-visible{transform:translateY(-4px);border-color:#40c6f2;box-shadow:0 20px 44px rgba(14,45,108,.18);outline:none;}
.hartl-fairplus-category-card.is-active{border-color:#40c6f2;background:linear-gradient(145deg,#40c6f2 0%,#157fbd 50%,#0e2d6c 100%);color:#fff;box-shadow:0 20px 48px rgba(14,45,108,.25);}
.hartl-fairplus-category-media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/8;padding:11px;background:linear-gradient(145deg,#f8fdff 0%,#e4f8ff 100%);overflow:hidden;transition:background .22s ease;}
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-media{background:linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%);}
.hartl-fairplus-category-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .28s ease;}
.hartl-fairplus-category-card:hover .hartl-fairplus-category-media img{transform:scale(1.035);}
.hartl-fairplus-category-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#0e2d6c;transition:color .22s ease,transform .22s ease;}
.hartl-fairplus-category-placeholder svg{display:block;width:58px;height:58px;}
.hartl-fairplus-category-card:hover .hartl-fairplus-category-placeholder{transform:scale(1.04);}
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-placeholder{color:#fff;}
.hartl-fairplus-category-name{display:flex;align-items:center;justify-content:center;min-height:56px;padding:11px 9px;font-size:15px;font-weight:800;line-height:1.22;}
.hartl-fairplus-category-check{position:absolute;top:9px;right:9px;z-index:3;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:999px;background:#fff;color:#0e2d6c;font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(14,45,108,.18);opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease;}
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-check{opacity:1;transform:scale(1);}
.hartl-fairplus-current-selection{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:calc(100% - 32px);margin:0 auto;padding:7px 14px;border:1px solid rgba(64,198,242,.26);border-radius:9px;background:#dff7ff;color:#0e2d6c;font-size:14px;line-height:1.2;box-shadow:0 8px 20px rgba(14,45,108,.07);}
.hartl-fairplus-current-selection span{font-weight:500;}
.hartl-fairplus-current-selection strong{font-weight:800;}
.hartl-fairplus-category-panel[hidden]{display:none!important;}
.hartl-fairplus-category-panel{width:100%;}
.hartl-fairplus-category-panel .hsb-pre-filter-top{display:none!important;}
.hartl-fairplus-category-panel .hsb-smart-filter{margin:28px auto 0!important;}
.hartl-fairplus-category-panel .hsb-smart-filter + .hsb-content-block .hsb-content-inner{padding-top:34px!important;}
.hartl-fairplus-category-panel .hsb-content-block.has-shared-lighting-bg .hsb-video-bg{display:none!important;}
@media (max-width:1200px){.hartl-fairplus-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:767px){.hartl-fairplus-category-chooser{padding:28px 0 22px;}.hartl-fairplus-category-intro,.hartl-fairplus-category-grid{width:min(100%,calc(100% - 28px));}.hartl-fairplus-category-intro{margin-bottom:18px;}.hartl-fairplus-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px;}.hartl-fairplus-category-name{min-height:54px;padding:10px 7px;font-size:14px;}.hartl-fairplus-category-media{padding:9px;}.hartl-fairplus-category-placeholder svg{width:50px;height:50px;}.hartl-fairplus-category-check{top:8px;right:8px;width:25px;height:25px;font-size:15px;}.hartl-fairplus-current-selection{font-size:13px;}}
@media (max-width:460px){.hartl-fairplus-category-name{font-size:12px;}.hartl-fairplus-category-media{aspect-ratio:16/7.5;}}
.hsb-catalog-popup-close{position:absolute;top:16px;right:16px;z-index:4;width:42px;height:42px;border:0;border-radius:999px;background:rgba(36,53,101,.08);color:#243565;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s ease,transform .18s ease,color .18s ease;}
.hsb-catalog-popup-close:hover{background:rgba(92,197,235,.18);color:#243565;transform:scale(1.03);}
@media (max-width: 900px){
  .hsb-catalog-popup{padding:16px;}
  .hsb-catalog-popup-dialog{width:min(100%,calc(100% - 20px));padding:24px 20px 22px;border-radius:24px;}
  .hsb-catalog-popup-grid{grid-template-columns:1fr;gap:22px;}
  .hsb-catalog-popup-copy{padding-right:0;}
  .hsb-catalog-popup-media img{max-width:190px;padding:14px;border-radius:22px;}
  .hsb-catalog-popup-copy h3{font-size:clamp(24px,7.4vw,34px);max-width:none;}
  .hsb-catalog-popup-text,.hsb-catalog-popup-text p{font-size:15px;line-height:1.62;}
  .hsb-catalog-popup-note,.hsb-catalog-popup-note p{font-size:13px;line-height:1.58;}
  .hsb-catalog-popup-button{width:100%;min-width:0;min-height:54px;font-size:16px;}
}


/* v5.0.15 override parent text container width */
section.m1_text:not(.runpotec) .m1_text_container{
  max-width:100% !important;
  width:100% !important;
  margin:0 auto;
  text-align:center;
}

/* v5.2.2 – one shared horizontal rhythm for chooser, copy, filters and products */
.hartl-fairplus-category-system{
  --hfs-content-max:1440px;
  --hfs-content-gutter:48px;
}
.hartl-fairplus-category-chooser{
  padding-top:30px;
}
.hartl-fairplus-category-grid,
.hartl-fairplus-category-panel .hsb-smart-filter,
.hartl-fairplus-category-panel .hsb-cards-grid,
.hartl-fairplus-category-panel .hsb-pre-filter-top,
.hartl-fairplus-category-panel .hsb-block-head,
.hartl-fairplus-category-panel .hsb-cta,
.hartl-fairplus-category-assortment{
  width:min(var(--hfs-content-max),calc(100% - var(--hfs-content-gutter))) !important;
  max-width:none !important;
  box-sizing:border-box;
}
.hartl-fairplus-category-grid{
  margin-right:auto;
  margin-left:auto;
}
.hartl-fairplus-category-media,
.hartl-fairplus-category-card:hover .hartl-fairplus-category-media,
.hartl-fairplus-category-card:focus-visible .hartl-fairplus-category-media,
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-media,
.hartl-fairplus-category-card.is-active:hover .hartl-fairplus-category-media{
  background:#fff !important;
}
.hartl-fairplus-category-name{
  position:relative;
  background:#dff7ff;
  color:#0e2d6c;
  transition:background .22s ease,color .22s ease;
}
.hartl-fairplus-category-card:not(.is-active){
  background:#dff7ff;
}
.hartl-fairplus-category-card:not(.is-active):hover .hartl-fairplus-category-name,
.hartl-fairplus-category-card:not(.is-active):focus-visible .hartl-fairplus-category-name{
  background:linear-gradient(135deg,#1761e8 0%,#159ecf 100%);
  color:#fff;
}
.hartl-fairplus-category-card:not(.is-active):hover,
.hartl-fairplus-category-card:not(.is-active):focus-visible{
  background:linear-gradient(135deg,#1761e8 0%,#159ecf 100%);
}
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-name{
  background:linear-gradient(135deg,#1557c9 0%,#0e2d6c 100%);
  color:#fff;
}
.hartl-fairplus-category-card.is-active .hartl-fairplus-category-placeholder{
  color:#0e2d6c;
}
.hartl-fairplus-category-check{
  border:1px solid rgba(64,198,242,.55);
  box-shadow:0 8px 20px rgba(14,45,108,.16),0 0 0 4px rgba(64,198,242,.10);
}
.hartl-fairplus-category-panel .hsb-block-head{
  padding-right:0;
  padding-left:0;
  text-align:left;
}
.hartl-fairplus-category-panel .hsb-cta{
  display:none!important;
}
@media (min-width:1025px){
  .hartl-fairplus-category-panel .hsb-cards-grid .hsb-card{
    max-width:none;
  }
  .hartl-fairplus-category-panel .hsb-cards-count-1 .hsb-card{
    flex-basis:100%;
    max-width:100%;
  }
  .hartl-fairplus-category-panel .hsb-cards-count-2 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-4 .hsb-card{
    flex-basis:calc((100% - 30px)/2);
  }
  .hartl-fairplus-category-panel .hsb-cards-count-3 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-5 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-6 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-7 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-8 .hsb-card,
  .hartl-fairplus-category-panel .hsb-cards-count-9 .hsb-card{
    flex-basis:calc((100% - 60px)/3);
  }
}


/* v5.3.0 – logo-aligned wide content and compact FairPlus page closing */
@media (min-width:901px){
  .hartl-fairplus-category-system{
    --hfs-content-max:2100px;
    --hfs-content-width:78vw;
  }
  .hartl-fairplus-category-grid,
  .hartl-fairplus-category-panel .hsb-smart-filter,
  .hartl-fairplus-category-panel .hsb-cards-grid,
  .hartl-fairplus-category-panel .hsb-pre-filter-top,
  .hartl-fairplus-category-panel .hsb-block-head,
  .hartl-fairplus-category-panel .hsb-cta,
  .hartl-fairplus-category-assortment,
  .hartl-fairplus-closing__inner{
    width:min(var(--hfs-content-max),var(--hfs-content-width)) !important;
    max-width:none !important;
  }
}

.hartl-fairplus-closing{
  position:relative;
  left:50%;
  width:100vw;
  margin:0 0 0 -50vw;
  padding:34px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(64,198,242,.19),transparent 28%),
    linear-gradient(105deg,#071d49 0%,#0e2d6c 48%,#1557c9 100%);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(64,198,242,.25);
}

.hartl-fairplus-closing::before,
.hartl-fairplus-closing::after{
  content:"+";
  position:absolute;
  color:rgba(64,198,242,.10);
  font-weight:300;
  line-height:1;
  pointer-events:none;
}

.hartl-fairplus-closing::before{
  top:-38px;
  right:8%;
  font-size:150px;
}

.hartl-fairplus-closing::after{
  bottom:-46px;
  left:5%;
  font-size:110px;
}

.hartl-fairplus-closing__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(560px,1.2fr);
  align-items:center;
  gap:clamp(34px,5vw,86px);
  width:min(1440px,calc(100% - 48px));
  margin:0 auto;
}

.hartl-fairplus-closing__copy{
  min-width:0;
}

.hartl-fairplus-closing__eyebrow{
  display:block;
  margin:0 0 7px;
  color:#6bdcff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.hartl-fairplus-closing h2{
  margin:0;
  color:#fff;
  font-size:clamp(27px,2.2vw,38px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.hartl-fairplus-closing p{
  max-width:590px;
  margin:10px 0 0;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.55;
}

.hartl-fairplus-closing__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  min-width:0;
}

.hartl-fairplus-closing__action{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:68px;
  padding:11px 14px;
  border:1px solid rgba(107,220,255,.34);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:800;
  line-height:1.25;
  backdrop-filter:blur(8px);
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}

.hartl-fairplus-closing__action:hover,
.hartl-fairplus-closing__action:focus-visible{
  border-color:#6bdcff;
  background:rgba(64,198,242,.18) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transform:translateY(-2px);
  outline:none;
}

.hartl-fairplus-closing__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:rgba(64,198,242,.14);
  color:#6bdcff;
}

.hartl-fairplus-closing__icon svg{
  display:block;
  width:22px;
  height:22px;
}

@media (max-width:1200px){
  .hartl-fairplus-closing__inner{
    grid-template-columns:1fr;
    gap:22px;
  }
}

@media (max-width:767px){
  .hartl-fairplus-closing{
    padding:28px 0;
  }
  .hartl-fairplus-closing__inner{
    width:min(100%,calc(100% - 28px));
  }
  .hartl-fairplus-closing__actions{
    grid-template-columns:1fr;
  }
  .hartl-fairplus-closing__action{
    min-height:60px;
  }
}
@media (max-width:767px){
  .hartl-fairplus-category-system{
    --hfs-content-gutter:28px;
  }
  .hartl-fairplus-category-chooser{
    padding-top:22px;
  }
}


/* v5.4.0 – centered product area, full-width closing band and back-to-top */
@media (min-width:901px){
  .hartl-fairplus-category-panel .hsb-smart-filter,
  .hartl-fairplus-category-panel .hsb-cards-grid,
  .hartl-fairplus-category-panel .hsb-pre-filter-top,
  .hartl-fairplus-category-panel .hsb-block-head{
    width:min(1440px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin-right:auto !important;
    margin-left:auto !important;
  }
}

.hartl-fairplus-closing{
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  margin-right:-50vw !important;
  margin-left:-50vw !important;
  box-sizing:border-box;
}

.hartl-fairplus-closing__actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.hartl-fairplus-scroll-top{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:9800;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  padding:0;
  border:1px solid rgba(107,220,255,.68);
  border-radius:50%;
  background:linear-gradient(145deg,#1761e8 0%,#0e2d6c 100%);
  box-shadow:0 14px 30px rgba(14,45,108,.26);
  color:#fff;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .22s ease;
}

.hartl-fairplus-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.hartl-fairplus-scroll-top:hover,
.hartl-fairplus-scroll-top:focus-visible{
  background:linear-gradient(145deg,#1557c9 0%,#159ecf 100%);
  outline:2px solid rgba(107,220,255,.75);
  outline-offset:3px;
}

.hartl-fairplus-scroll-top svg{
  width:26px;
  height:26px;
}

@media (max-width:767px){
  .hartl-fairplus-closing__actions{
    grid-template-columns:1fr;
  }
  .hartl-fairplus-scroll-top{
    right:16px;
    bottom:18px;
    width:46px;
    height:46px;
  }
}

@media (prefers-reduced-motion:reduce){
  .hartl-fairplus-scroll-top{
    transition:none;
  }
}


/* v5.5.0 – seamless taller image closing with one product action */
.hartl-fairplus-category-panel .hsb-section{
  padding-bottom:0 !important;
}

.hartl-fairplus-category-panel .hsb-content-block{
  margin-bottom:0 !important;
}

.hartl-fairplus-category-panel .hsb-content-block .hsb-content-inner{
  padding-bottom:100px !important;
}

.hartl-fairplus-closing{
  display:flex;
  align-items:stretch;
  min-height:260px;
  padding:0;
  background:
    radial-gradient(circle at 86% 16%,rgba(107,220,255,.22),transparent 29%),
    linear-gradient(105deg,#071d49 0%,#0e2d6c 52%,#1761e8 100%);
}

.hartl-fairplus-closing__media{
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  display:block;
  width:61%;
  background-image:
    linear-gradient(90deg,rgba(7,29,73,.24) 0%,rgba(7,29,73,.46) 48%,#0e2d6c 100%),
    linear-gradient(0deg,rgba(7,29,73,.20),rgba(7,29,73,.20)),
    var(--hfs-closing-image);
  background-position:center,center,center;
  background-size:cover,cover,cover;
  background-repeat:no-repeat;
}

.hartl-fairplus-closing::before{
  right:7%;
  color:rgba(255,255,255,.08);
}

.hartl-fairplus-closing::after{
  right:31%;
  left:auto;
  color:rgba(107,220,255,.09);
}

@media (min-width:901px){
  .hartl-fairplus-closing__inner{
    grid-template-columns:minmax(360px,1fr) minmax(360px,.72fr);
    min-height:260px;
    padding:44px 0;
    box-sizing:border-box;
  }
}

.hartl-fairplus-closing__copy{
  max-width:600px;
  text-align:left;
  text-shadow:0 2px 14px rgba(3,15,38,.38);
}

.hartl-fairplus-closing p{
  max-width:530px;
}

.hartl-fairplus-closing__actions{
  display:grid;
  grid-template-columns:minmax(0,440px);
  justify-content:end;
  align-items:center;
}

.hartl-fairplus-closing__action{
  width:100%;
  min-height:76px;
  padding:14px 18px;
  box-sizing:border-box;
}

@media (max-width:900px){
  .hartl-fairplus-category-panel .hsb-content-block .hsb-content-inner{
    padding-bottom:72px !important;
  }
  .hartl-fairplus-closing{
    min-height:330px;
  }
  .hartl-fairplus-closing__media{
    width:100%;
    opacity:.58;
    background-image:
      linear-gradient(180deg,rgba(7,29,73,.30) 0%,#0e2d6c 90%),
      var(--hfs-closing-image);
  }
  .hartl-fairplus-closing__inner{
    grid-template-columns:1fr;
    align-content:center;
    min-height:330px;
    padding:38px 0;
  }
  .hartl-fairplus-closing__copy{
    max-width:none;
  }
  .hartl-fairplus-closing__actions{
    grid-template-columns:1fr;
    justify-content:stretch;
  }
}

/* v5.6.4 – fuller staggered footer field with several marks visible on load */
.hartl-fairplus-closing .hartl-fairplus-closing__plus--11,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--12,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--13,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--14{
  color:rgba(255,255,255,.52);
}
.hartl-fairplus-closing__plus--11{
  top:12%;left:10%;width:34px;height:34px;
  animation:hfsClosingPlusA 35s ease-in-out -6s infinite both;
}
.hartl-fairplus-closing__plus--12{
  right:auto;bottom:9%;left:52%;width:15px;height:15px;
  color:rgba(190,241,255,.58);
  animation:hfsClosingPlusC 27s ease-in-out -12s infinite both;
}
.hartl-fairplus-closing__plus--13{
  top:28%;right:19%;width:31px;height:31px;
  animation:hfsClosingPlusB 39s ease-in-out -18s infinite both;
}
.hartl-fairplus-closing__plus--14{
  right:2%;bottom:7%;width:20px;height:20px;
  color:rgba(190,241,255,.60);
  animation:hfsClosingPlusA 30s ease-in-out -3s infinite both;
}
@media (max-width:900px){
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--11,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--13{display:none;}
}

/* v5.6.2 cascade guard – keep animated mark colors above earlier component rules */
.hartl-fairplus-closing .hartl-fairplus-closing__plus--1{color:rgba(14,45,108,.78);}
.hartl-fairplus-closing .hartl-fairplus-closing__plus--2{color:rgba(14,45,108,.66);}
.hartl-fairplus-closing .hartl-fairplus-closing__plus--3{color:rgba(14,45,108,.62);}
.hartl-fairplus-closing .hartl-fairplus-closing__plus--4{color:rgba(255,255,255,.82);}
.hartl-fairplus-closing .hartl-fairplus-closing__plus--5{color:rgba(255,255,255,.76);}
.hartl-fairplus-closing .hartl-fairplus-closing__plus--6{color:rgba(190,241,255,.82);}

@media (max-width:900px){
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--2,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--3,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--5{display:none;}
}

/* v5.6.2 – single continuous article background and staggered footer marks */
.hartl-fairplus-category-panel .hsb-content-block.has-image-bg .hsb-content-inner{
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.hartl-fairplus-closing__plus{
  opacity:0;
  will-change:opacity,transform;
}

.hartl-fairplus-closing__plus--1{
  top:14%;
  left:5%;
  width:25px;
  height:25px;
  color:rgba(14,45,108,.78);
  animation:hfsClosingPlusA 24s ease-in-out -4s infinite both;
}

.hartl-fairplus-closing__plus--2{
  right:auto;
  bottom:12%;
  left:31%;
  width:43px;
  height:43px;
  color:rgba(14,45,108,.66);
  animation:hfsClosingPlusB 31s ease-in-out -9s infinite both;
}

.hartl-fairplus-closing__plus--3{
  top:10%;
  left:47%;
  width:32px;
  height:32px;
  color:rgba(14,45,108,.62);
  animation:hfsClosingPlusC 27s ease-in-out 3s infinite both;
}

.hartl-fairplus-closing__plus--4{
  right:auto;
  bottom:8%;
  left:63%;
  width:20px;
  height:20px;
  color:rgba(255,255,255,.82);
  animation:hfsClosingPlusA 22s ease-in-out 7s infinite both;
}

.hartl-fairplus-closing__plus--5{
  top:11%;
  right:13%;
  width:55px;
  height:55px;
  color:rgba(255,255,255,.76);
  animation:hfsClosingPlusB 34s ease-in-out 11s infinite both;
}

.hartl-fairplus-closing__plus--6{
  right:4%;
  bottom:14%;
  width:29px;
  height:29px;
  color:rgba(190,241,255,.82);
  animation:hfsClosingPlusC 29s ease-in-out 15s infinite both;
}

@keyframes hfsClosingPlusA{
  0%,12%{opacity:0;transform:translate3d(0,7px,0) scale(.86);}
  27%{opacity:.10;transform:translate3d(0,0,0) scale(1);}
  57%{opacity:.065;transform:translate3d(0,-4px,0) scale(1.02);}
  75%,100%{opacity:0;transform:translate3d(0,-9px,0) scale(.92);}
}

@keyframes hfsClosingPlusB{
  0%,10%{opacity:0;transform:translate3d(0,6px,0) scale(.88);}
  23%{opacity:.085;transform:translate3d(0,0,0) scale(1);}
  69%{opacity:.055;transform:translate3d(0,-5px,0) scale(1.03);}
  86%,100%{opacity:0;transform:translate3d(0,-10px,0) scale(.94);}
}

@keyframes hfsClosingPlusC{
  0%,18%{opacity:0;transform:translate3d(0,8px,0) scale(.84);}
  34%{opacity:.11;transform:translate3d(0,1px,0) scale(.98);}
  55%{opacity:.07;transform:translate3d(0,-3px,0) scale(1.04);}
  72%,100%{opacity:0;transform:translate3d(0,-10px,0) scale(.92);}
}

@media (max-width:900px){
  .hartl-fairplus-closing__plus--2,
  .hartl-fairplus-closing__plus--3,
  .hartl-fairplus-closing__plus--5{
    display:none;
  }

  .hartl-fairplus-closing__plus--1{left:7%;}
  .hartl-fairplus-closing__plus--4{left:58%;}
  .hartl-fairplus-closing__plus--6{right:6%;}
}

@media (prefers-reduced-motion:reduce){
  .hartl-fairplus-closing__plus{
    animation:none !important;
    opacity:.06;
    transform:none;
  }
}

/* v5.6.3 – additional quiet fairPLUS marks across the closing band */
.hartl-fairplus-closing .hartl-fairplus-closing__plus--7,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--8,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--9,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--10{
  color:rgba(255,255,255,.58);
}
.hartl-fairplus-closing__plus--7{
  top:24%;left:18%;width:18px;height:18px;
  animation:hfsClosingPlusB 28s ease-in-out 5s infinite both;
}
.hartl-fairplus-closing__plus--8{
  right:auto;bottom:18%;left:41%;width:27px;height:27px;
  animation:hfsClosingPlusA 36s ease-in-out 13s infinite both;
}
.hartl-fairplus-closing__plus--9{
  top:18%;right:26%;width:22px;height:22px;
  animation:hfsClosingPlusC 30s ease-in-out 19s infinite both;
}
.hartl-fairplus-closing__plus--10{
  right:8%;bottom:27%;width:16px;height:16px;
  color:rgba(190,241,255,.62);
  animation:hfsClosingPlusB 33s ease-in-out 23s infinite both;
}
@media (max-width:900px){
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--7,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--8,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--9{display:none;}
}

/* v5.6.1 – exact circular fairPLUS marks in the closing band */
.hartl-fairplus-closing::before,
.hartl-fairplus-closing::after{
  display:none !important;
}

.hartl-fairplus-closing__plus{
  position:absolute;
  z-index:0;
  display:block;
  box-sizing:border-box;
  border:3px solid currentColor;
  border-radius:50%;
  color:rgba(255,255,255,.09);
  pointer-events:none;
}

.hartl-fairplus-closing__plus::before,
.hartl-fairplus-closing__plus::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%,-50%);
}

.hartl-fairplus-closing__plus::before{
  width:56%;
  height:3px;
}

.hartl-fairplus-closing__plus::after{
  width:3px;
  height:56%;
}

.hartl-fairplus-closing__plus--large{
  top:-23px;
  right:5.5%;
  width:76px;
  height:76px;
}

.hartl-fairplus-closing__plus--small{
  right:28%;
  bottom:-17px;
  width:48px;
  height:48px;
  color:rgba(255,255,255,.065);
}

@media (max-width:900px){
  .hartl-fairplus-closing__plus--large{
    top:-18px;
    right:-12px;
    width:62px;
    height:62px;
  }

  .hartl-fairplus-closing__plus--small{
    display:none;
  }
}


/* v5.6.0 – slightly narrower shared rhythm and editable logo closing gradient */
@media (min-width:901px){
  .hartl-fairplus-category-grid,
  .hartl-fairplus-closing__inner{
    width:min(2100px,76vw) !important;
    max-width:none !important;
  }
}

.hartl-fairplus-closing{
  min-height:260px;
  background:
    radial-gradient(circle at 86% 16%,rgba(255,255,255,.13),transparent 30%),
    linear-gradient(105deg,var(--hfs-closing-color-start,#dff7ff) 0%,var(--hfs-closing-color-end,#0e2d6c) 100%);
}

.hartl-fairplus-closing__media,
.hartl-fairplus-closing__copy{
  display:none !important;
}

.hartl-fairplus-closing__inner{
  grid-template-columns:minmax(300px,1fr) minmax(360px,.72fr);
  gap:clamp(34px,5vw,86px);
}

.hartl-fairplus-closing__brand{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  min-height:150px;
}

.hartl-fairplus-closing__brand img{
  display:block;
  width:auto;
  max-width:min(420px,92%);
  max-height:155px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 12px 26px rgba(14,45,108,.12));
}

.hartl-fairplus-closing__actions{
  display:grid;
  grid-template-columns:minmax(0,440px);
  justify-content:end;
  align-items:center;
}

.hartl-fairplus-closing::before{
  right:6%;
  color:rgba(255,255,255,.09);
}

.hartl-fairplus-closing::after{
  right:29%;
  left:auto;
  color:rgba(255,255,255,.065);
}

@media (max-width:900px){
  .hartl-fairplus-closing{
    min-height:300px;
    background:
      radial-gradient(circle at 82% 12%,rgba(255,255,255,.13),transparent 31%),
      linear-gradient(145deg,var(--hfs-closing-color-start,#dff7ff) 0%,var(--hfs-closing-color-end,#0e2d6c) 100%);
  }

  .hartl-fairplus-closing__inner{
    grid-template-columns:1fr;
    min-height:300px;
    padding:34px 0;
  }

  .hartl-fairplus-closing__brand{
    justify-content:center;
    min-height:110px;
  }

  .hartl-fairplus-closing__brand img{
    max-width:min(320px,86vw);
    max-height:115px;
    object-position:center;
  }

  .hartl-fairplus-closing__actions{
    grid-template-columns:1fr;
    justify-content:stretch;
  }
}

/* v5.6.5 – twenty varied fairPLUS marks, with several visible at page load */
.hartl-fairplus-closing .hartl-fairplus-closing__plus--15,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--16,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--17,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--18,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--19,
.hartl-fairplus-closing .hartl-fairplus-closing__plus--20{
  color:rgba(255,255,255,.60);
}
.hartl-fairplus-closing__plus--15{
  top:5%;left:2%;width:14px;height:14px;
  animation:hfsClosingDriftA 28s ease-in-out -9s infinite both;
}
.hartl-fairplus-closing__plus--16{
  top:42%;left:23%;width:37px;height:37px;
  color:rgba(190,241,255,.64);
  animation:hfsClosingDriftB 41s ease-in-out -23s infinite both;
}
.hartl-fairplus-closing__plus--17{
  bottom:5%;left:36%;width:19px;height:19px;
  animation:hfsClosingDriftC 30s ease-in-out 5s infinite both;
}
.hartl-fairplus-closing__plus--18{
  top:8%;right:42%;width:27px;height:27px;
  color:rgba(190,241,255,.58);
  animation:hfsClosingDriftA 35s ease-in-out -14s infinite both;
}
.hartl-fairplus-closing__plus--19{
  right:22%;bottom:16%;width:45px;height:45px;
  animation:hfsClosingDriftB 46s ease-in-out 12s infinite both;
}
.hartl-fairplus-closing__plus--20{
  top:48%;right:2%;width:17px;height:17px;
  color:rgba(190,241,255,.62);
  animation:hfsClosingDriftC 32s ease-in-out -19s infinite both;
}

@keyframes hfsClosingDriftA{
  0%,8%{opacity:0;transform:translate3d(-4px,8px,0) scale(.86);}
  21%{opacity:.15;transform:translate3d(0,0,0) scale(1);}
  60%{opacity:.085;transform:translate3d(7px,-5px,0) scale(1.03);}
  80%,100%{opacity:0;transform:translate3d(11px,-12px,0) scale(.92);}
}
@keyframes hfsClosingDriftB{
  0%,13%{opacity:0;transform:translate3d(7px,9px,0) scale(.83);}
  27%{opacity:.12;transform:translate3d(1px,0,0) scale(.98);}
  68%{opacity:.07;transform:translate3d(-6px,-6px,0) scale(1.04);}
  87%,100%{opacity:0;transform:translate3d(-11px,-13px,0) scale(.93);}
}
@keyframes hfsClosingDriftC{
  0%,6%{opacity:0;transform:translate3d(-2px,7px,0) scale(.90);}
  18%{opacity:.10;transform:translate3d(2px,0,0) scale(1);}
  46%{opacity:.16;transform:translate3d(6px,-4px,0) scale(1.05);}
  72%,100%{opacity:0;transform:translate3d(10px,-11px,0) scale(.91);}
}

@media (max-width:900px){
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--15,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--16,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--18,
  .hartl-fairplus-closing .hartl-fairplus-closing__plus--19{display:none;}
}

@media (prefers-reduced-motion:reduce){
  .hartl-fairplus-closing__plus{animation:none !important;opacity:.05;transform:none;}
}

/* v5.7.0 – shared, dynamically repositioned product images in the closing band */
.hartl-fairplus-closing__floating-products{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.hartl-fairplus-closing__floating-product{
  filter:saturate(.88) drop-shadow(0 9px 20px rgba(5,23,43,.18));
}

.hartl-fairplus-closing__inner{
  position:relative;
  z-index:2;
}

.hartl-fairplus-closing__plus{
  z-index:1;
}


/* v5.8.4 – centered category CTA with product-button dimensions */
.hartl-fairplus-category-assortment{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin-top:-42px!important;
  margin-right:-50vw!important;
  margin-bottom:42px!important;
  margin-left:-50vw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  clear:both!important;
  box-sizing:border-box!important;
  padding:0 24px!important;
}
a.hartl-fairplus-category-assortment__button{
  position:relative;
  z-index:5;
  isolation:isolate;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:min(100%,380px)!important;
  min-height:54px!important;
  margin:0 auto!important;
  padding:14px 18px!important;
  border:0!important;
  border-radius:13px!important;
  background-color:#1761e8!important;
  background-image:linear-gradient(155deg,#1761e8 0%,#0e2d6c 100%)!important;
  box-shadow:0 14px 32px rgba(14,45,108,.24)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
a.hartl-fairplus-category-assortment__button span{
  position:relative;
  z-index:2;
  color:#fff!important;
}
a.hartl-fairplus-category-assortment__button::before,
a.hartl-fairplus-category-assortment__button::after{
  display:none!important;
  content:none!important;
}
a.hartl-fairplus-category-assortment__button:hover,
a.hartl-fairplus-category-assortment__button:focus-visible{
  color:#fff!important;
  transform:translateY(-3px);
  filter:brightness(1.06);
  box-shadow:0 18px 36px rgba(14,45,108,.28)!important;
  outline:none!important;
}
a.hartl-fairplus-category-assortment__button:hover span,
a.hartl-fairplus-category-assortment__button:focus-visible span{
  color:#fff!important;
}
a.hartl-fairplus-category-assortment__button.is-disabled{
  cursor:default;
  opacity:.62!important;
  pointer-events:none;
}
@media (max-width:767px){
  .hartl-fairplus-category-assortment{
    margin-top:-26px!important;
    margin-bottom:34px!important;
    padding:0 14px!important;
  }
  a.hartl-fairplus-category-assortment__button{
    width:min(100%,380px)!important;
    min-width:0!important;
    font-size:14px!important;
    padding:14px 18px!important;
    white-space:normal!important;
  }
}




/* v1.16.15: Lato on standalone fairPLUS product showcases. */
.hsb-section,
.hsb-section :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,label,span,strong,em,small,li) {
  font-family: "Lato", Arial, Helvetica, sans-serif !important;
}

/* 1.16.18 – readable, usable responsive product filters.
   The more specific .has-special-filter layout previously kept all three
   fields in one row on phones. Keep the filter menus in normal document flow
   on mobile, so text does not disappear behind the product cards. */
@media (min-width:768px) and (max-width:1024px) {
  .hsb-smart-filter.has-special-filter .hsb-smart-filter-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hsb-smart-filter.has-special-filter .hsb-smart-filter-field:nth-child(3) {
    grid-column:1 / -1;
  }
}
@media (max-width:767px) {
  .hsb-smart-filter .hsb-smart-filter-grid,
  .hsb-smart-filter.has-special-filter .hsb-smart-filter-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px;
    padding:16px;
    box-sizing:border-box;
    overflow:visible;
  }
  .hsb-smart-filter .hsb-smart-filter-field,
  .hsb-smart-filter.has-special-filter .hsb-smart-filter-field:nth-child(3) {
    grid-column:auto;
    width:100%;
    min-width:0;
    gap:8px;
    box-sizing:border-box;
  }
  .hsb-smart-filter .hsb-smart-filter-field > span {
    display:block;
    font-size:15px;
    line-height:1.4;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .hsb-smart-filter .hsb-filter-trigger {
    width:100%;
    box-sizing:border-box;
    min-height:54px;
    padding:12px 16px;
    font-size:16px;
    line-height:1.35;
  }
  .hsb-smart-filter .hsb-filter-trigger-label {
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:break-word;
  }
  .hsb-smart-filter .hsb-filter-menu {
    position:static;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    margin-top:4px;
    box-sizing:border-box;
    max-width:100%;
    box-shadow:0 9px 22px rgba(14,45,108,.12);
  }
  .hsb-smart-filter .hsb-filter-options {
    max-height:min(46vh,340px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
  }
  .hsb-smart-filter .hsb-filter-option {
    width:100%;
    box-sizing:border-box;
    min-height:48px;
    padding:12px 14px;
    font-size:16px;
    line-height:1.4;
    white-space:normal;
    overflow-wrap:break-word;
    hyphens:auto;
  }
}


/* 1.16.19 – mobile overflow cleanup for full-width content */
@media (max-width: 900px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .hsb-section,
  .hsb-content-wrap,
  .hsb-content-block,
  .hsb-content-inner,
  .hsb-cards-grid,
  .hsb-smart-filter,
  .hsb-smart-filter-grid {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hsb-content-block {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
  }
}


/* v1.16.20 – prevent fairPLUS full-bleed sections from shifting the mobile page */
@media (max-width: 900px) {
  .hartl-fairplus-category-chooser,
  .hartl-fairplus-category-assortment,
  .hartl-fairplus-closing,
  .hsb-content-block {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
  .hartl-fairplus-category-system,
  .hartl-fairplus-category-panel,
  .hsb-section,
  .hsb-content-wrap,
  .hsb-content-inner {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}