.hhb-department-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hhb-department-single{display:block}.hhb-department-default-template{padding-bottom:70px}.hhb-department-hero{margin-bottom:48px}.hhb-department-hero .hhb-department-container{padding-top:42px;padding-bottom:24px}.hhb-department-hero .hhb-department-image img{display:block;width:100%;max-height:620px;object-fit:cover}.hhb-department-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-bottom:56px}.hhb-department-info{display:grid;gap:16px}.hhb-department-info__row{display:grid;grid-template-columns:minmax(95px,.35fr) minmax(0,1fr);gap:18px;align-items:start}.hhb-department-info__label{font-weight:700}.hhb-department-info address{font-style:normal;margin:0}.hhb-department-info a{text-decoration:none}.hhb-department-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;margin:8px 0 16px}.hhb-department-status small{flex-basis:100%;font-weight:400}.hhb-department-status__dot{width:10px;height:10px;border-radius:50%;background:#EE3246;box-shadow:0 0 0 3px rgba(238,50,70,.12)}.hhb-department-status.is-open .hhb-department-status__dot{background:#5DF088;box-shadow:0 0 0 3px rgba(93,240,136,.12)}.hhb-opening-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.hhb-opening-hours--sales,.hhb-opening-hours--workshop{grid-template-columns:minmax(0,1fr)}.hhb-opening-hours__section h3{margin-top:0}.hhb-hours-table{width:100%;border-collapse:collapse}.hhb-hours-table th,.hhb-hours-table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.1);text-align:left}.hhb-hours-table td{text-align:right}.hhb-hours-table tr.is-today{font-weight:700;background:rgba(0,0,0,.035)}.hhb-opening-hours--compact{gap:24px}.hhb-opening-hours--compact .hhb-opening-hours__section h3{margin-bottom:8px}.hhb-opening-hours--compact .hhb-department-status{margin:4px 0 10px;gap:7px;line-height:1.3}.hhb-opening-hours--compact .hhb-department-status small{margin-top:1px}.hhb-opening-hours--compact .hhb-hours-table th,.hhb-opening-hours--compact .hhb-hours-table td{padding:6px 9px;line-height:1.3}.hhb-opening-hours--compact .hhb-opening-exceptions{padding:15px 18px}.hhb-opening-hours--compact .hhb-opening-exceptions h3{margin-bottom:8px}.hhb-opening-hours--compact .hhb-opening-exceptions ul{margin-top:2px}.hhb-opening-exceptions{grid-column:1/-1;padding:18px 20px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(0,0,0,.025)}.hhb-opening-exceptions h3{margin-top:0}.hhb-opening-exceptions ul{margin-bottom:0}.hhb-contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hhb-button,.hhb-card-link,.hhb-directions-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:10px!important;text-decoration:none;font-weight:700;cursor:pointer}.hhb-button--secondary{background:transparent}.hhb-department-image img{display:block;width:100%;height:auto}.hhb-department-gallery{display:grid;grid-template-columns:repeat(var(--hhb-gallery-columns,3),minmax(0,1fr));gap:18px;margin-top:42px}.hhb-department-gallery figure{margin:0;overflow:hidden}.hhb-department-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.hhb-department-map{display:block;width:100%!important;max-width:none!important;min-height:280px;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box;border-radius:var(--hhb-map-radius,8px)!important;overflow:hidden;background:#eee;z-index:1}.hhb-map-component{position:relative;display:block;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box}.hhb-map-host--flush{margin:0!important;padding:0!important;border:0!important}.wpb_content_element.hhb-map-host--flush{margin-bottom:0!important}.vc_column-inner.hhb-map-host--flush{padding:0!important}p.hhb-map-host--flush{display:block!important;line-height:0!important;font-size:0!important}.hhb-map-host--flush>.hhb-map-component,.hhb-map-host--flush>p>.hhb-map-component{margin:0!important;padding:0!important}.hhb-map-component>.hhb-department-map{margin:0!important;padding:0!important}.hhb-map-component>.hhb-find-nearest,.hhb-department-list-component>.hhb-find-nearest{margin-bottom:12px}.hhb-location-message{display:inline-block;margin-left:12px}.hhb-map-popup{display:grid;gap:5px;min-width:190px}.hhb-map-popup span{display:block}.hhb-map-popup .is-open{color:#5DF088}.hhb-map-popup .is-closed{color:#EE3246}.hhb-map-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.hhb-map-list>a{display:grid;gap:3px;padding:14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--hhb-card-radius,8px)!important;text-decoration:none}.hhb-map-list .hhb-distance,.hhb-department-card .hhb-distance{display:block;font-weight:700}.hhb-department-grid{display:grid;grid-template-columns:repeat(var(--hhb-department-columns,2),minmax(0,1fr));gap:28px}.hhb-department-card{display:flex;flex-direction:column;align-self:start;height:auto!important;min-height:0!important;border:1px solid rgba(0,0,0,.1);border-radius:var(--hhb-card-radius,8px)!important;overflow:hidden;background:#fff}.hhb-department-card__image{display:block;aspect-ratio:16/9;overflow:hidden}.hhb-department-card__image img{display:block;width:100%;height:100%;object-fit:cover}.hhb-department-card__content{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start!important;gap:10px;height:auto!important;min-height:0!important;margin:0!important;padding:24px!important}.hhb-department-card__content h3,.hhb-department-card__content p{margin:0!important;padding:0!important}.hhb-department-card__content .hhb-card-link{margin-top:0}.hhb-service-tags{display:flex;flex-wrap:wrap;gap:7px}.hhb-service-tags .hhb-service-tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.06);font-size:.82em;line-height:1.35;text-decoration:none}.hhb-service-tags a.hhb-service-tag:hover,.hhb-service-tags a.hhb-service-tag:focus{text-decoration:underline}.hhb-notice{padding:12px;border-left:4px solid #dba617;background:#fff8e5}.hhb-map-component .leaflet-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}.hhb-map-component .leaflet-control-zoom{border-radius:10px!important;overflow:hidden}.hhb-map-component .leaflet-control-zoom a{border-radius:0!important}.hhb-map-component .leaflet-popup-close-button{border-radius:10px!important}.leaflet-container a{box-shadow:none!important}.leaflet-control-attribution{font-size:10px}
@media (max-width:900px){.hhb-department-layout,.hhb-opening-hours{grid-template-columns:1fr}.hhb-department-grid{grid-template-columns:repeat(min(2,var(--hhb-department-columns,2)),minmax(0,1fr))}.hhb-department-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.hhb-department-container{width:min(100% - 28px,1180px)}.hhb-department-layout{gap:36px}.hhb-department-grid,.hhb-map-list{grid-template-columns:1fr}.hhb-department-gallery{grid-template-columns:1fr}.hhb-department-info__row{grid-template-columns:1fr;gap:3px}.hhb-contact-buttons{flex-direction:column;align-items:stretch}.hhb-button,.hhb-directions-link{width:100%}} .hhb-department-card__image{display:block;flex:0 0 auto;height:var(--hhb-card-image-height,360px);min-height:0!important;margin:0!important;aspect-ratio:auto;overflow:hidden}
.hhb-department-card__image img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hhb-department-card__address{line-height:1.5}
.hhb-department-card__contact{display:grid;gap:5px;width:100%}
.hhb-department-card__contact a{display:block;overflow-wrap:anywhere;text-decoration:none}
.hhb-department-card__contact a span{font-weight:700}
.hhb-card-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:0;padding-top:8px}
.hhb-card-actions .hhb-card-link{margin-top:0}
.hhb-card-hours{width:100%;padding-top:18px;border-top:1px solid rgba(0,0,0,.1)}
.hhb-card-hours[hidden]{display:none!important}
.hhb-card-hours .hhb-opening-hours{grid-template-columns:1fr;gap:20px}
.hhb-card-hours .hhb-opening-exceptions{grid-column:auto}
.hhb-hours-toggle[aria-expanded="true"]{opacity:.85}
.hhb-map-popup__buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.hhb-map-popup__buttons .hhb-button{min-height:34px;padding:6px 10px;font-size:12px}
.hhb-map-list>a,.hhb-map-list>div{display:grid;gap:3px;padding:14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--hhb-card-radius,8px)!important;text-decoration:none}
@media (max-width:620px){.hhb-department-card__image{height:min(var(--hhb-card-image-height,360px),72vw);min-height:220px}.hhb-card-actions{flex-direction:column}.hhb-card-actions .hhb-button,.hhb-card-actions .hhb-card-link{width:100%}} .hhb-card-actions .hhb-hours-toggle{appearance:none;-webkit-appearance:none;font:inherit;line-height:inherit;box-sizing:border-box}
.hhb-department-card__image+.hhb-department-card__content{margin-top:0!important}
.hhb-services-block{display:grid;gap:8px;width:100%}
.hhb-services-heading{margin:0!important;padding:0!important} .hhb-department-card__image{position:relative!important;line-height:0!important}
.hhb-department-card__image>img,
.hhb-department-card__image .wp-post-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center center!important}
.hhb-department-card>.hhb-department-card__content{position:relative!important;top:auto!important;transform:none!important;margin:0!important;height:auto!important;min-height:0!important}
.hhb-card-actions .hhb-button,
.hhb-card-actions .hhb-card-link,
.hhb-card-actions .hhb-hours-toggle{font-family:inherit!important;font-weight:700!important;font-style:normal!important;line-height:1.2!important}
.hhb-department-list-component--compact .hhb-department-grid{gap:20px}
.hhb-department-list-component--compact .hhb-department-card__content{gap:8px!important;padding:20px!important}
.hhb-department-list-component--compact .hhb-department-card__content h3{line-height:1.15!important;margin-bottom:2px!important}
.hhb-department-list-component--compact .hhb-department-card__address{line-height:1.35}
.hhb-department-list-component--compact .hhb-department-card__contact{gap:3px;line-height:1.35}
.hhb-department-list-component--compact .hhb-department-status{gap:7px;margin:6px 0 8px!important;line-height:1.3}
.hhb-department-list-component--compact .hhb-services-block{gap:6px}
.hhb-department-list-component--compact .hhb-service-tags{gap:6px}
.hhb-department-list-component--compact .hhb-service-tags .hhb-service-tag{padding:3px 8px;line-height:1.3}
.hhb-department-list-component--compact .hhb-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:2px;padding-top:6px}
.hhb-department-list-component--compact .hhb-card-actions>*{width:100%!important;min-width:0;box-sizing:border-box}
.hhb-department-list-component--compact .hhb-card-actions>:last-child:nth-child(odd){grid-column:1/-1}
.hhb-department-list-component--compact .hhb-card-actions .hhb-button,
.hhb-department-list-component--compact .hhb-card-actions .hhb-card-link{min-height:46px;padding:9px 12px!important;text-align:center}
.hhb-department-list-component--compact .hhb-card-hours{padding-top:14px}
.hhb-department-list-component--comfortable .hhb-card-actions{display:flex}
.hhb-department-map{height:var(--hhb-map-height,480px)!important}
.hhb-map-component--fill{height:100%!important;min-height:280px!important}
.hhb-map-component--fill>.hhb-department-map{height:100%!important;min-height:280px!important}
.hhb-map-host--fill{height:100%!important;min-height:0!important}
.wpb_content_element.hhb-map-host--fill,
.wpb_wrapper.hhb-map-host--fill,
.vc_column-inner.hhb-map-host--fill,
.vc_column_container.hhb-map-host--fill,
p.hhb-map-host--fill{height:100%!important;min-height:0!important}
.hhb-map-component--fill .leaflet-container{height:100%!important}
@media (max-width:520px){
.hhb-department-list-component--compact .hhb-card-actions{grid-template-columns:1fr}
.hhb-department-list-component--compact .hhb-card-actions>:last-child:nth-child(odd){grid-column:auto}
} .hhb-map-cards-component{
display:grid;
grid-template-columns:minmax(0,var(--hhb-integrated-map-width,50%)) minmax(0,1fr);
align-items:stretch;
gap:24px;
width:100%;
min-height:var(--hhb-integrated-map-height,680px);
}
.hhb-map-cards-component--right{grid-template-columns:minmax(0,1fr) minmax(0,var(--hhb-integrated-map-width,50%))}
.hhb-map-cards-component--right>.hhb-map-cards-component__map{order:2}
.hhb-map-cards-component--right>.hhb-map-cards-component__cards{order:1}
.hhb-map-cards-component--top{grid-template-columns:1fr;min-height:0}
.hhb-map-cards-component--top>.hhb-map-cards-component__map{height:var(--hhb-integrated-map-height,680px)}
.hhb-map-cards-component__map{position:relative;min-width:0;min-height:var(--hhb-integrated-map-height,680px)}
.hhb-map-cards-component__map>.hhb-map-component,
.hhb-map-cards-component__map .hhb-department-map{height:100%!important;min-height:100%!important}
.hhb-map-cards-component__cards{min-width:0}
.hhb-map-cards-component__cards .hhb-department-list-component,
.hhb-map-cards-component__cards .hhb-department-grid{width:100%}
.hhb-department-card{transition:border-color .2s ease}
.hhb-department-card:hover,
.hhb-department-card:focus-within,
.hhb-department-card.is-map-active{transform:none!important;box-shadow:none!important}
.hhb-department-card.is-map-active{border-color:rgba(0,0,0,.32)}
.hhb-department-marker--active{z-index:1000!important;animation:none!important;filter:none!important}
@media (prefers-reduced-motion:reduce){
.hhb-department-card{transition:none!important}
}
@media (max-width:900px){
.hhb-map-cards-component,
.hhb-map-cards-component--right{grid-template-columns:1fr;min-height:0}
.hhb-map-cards-component--right>.hhb-map-cards-component__map,
.hhb-map-cards-component--right>.hhb-map-cards-component__cards{order:initial}
.hhb-map-cards-component__map{height:min(var(--hhb-integrated-map-height,520px),70vh);min-height:360px}
} .hhb-map-cards-component{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.hhb-map-cards-component__map,
.hhb-map-cards-component__cards{
min-width:0;
}
.hhb-map-cards-component__cards .hhb-department-grid{
grid-template-columns:repeat(var(--hhb-integrated-card-columns,var(--hhb-department-columns,1)),minmax(0,1fr));
}
@media (max-width:767px){
.hhb-map-cards-component,
.hhb-map-cards-component--right,
.hhb-map-cards-component--top{
grid-template-columns:1fr!important;
min-height:0!important;
}
.hhb-map-cards-component--right>.hhb-map-cards-component__map,
.hhb-map-cards-component--right>.hhb-map-cards-component__cards{
order:initial;
}
.hhb-map-cards-component__map{
height:min(var(--hhb-integrated-map-height,520px),70vh);
min-height:360px!important;
}
}
@media (max-width:620px){
.hhb-department-grid,
.hhb-map-cards-component__cards .hhb-department-grid{
grid-template-columns:1fr!important;
}
} .hhb-department-card__main{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
width:100%;
}
.hhb-department-list-component--compact .hhb-department-card__main{gap:8px}
.hhb-map-cards-component{
gap:1.5rem!important;
}
.hhb-map-cards-component__cards .hhb-department-grid{
gap:1.5rem!important;
}
.hhb-map-cards-component .hhb-department-card__content{
flex:1 1 auto!important;
min-height:0!important;
}
.hhb-map-cards-component .hhb-card-actions{
margin-top:auto!important;
}
.hhb-map-cards-component .hhb-card-hours{
flex:0 0 auto;
}
@media (min-width:901px){
.hhb-map-cards-component:not(.hhb-map-cards-component--top){
height:var(--hhb-integrated-map-height,680px);
min-height:0!important;
}
.hhb-map-cards-component:not(.hhb-map-cards-component--top)>.hhb-map-cards-component__map,
.hhb-map-cards-component:not(.hhb-map-cards-component--top)>.hhb-map-cards-component__cards{
height:100%;
min-height:0!important;
}
.hhb-map-cards-component__cards{
overflow:auto;
}
.hhb-map-cards-component__cards .hhb-department-list-component,
.hhb-map-cards-component__cards .hhb-department-grid{
min-height:100%;
}
.hhb-map-cards-component--single-row .hhb-department-list-component,
.hhb-map-cards-component--single-row .hhb-department-grid{
height:100%;
}
.hhb-map-cards-component--single-row .hhb-department-grid{
align-items:stretch;
grid-auto-rows:minmax(0,1fr);
}
.hhb-map-cards-component--single-row .hhb-department-card{
align-self:stretch;
height:100%!important;
min-height:0!important;
}
.hhb-map-cards-component--single-row .hhb-department-card__content{
overflow-y:auto;
}
}.ehn-engagement-root, .ehn-engagement-root * { box-sizing: border-box; }
.ehn-overlay {
position: fixed; inset: 0;
background: rgba(0,0,0,0.55);
display: flex; align-items: center; justify-content: center;
z-index: 999999;
opacity: 0; pointer-events: none;
transition: opacity 180ms ease;
}
.ehn-overlay.ehn-show { opacity: 1; pointer-events: auto; }
.ehn-popup {
position: relative;
background: #fff; color: #111;
width: min(92vw, 560px);
max-height: 90vh;
overflow: auto;
border-radius: 14px;
box-shadow: 0 15px 60px rgba(0,0,0,0.35);
transform: translateY(10px);
opacity: 0;
transition: transform 180ms ease, opacity 180ms ease;
}
.ehn-popup.ehn-show { transform: translateY(0); opacity: 1; }
.ehn-popup.ehn-anim-none { transition: none; transform: none; }
.ehn-popup.ehn-anim-slide { transform: translateY(18px); }
.ehn-popup-shell {
display: flex;
flex-direction: column;
align-items: center;
max-width: 96vw;
max-height: 96vh;
pointer-events: auto;
} .ehn-engagement-root button.ehn-close {
all: unset;
box-sizing: border-box !important;
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 100 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 0 3px !important;
border: 0 !important;
border-radius: 12px !important;
background: rgba(0,0,0,0.08) !important;
color: inherit !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 32px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
pointer-events: auto !important;
opacity: 1 !important;
visibility: visible !important;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
} .ehn-engagement-root button.ehn-close::before,
.ehn-engagement-root button.ehn-close::after {
content: none !important;
display: none !important;
}
.ehn-engagement-root button.ehn-close:hover { background: rgba(0,0,0,0.14) !important; }
.ehn-engagement-root button.ehn-close:focus-visible {
outline: 2px solid currentColor !important;
outline-offset: 2px !important;
}
.ehn-dont-show-wrap {
padding: 0 18px 16px;
text-align: center;
line-height: 1.4;
}
.ehn-dont-show-again,
.ehn-dont-show-again:visited {
color: inherit;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
}
.ehn-dont-show-again:hover { text-decoration-thickness: 2px; }
.ehn-popup-shell > .ehn-dont-show-wrap {
padding: 0;
margin-top: 10px;
color: #fff;
}
.ehn-popup-body { padding: 22px 18px 18px; }
.ehn-fullscreen .ehn-popup {
width: 96vw; height: 92vh; max-height: 92vh; border-radius: 16px;
}
.ehn-slidein-wrap { position: fixed; z-index: 999999; inset: 0; pointer-events: none; }
.ehn-slidein {
position: absolute; pointer-events: auto;
width: min(92vw, 420px);
max-height: 85vh; overflow: auto;
background: #fff;
border-radius: 14px;
box-shadow: 0 15px 60px rgba(0,0,0,0.25);
opacity: 0;
transform: translateX(24px);
transition: transform 220ms ease, opacity 220ms ease;
}
.ehn-slidein.ehn-show { opacity: 1; transform: translateX(0); }
.ehn-slidein.ehn-from-left { left: 14px; bottom: 14px; transform: translateX(-24px); }
.ehn-slidein.ehn-from-right { right: 14px; bottom: 14px; }
.ehn-slidein.ehn-from-bottom { left: 50%; bottom: 14px; transform: translate(-50%, 24px); }
.ehn-slidein.ehn-from-bottom.ehn-show { transform: translate(-50%, 0); } .ehn-sidebar-wrap {
position: fixed; inset: 0;
z-index: 999999;
background: rgba(0,0,0,0.25);
opacity: 0;
pointer-events: none;
transition: opacity 200ms ease;
}
.ehn-sidebar-wrap.ehn-show { opacity: 1; pointer-events: auto; }
.ehn-sidebar {
position: absolute;
top: 0; bottom: 0;
width: min(92vw, 420px);
max-width: 520px;
background: #fff; color: #111;
overflow: auto;
box-shadow: 0 18px 70px rgba(0,0,0,0.30);
opacity: 1;
transform: translateX(100%);
transition: transform 240ms ease;
}
.ehn-sidebar.ehn-from-right { right: 0; border-top-left-radius: 16px; border-bottom-left-radius: 16px; }
.ehn-sidebar.ehn-from-left { left: 0; transform: translateX(-100%); border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
.ehn-sidebar.ehn-show { transform: translateX(0); }
.ehn-sidebar button.ehn-close { top: 12px !important; right: 12px !important; }
.ehn-notify {
position: fixed; z-index: 999999;
width: min(92vw, 360px);
background: #111; color: #fff;
border-radius: 14px;
padding: 14px 14px 12px;
box-shadow: 0 12px 45px rgba(0,0,0,0.3);
opacity: 0; transform: translateY(10px);
transition: transform 200ms ease, opacity 200ms ease;
}
.ehn-notify.ehn-show { opacity: 1; transform: translateY(0); }
.ehn-corner-br { right: 14px; bottom: 14px; }
.ehn-corner-bl { left: 14px; bottom: 14px; }
.ehn-corner-tr { right: 14px; top: 14px; }
.ehn-corner-tl { left: 14px; top: 14px; }
.ehn-bar {
position: fixed; left: 0; right: 0;
z-index: 999999;
background: #111; color: #fff;
padding: 12px 52px 12px 14px;
box-shadow: 0 8px 30px rgba(0,0,0,0.25);
opacity: 0;
transform: translate(var(--ehn-bar-x, 0), -100%);
transition: transform 220ms ease, opacity 220ms ease;
}
.ehn-bar.ehn-bottom { bottom: 0; transform: translate(var(--ehn-bar-x, 0), 100%); }
.ehn-bar.ehn-top { top: 0; }
.ehn-bar.ehn-show { opacity: 1; transform: translate(var(--ehn-bar-x, 0), 0); }
.ehn-bar.ehn-bar-custom-width { right: auto; }
.ehn-bar button.ehn-close { top: 8px !important; right: 10px !important; background: rgba(255,255,255,0.15) !important; color: #fff !important; }
.ehn-widget {
position: fixed; z-index: 999999;
width: min(92vw, 360px);
background: #fff; color: #111;
border-radius: 16px;
box-shadow: 0 18px 60px rgba(0,0,0,0.30);
overflow: hidden;
opacity: 0; transform: translateY(12px);
transition: transform 220ms ease, opacity 220ms ease;
}
.ehn-widget.ehn-show { opacity: 1; transform: translateY(0); }
.ehn-widget-handle {
position: fixed; z-index: 999998;
width: 56px; height: 56px;
border-radius: 999px;
border: none;
cursor: pointer;
background: #111; color: #fff;
box-shadow: 0 14px 45px rgba(0,0,0,0.28);
}
.ehn-widget-handle.ehn-corner-br { right: 14px; bottom: 14px; }
.ehn-widget-handle.ehn-corner-bl { left: 14px; bottom: 14px; }
.ehn-widget-handle.ehn-corner-tr { right: 14px; top: 14px; }
.ehn-widget-handle.ehn-corner-tl { left: 14px; top: 14px; }
@media (max-width: 768px) {
.ehn-overlay,
.ehn-slidein-wrap,
.ehn-sidebar-wrap {
inset: 0 !important;
align-items: stretch;
justify-content: stretch;
}
.ehn-popup,
.ehn-fullscreen .ehn-popup,
.ehn-slidein,
.ehn-slidein.ehn-from-left,
.ehn-slidein.ehn-from-right,
.ehn-slidein.ehn-from-bottom,
.ehn-sidebar,
.ehn-sidebar.ehn-from-left,
.ehn-sidebar.ehn-from-right,
.ehn-notify,
.ehn-bar,
.ehn-widget {
position: fixed !important;
inset: 0 !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100vw !important;
max-width: none !important;
height: 100dvh !important;
max-height: none !important;
min-height: 100vh;
margin: 0 !important;
border-radius: 0 !important;
overflow: auto;
}
.ehn-popup.ehn-show,
.ehn-fullscreen .ehn-popup.ehn-show,
.ehn-slidein.ehn-show,
.ehn-slidein.ehn-from-left.ehn-show,
.ehn-slidein.ehn-from-right.ehn-show,
.ehn-slidein.ehn-from-bottom.ehn-show,
.ehn-sidebar.ehn-show,
.ehn-notify.ehn-show,
.ehn-bar.ehn-show,
.ehn-widget.ehn-show {
transform: none !important;
}
.ehn-popup-body {
min-height: 100%;
padding-top: 64px !important;
}
.ehn-bar {
padding: 64px 18px 18px !important;
}
.ehn-notify,
.ehn-widget {
padding-top: 52px;
}
.ehn-engagement-root button.ehn-close,
.ehn-sidebar button.ehn-close,
.ehn-bar button.ehn-close {
top: 12px !important;
right: 12px !important;
}
.ehn-popup-shell > .ehn-dont-show-wrap {
position: fixed;
left: 50%;
bottom: 14px;
z-index: 100001;
transform: translateX(-50%);
margin: 0;
padding: 8px 12px;
border-radius: 8px;
background: rgba(0,0,0,0.65);
color: #fff;
}
}
.ehn-inline-popup { border: 1px solid rgba(0,0,0,0.08); border-radius: 14px; padding: 12px; } .ehn-engagement-root .ehn-btn,
.ehn-engagement-root a.ehn-btn,
.ehn-engagement-root button.ehn-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
padding: 10px 14px;
border-radius: 10px;
border: 0;
background: #111;
color: #fff;
cursor: pointer;
text-decoration: none;
font-weight: 600;
}
.ehn-engagement-root .ehn-btn.ehn-btn-outline { background: transparent; color: currentColor; border: 1px solid currentColor; }
.ehn-engagement-root .ehn-btn + .ehn-btn { margin-left: 8px; } .ehn-engagement-root .ehn-post-card {
display: grid;
grid-template-columns: minmax(160px, 42%) minmax(0, 1fr);
gap: clamp(16px, 3vw, 28px);
align-items: stretch;
width: 100%;
margin: 0;
}
.ehn-engagement-root .ehn-post-card--no-image {
grid-template-columns: 1fr;
}
.ehn-engagement-root .ehn-post-card__media {
min-width: 0;
overflow: hidden;
border-radius: 12px;
background: rgba(0,0,0,0.05);
}
.ehn-engagement-root .ehn-post-card__image-link {
display: block;
width: 100%;
height: 100%;
min-height: 220px;
}
.ehn-engagement-root .ehn-post-card__image {
display: block;
width: 100%;
height: 100%;
min-height: 220px;
object-fit: cover;
}
.ehn-engagement-root .ehn-post-card__content {
display: flex;
flex-direction: column;
min-width: 0;
justify-content: center;
}
.ehn-engagement-root .ehn-post-card__title {
margin: 0 0 10px;
padding: 0;
color: inherit;
font-size: clamp(22px, 3vw, 32px);
line-height: 1.15;
}
.ehn-engagement-root .ehn-post-card__excerpt {
margin: 0 0 18px;
color: inherit;
opacity: 0.82;
font-size: 15px;
line-height: 1.55;
}
.ehn-engagement-root .ehn-post-card__actions { margin-top: auto; }
.ehn-engagement-root .ehn-post-card__button { width: fit-content; }
.ehn-slidein .ehn-post-card,
.ehn-sidebar .ehn-post-card,
.ehn-notify .ehn-post-card,
.ehn-widget .ehn-post-card {
grid-template-columns: 1fr;
}
.ehn-slidein .ehn-post-card__image-link,
.ehn-slidein .ehn-post-card__image,
.ehn-sidebar .ehn-post-card__image-link,
.ehn-sidebar .ehn-post-card__image,
.ehn-notify .ehn-post-card__image-link,
.ehn-notify .ehn-post-card__image,
.ehn-widget .ehn-post-card__image-link,
.ehn-widget .ehn-post-card__image {
min-height: 0;
aspect-ratio: 16 / 9;
}
.ehn-notify .ehn-post-card__title,
.ehn-widget .ehn-post-card__title { font-size: 22px; }
.ehn-bar .ehn-post-card {
grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
gap: 16px;
align-items: center;
}
.ehn-bar .ehn-post-card__image-link,
.ehn-bar .ehn-post-card__image {
min-height: 88px;
height: 88px;
}
.ehn-bar .ehn-post-card__title { font-size: 20px; margin-bottom: 6px; }
.ehn-bar .ehn-post-card__excerpt { margin-bottom: 10px; line-height: 1.4; }
@media (max-width: 768px) {
.ehn-engagement-root .ehn-post-card,
.ehn-bar .ehn-post-card {
grid-template-columns: 1fr;
}
.ehn-engagement-root .ehn-post-card__image-link,
.ehn-engagement-root .ehn-post-card__image,
.ehn-bar .ehn-post-card__image-link,
.ehn-bar .ehn-post-card__image {
min-height: 0;
height: auto;
aspect-ratio: 16 / 9;
}
.ehn-engagement-root .ehn-post-card__title { font-size: 26px; }
}.ehn-mc-wrap,
.ehn-mc-wrap * {
box-sizing: border-box;
}
.ehn-mc-wrap {
width: 100%;
max-width: var(--ehn-mc-max, 900px);
}
.ehn-mc-form {
width: 100%;
margin: 0;
}
.ehn-mc-row {
display: flex;
align-items: stretch;
width: 100%;
gap: var(--ehn-mc-gap, 10px);
}
.ehn-mc-email {
flex: 1 1 auto;
min-width: 0;
width: 100%;
height: var(--ehn-mc-height, 54px) !important;
min-height: var(--ehn-mc-height, 54px) !important;
margin: 0 !important;
padding: 0 16px !important;
background: var(--ehn-mc-field-bg, #fff) !important;
color: var(--ehn-mc-field-color, #050607) !important;
border: var(--ehn-mc-field-bw, 1px) solid var(--ehn-mc-field-border, #d1d5db) !important;
border-radius: var(--ehn-mc-field-radius, 8px) !important;
box-shadow: none !important;
outline: none !important;
font: inherit;
font-size: var(--ehn-mc-field-fs, 16px) !important;
line-height: 1.2 !important;
transition: border-color .18s ease, box-shadow .18s ease;
}
.ehn-mc-email::placeholder {
color: var(--ehn-mc-placeholder, #6b7280) !important;
opacity: 1;
}
.ehn-mc-email:focus {
border-color: var(--ehn-mc-field-focus, #3452ff) !important;
box-shadow: 0 0 0 1px var(--ehn-mc-field-focus, #3452ff) !important;
}
.ehn-mc-button {
flex: 0 0 auto;
min-width: 132px;
height: var(--ehn-mc-height, 54px) !important;
min-height: var(--ehn-mc-height, 54px) !important;
margin: 0 !important;
padding: 0 22px !important;
appearance: none;
-webkit-appearance: none;
background: var(--ehn-mc-button-bg, #3452ff) !important;
color: var(--ehn-mc-button-color, #fff) !important;
border: var(--ehn-mc-button-bw, 1px) solid var(--ehn-mc-button-border, #3452ff) !important;
border-radius: var(--ehn-mc-button-radius, 8px) !important;
box-shadow: none !important;
font: inherit;
font-size: var(--ehn-mc-button-fs, 16px) !important;
font-weight: var(--ehn-mc-button-fw, 700) !important;
line-height: 1 !important;
text-transform: none !important;
letter-spacing: normal !important;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
.ehn-mc-button:hover,
.ehn-mc-button:focus-visible {
background: var(--ehn-mc-button-hover-bg, #2239cc) !important;
color: var(--ehn-mc-button-hover-color, #fff) !important;
border-color: var(--ehn-mc-button-hover-border, #2239cc) !important;
}
.ehn-mc-button:disabled {
cursor: wait;
opacity: .7;
}
.ehn-mc-consent {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 11px 0 0 !important;
padding: 0 !important;
color: var(--ehn-mc-gdpr, #333) !important;
font-size: var(--ehn-mc-gdpr-fs, 14px) !important;
line-height: 1.45 !important;
cursor: pointer;
}
.ehn-mc-consent input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
opacity: 0 !important;
pointer-events: none;
}
.ehn-mc-checkbox {
position: relative;
flex: 0 0 var(--ehn-mc-checkbox-size, 18px);
width: var(--ehn-mc-checkbox-size, 18px);
height: var(--ehn-mc-checkbox-size, 18px);
margin-top: 1px;
background: var(--ehn-mc-checkbox-bg, #fff);
border: 1px solid var(--ehn-mc-checkbox-border, #b8bcc2);
border-radius: var(--ehn-mc-checkbox-radius, 4px);
transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ehn-mc-consent input[type="checkbox"]:checked + .ehn-mc-checkbox {
background: var(--ehn-mc-checkbox-checked, #3452ff);
border-color: var(--ehn-mc-checkbox-checked, #3452ff);
}
.ehn-mc-consent input[type="checkbox"]:checked + .ehn-mc-checkbox::after {
content: "";
position: absolute;
left: 50%;
top: 45%;
width: 38%;
height: 62%;
border: solid var(--ehn-mc-checkbox-check, #fff);
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.ehn-mc-consent input[type="checkbox"]:focus-visible + .ehn-mc-checkbox {
box-shadow: 0 0 0 2px color-mix(in srgb, var(--ehn-mc-checkbox-checked, #3452ff) 28%, transparent);
}
.ehn-mc-message,
.ehn-mc-server-message {
margin-top: 10px;
font-size: 14px;
line-height: 1.45;
}
.ehn-mc-server-message {
margin: 0 0 12px;
}
.ehn-mc-message.is-success,
.ehn-mc-server-message.is-success {
color: var(--ehn-mc-success, #137333);
}
.ehn-mc-message.is-error,
.ehn-mc-server-message.is-error {
color: var(--ehn-mc-error, #b42318);
}
.ehn-mc-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.ehn-mc-wrap .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}