/* Herba components only. Porto's global styles and scripts remain available. */
:root {
  --hm-green: #217373;
  --hm-light: #e6f4f1;
  --hm-pink: #ce3992;
  --hm-ink: #263b3a;
  --hm-muted: #697977;
  --hm-line: #dfe9e5;
}
.hm-header-shell,.hm-footer-shell,.hm-dialog{--hm-green:#217373;--hm-light:#e6f4f1;--hm-pink:#ce3992;--hm-ink:#263b3a;--hm-muted:#697977;--hm-line:#dfe9e5;color:var(--hm-ink);font-size:16px;line-height:1.6;text-align:left}
.hm-header-shell *,.hm-footer-shell *,.hm-dialog *{box-sizing:border-box}
.hm-header-shell [hidden],.hm-footer-shell [hidden],.hm-dialog [hidden]{display:none!important}
.hm-header-shell a,.hm-footer-shell a,.hm-dialog a{text-decoration:none;color:inherit}
.hm-header-shell button,.hm-footer-shell button,.hm-dialog button{font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer}
.hm-header-shell ul,.hm-footer-shell ul,.hm-dialog ul{padding:0;margin:0;list-style:none}
.hm-header-shell h2,.hm-header-shell h3,.hm-footer-shell h2,.hm-footer-shell h3,.hm-dialog h2,.hm-dialog h3{font-family:inherit;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:0;color:inherit;text-transform:none}
.hm-header-shell p,.hm-footer-shell p,.hm-dialog p{margin:0 0 16px}
.hm-header-shell a:focus-visible,.hm-header-shell button:focus-visible,.hm-header-shell summary:focus-visible,.hm-footer-shell a:focus-visible,.hm-footer-shell button:focus-visible,.hm-footer-shell input:focus-visible,.hm-dialog :focus-visible{outline:3px solid var(--hm-pink);outline-offset:4px}
.hm-container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:32px}
.hm-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none!important;stroke:currentColor}
.hm-logo{display:inline-block;line-height:0;flex-shrink:0}.hm-logo img{display:block;width:184px;height:auto;max-height:58px;object-fit:contain}
.hm-utility{background:var(--hm-light);color:var(--hm-green);font-size:11px}.hm-utility .hm-container{height:31px;display:flex;align-items:center;justify-content:space-between}.hm-utility span,.hm-utility .hm-container>div{display:flex;align-items:center;gap:20px}.hm-utility span{gap:8px}.hm-utility .hm-icon{width:17px;height:17px}
.hm-header-shell{position:relative;z-index:100}.hm-header{background:var(--hm-green);color:white}.hm-header-row{min-height:76px;display:flex;align-items:center;gap:28px}.hm-header-caption{font-size:11px;line-height:1.5;color:#ffffffb3;border-left:1px solid #ffffff40;padding-left:25px}.hm-header-tools{margin-left:auto;display:flex;gap:18px;align-items:center}
.hm-icon-button{border:0!important;background:transparent!important;color:inherit!important;padding:7px!important;width:36px;height:38px;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;box-shadow:none!important;line-height:1!important;flex-shrink:0}.hm-icon-button:hover{background:#ffffff18!important}.hm-count{position:absolute;top:0;right:-2px;min-width:16px;height:16px;border-radius:20px;background:var(--hm-pink);color:white;font-size:9px;line-height:16px;text-align:center;padding-inline:3px}.hm-mobile-toggle{margin-left:20px;order:100;display:none}
.hm-account{position:relative;border-left:1px solid #ffffff30;border-right:1px solid #ffffff30;padding-inline:18px;min-height:32px;display:flex;align-items:center}.hm-account-link,.hm-account-details>summary{display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}.hm-account-details{position:relative}.hm-account-details>summary{cursor:pointer;list-style:none}.hm-account-details>summary::-webkit-details-marker{display:none}.hm-account-details>summary>.hm-icon:last-child{width:13px;height:13px}.hm-account-dropdown{position:absolute;right:0;top:calc(100% + 20px);min-width:210px;background:white;box-shadow:0 15px 35px #183d3826;border:1px solid var(--hm-line);border-radius:8px;padding:10px;color:var(--hm-ink);z-index:110}.hm-account-dropdown a{display:flex;align-items:center;gap:9px;padding:10px;font-size:12px}.hm-account-dropdown a:hover{background:var(--hm-light);color:var(--hm-green)}
.hm-desktop-nav{position:relative;background:white;color:var(--hm-ink);border-bottom:1px solid var(--hm-line)}.hm-nav-list{display:flex;align-items:center;justify-content:space-between;gap:10px}.hm-nav-item{margin:0!important;padding:0!important}.hm-nav-link,.hm-mega>summary{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;padding-block:15px;white-space:nowrap;line-height:1.4;list-style:none;cursor:pointer}.hm-mega>summary::-webkit-details-marker{display:none}.hm-mega>summary>.hm-icon{width:12px;height:12px;transition:transform .2s}.hm-mega[open]>summary{color:var(--hm-green)}.hm-mega[open]>summary>.hm-icon{transform:rotate(180deg)}.hm-sale>a,.hm-sale>details>summary{color:var(--hm-pink)!important}.hm-nav-link:hover{color:var(--hm-green)}
.hm-mega-panel{position:absolute;left:0;right:0;top:100%;background:white;color:var(--hm-ink);border-top:1px solid var(--hm-line);box-shadow:0 20px 35px #173f3b26;max-height:70vh;overflow:auto;padding-block:28px;z-index:101}.hm-mega-all{display:inline-block;font-size:14px;font-weight:600;color:var(--hm-green)!important;margin-bottom:18px}.hm-mega-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:30px}.hm-mega-tabs{display:none}.hm-mega[data-hm-enhanced] .hm-mega-tabs{display:flex;flex-direction:column;gap:3px}.hm-mega-tabs>button{background:transparent;border:0;color:var(--hm-ink);font-size:12px;text-align:left;padding:12px;border-radius:5px;display:flex;justify-content:space-between;gap:10px;align-items:center}.hm-mega-tabs>button .hm-icon{width:15px;height:15px}.hm-mega-tabs>button[aria-pressed=true]{background:var(--hm-light);color:var(--hm-green);font-weight:600}.hm-mega-group h3{font-size:18px;margin:0 0 16px;color:var(--hm-green)}.hm-mega-group+.hm-mega-group{margin-top:22px}.hm-mega[data-hm-enhanced] .hm-mega-group+.hm-mega-group{margin-top:0}.hm-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.hm-mega-links>li>a{display:inline-block;font-size:13px;line-height:1.6;color:var(--hm-muted)}.hm-mega-links>li>a:hover{color:var(--hm-pink)}.hm-mega-links .hm-mega-links{display:block;margin-top:7px;padding-left:14px;border-left:1px solid var(--hm-line)}.hm-mega-links .hm-mega-links>li{margin-bottom:6px}.hm-mega-aside{background:var(--hm-light);padding:24px;border-radius:8px}.hm-mega-aside>.hm-icon{width:33px;height:33px;color:var(--hm-green)}.hm-mega-aside>p{font-size:20px;margin-top:18px}.hm-mega-aside>span{font-size:12px;color:var(--hm-muted)}.hm-menu-hint{font-size:10px;padding:12px;display:inline-block}.hm-shop-fallback{display:inline-block;padding:14px}
.hm-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.hm-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:block;color:var(--hm-green);margin-bottom:10px}.hm-footer-shell h2{font-size:34px;line-height:1.2;letter-spacing:-1px}.hm-footer-shell em{font-family:Georgia,serif;font-weight:400}.hm-locations{background:var(--hm-light);padding:48px 0}.hm-locations .hm-section-head>p{font-size:12px;line-height:1.8;color:var(--hm-green);margin:0}.hm-location-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.hm-location-card{border-top:1px solid #b1d1cb;padding:19px 0 0;display:flex;flex-direction:column}.hm-location-card>strong{display:flex;gap:7px;align-items:center;color:var(--hm-green);font-size:13px;font-weight:600}.hm-location-card .hm-icon{width:17px;height:17px}.hm-location-card>span{font-size:10px;color:#5a7973;margin-top:9px;min-height:36px}.hm-location-card>small{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--hm-green);margin-top:12px}.hm-location-card:hover>small{text-decoration:underline}
.hm-newsletter{background:#faf5f0;padding:40px 0}.hm-newsletter-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.hm-newsletter h2{font-size:31px}.hm-newsletter-layout>div>p{font-size:12px;color:var(--hm-muted);margin:15px 0 0}.hm-newsletter-form{margin:0}.hm-newsletter-input{display:flex;border:1px solid #c6d5cd;background:white;border-radius:5px;padding:5px;gap:5px}.hm-newsletter-input>input{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;height:43px;color:var(--hm-ink);padding:10px 12px!important;font-size:14px;border-radius:0!important}.hm-button{border:0!important;background:var(--hm-green)!important;color:white!important;padding:13px 19px!important;border-radius:5px!important;font-size:12px!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap;box-shadow:none!important;min-height:43px}.hm-button .hm-icon{width:18px;height:18px}.hm-button:hover{background:#165e5d!important}.hm-button:disabled{opacity:.6;cursor:wait}.hm-consent{font-size:10px;display:flex;gap:9px;align-items:flex-start;line-height:1.6;color:var(--hm-muted);margin:14px 0 0}.hm-consent input{margin:3px 0 0;accent-color:var(--hm-green);flex-shrink:0}.hm-consent a{text-decoration:underline}.hm-form-status{font-size:12px;line-height:1.6;margin:12px 0 0!important;min-height:19px}.hm-form-status.is-error{color:#9d234b}.hm-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.hm-footer{background:var(--hm-green);color:#fff;padding:0}.hm-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-block:46px 35px}.hm-footer-brand .hm-logo img{width:165px}.hm-footer-brand>p{font-size:11px;line-height:1.8;color:#bed9d2;margin:20px 0}.hm-footer-brand>a:not(.hm-logo){font-size:11px;color:#d4e8e1;display:block}.hm-footer-brand>.hm-footer-phone{font-size:22px!important;color:white!important;margin-bottom:7px}.hm-footer-top h3{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:7px 0 23px}.hm-footer-menu>li{margin:0 0 10px!important;line-height:1.6}.hm-footer-menu a{font-size:13px;color:#d1e7e0}.hm-footer-menu a:hover{color:white;text-decoration:underline}.hm-footer-menu .sub-menu{padding-left:12px!important;margin-top:7px!important;border-left:1px solid #ffffff30}.hm-footer-menu .sub-menu>li{margin-bottom:7px}.hm-socials{margin-top:21px}.hm-socials>.hm-footer-menu{display:flex;gap:15px;flex-wrap:wrap}.hm-socials a{font-size:10px;border-bottom:1px solid #ffffff40}.hm-footer-bottom{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;padding-block:21px;gap:24px;font-size:10px;color:#bed9d2}.hm-payments{display:flex;align-items:center;gap:10px;background:#fffffff2;border-radius:4px;padding:6px 10px}.hm-payments img{height:30px;max-width:65px;width:auto;object-fit:contain}
.hm-dialog{position:fixed;border:0!important;border-radius:12px!important;padding:26px!important;background:white!important;width:min(680px,calc(100% - 30px));max-width:none;max-height:85dvh;margin:auto;overflow:auto;box-shadow:0 15px 60px #123e3b40;inset:0;height:fit-content}.hm-dialog:not([open]){display:none!important}.hm-dialog::backdrop{background:#173e3b77;backdrop-filter:blur(3px)}.hm-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hm-dialog-head h2{font-size:25px}.hm-dialog .hm-icon-button:hover{background:var(--hm-light)!important}.hm-muted{font-size:12px;color:var(--hm-muted)}.hm-search-form{display:flex;gap:10px;margin-bottom:20px}.hm-search-form input[type=search]{width:100%;min-width:0;background:#f5f9f7!important;border:1px solid #c6dcd6!important;border-radius:5px!important;padding:13px!important;height:46px;box-shadow:none!important;font-size:15px;color:var(--hm-ink)}.hm-result{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--hm-line);padding-block:13px}.hm-result>a:first-child{display:block;flex-shrink:0}.hm-result img{width:60px;height:75px;object-fit:contain}.hm-result-info{flex:1;font-size:13px;min-width:0}.hm-result-price{display:block;color:var(--hm-green);font-size:12px;margin-top:7px}.hm-result-price del{font-size:10px;color:var(--hm-muted);margin-right:5px}.hm-result-price ins{background:none;text-decoration:none}.hm-result .hm-icon-button{color:var(--hm-green)!important}.hm-mobile-account{display:block;padding:20px 0;color:var(--hm-green)!important;font-size:13px}.hm-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hm-toast{position:fixed;right:24px;bottom:24px;padding:12px 20px;border-radius:7px;background:#163e3d;color:white;z-index:10000;font-size:12px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.hm-toast.is-visible{opacity:1;transform:none}.hm-save-product{display:inline-flex!important;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #dbe7e3!important;border-radius:50%!important;background:white!important;color:#217373!important;padding:7px!important;box-shadow:none!important;position:absolute;right:12px;top:12px;z-index:4;cursor:pointer}.hm-save-product[aria-pressed=true]>.hm-icon{fill:#ce3992!important;stroke:#ce3992}.products .product,.hm-collection-image{position:relative}.summary .hm-save-product{position:static;margin:12px 0}.hm-collection-image>.hm-save-product{top:12px;right:12px}.hm-dialog-open{overflow:hidden!important}
@media(max-width:1199px){.hm-header-tools{gap:12px}.hm-header-row{gap:20px}.hm-header-caption{padding-left:20px}.hm-nav-list{gap:8px}.hm-nav-link,.hm-mega>summary{font-size:10px}.hm-mega-layout{grid-template-columns:210px minmax(0,1fr) 170px;gap:25px}.hm-footer-top{gap:25px}.hm-location-grid{grid-template-columns:repeat(3,1fr)}.hm-newsletter-layout{gap:40px}}
@media(max-width:1023px){.hm-container{padding-inline:24px}.hm-header-row{min-height:68px}.hm-mobile-toggle{display:inline-flex}.hm-desktop-nav{display:none}.hm-header-caption{display:none}.hm-logo img{width:160px}.hm-account{padding-inline:12px}.hm-account-link>span,.hm-account-details>summary>span,.hm-account-details>summary>.hm-icon:last-child{display:none}.hm-header-tools{gap:10px}.hm-utility .hm-container>div{gap:12px}.hm-mobile-dialog{left:0;right:auto;top:0;bottom:0;height:100dvh;max-height:100dvh;width:min(85vw,450px);margin:0;border-radius:0!important;padding:22px!important}.hm-mobile-dialog .hm-nav-list{display:block}.hm-mobile-dialog .hm-nav-item{border-bottom:1px solid var(--hm-line)}.hm-mobile-dialog .hm-nav-link,.hm-mobile-dialog .hm-mega>summary{font-size:13px;padding:15px 0;white-space:normal}.hm-mobile-dialog .hm-mega>summary{justify-content:space-between}.hm-mobile-dialog .hm-mega-panel{position:static;box-shadow:none;border:0;background:#f5f9f7;max-height:none;overflow:visible;padding:17px 14px;margin-bottom:15px;border-radius:6px}.hm-mobile-dialog .hm-mega-panel .hm-container{padding:0}.hm-mobile-dialog .hm-mega-layout{display:block}.hm-mobile-dialog .hm-mega-tabs,.hm-mobile-dialog .hm-mega-aside{display:none!important}.hm-mobile-dialog .hm-mega-group[hidden]{display:block!important}.hm-mobile-dialog .hm-mega-group+.hm-mega-group{margin-top:24px!important}.hm-mobile-dialog .hm-mega-links{display:block}.hm-mobile-dialog .hm-mega-links>li{margin-bottom:10px!important}.hm-mobile-dialog .hm-mega-group h3{font-size:14px}.hm-newsletter-layout{gap:30px}.hm-newsletter-input{flex-wrap:wrap}.hm-newsletter-input>input{width:60%;flex:1}.hm-newsletter-input .hm-button{padding-inline:14px!important;font-size:11px!important;gap:8px}.hm-footer-top{grid-template-columns:repeat(2,1fr);gap:35px}.hm-footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.hm-account-dropdown{right:-48px}}
@media(max-width:650px){.hm-container{padding-inline:18px}.hm-header-row{gap:10px;min-height:66px}.hm-logo img{width:135px}.hm-header-tools{gap:5px}.hm-header-tools .hm-icon-button{width:30px;padding:5px!important}.hm-header-tools .hm-icon{width:20px;height:20px}.hm-account{padding-inline:8px;border:0}.hm-utility .hm-container{justify-content:center;height:29px}.hm-utility .hm-container>div{display:none}.hm-locations{padding-block:35px}.hm-section-head{display:block;margin-bottom:25px}.hm-footer-shell h2{font-size:28px}.hm-locations .hm-section-head>p{margin-top:18px;font-size:11px}.hm-location-grid{grid-template-columns:repeat(2,1fr);gap:18px 14px}.hm-location-card>span{min-height:35px}.hm-newsletter-layout{grid-template-columns:1fr;gap:25px}.hm-newsletter{padding-block:34px}.hm-newsletter-input>input{font-size:13px}.hm-newsletter-input .hm-button{gap:7px}.hm-newsletter-input .hm-button .hm-icon{width:14px;height:14px}.hm-footer-top{gap:30px 20px;padding-block:36px}.hm-footer-brand{grid-column:1/-1}.hm-footer-top>nav:last-child{grid-column:1/-1}.hm-footer-top h3{font-size:10px;margin-bottom:18px}.hm-footer-menu a{font-size:11px}.hm-footer-brand .hm-logo img{width:160px}.hm-payments{flex-wrap:wrap;gap:10px}.hm-payments img{height:18px;max-width:55px}.hm-dialog{padding:20px!important}.hm-dialog-head h2{font-size:22px}.hm-search-form{gap:7px}.hm-search-form>.hm-button{font-size:10px!important;gap:0;padding:10px!important}.hm-search-form>.hm-button>.hm-icon{display:none}.hm-search-form input[type=search]{font-size:13px}.hm-toast{bottom:15px;left:15px;right:15px;text-align:center}.hm-result-info{font-size:12px}.hm-result img{width:48px;height:62px}}
@media(prefers-reduced-motion:reduce){.hm-header-shell *,.hm-footer-shell *,.hm-dialog *,.hm-toast{transition:none!important;animation:none!important}}

.hm-header-shell{position:sticky;top:0}.admin-bar .hm-header-shell{top:32px}@media(max-width:782px){.admin-bar .hm-header-shell{top:46px}}@media(max-width:600px){.admin-bar .hm-header-shell{top:0}}

.hm-footer-shell .hm-locations {
    background: var(--hm-green, #217373);
    color: #fff;
    font-family: "Open Sans", sans-serif;
    padding-block: 36px;
}

.hm-locations .hm-locations-layout {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
    align-items: center;
    gap: clamp(24px, 4vw, 56px);
}

.hm-locations .hm-locations-intro h2 {
    max-width: 440px;
    margin: 0 0 8px;
    font-size: clamp(27px, 2.45vw, 35px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -0.65px;
    color: #fff;
}

.hm-locations .hm-locations-intro p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--hm-light, #e6f4f1);
}

.hm-locations .hm-location-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.hm-locations .hm-location-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 14px 16px;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 12px;
    background: rgb(255 255 255 / 8%);
    color: #fff;
    transition: background-color .2s, border-color .2s;
    text-decoration: none!important;
}

.hm-locations .hm-location-card:hover,
.hm-locations .hm-location-card:focus-visible {
    background: rgb(255 255 255 / 16%);
    border-color: rgb(255 255 255 / 42%);
}

.hm-locations .hm-location-card > .hm-icon {
    width: 22px;
    height: 22px;
    color: var(--hm-light, #e6f4f1);
}

.hm-locations .hm-location-text strong,
.hm-locations .hm-location-text span {
    display: block;
    line-height: 1.4;
}

.hm-locations .hm-location-text strong {
    font-size: 15px;
    font-weight: 700;
}

.hm-locations .hm-location-text span {
    margin-top: 3px;
    font-size: 13px;
    color: var(--hm-light, #e6f4f1);
}

@media (max-width: 900px) {
    .hm-locations .hm-locations-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 560px) {
    .hm-footer-shell .hm-locations {
        padding-block: 28px;
    }

    .hm-locations .hm-location-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hm-locations .hm-location-card {
        gap: 9px;
        padding-inline: 12px;
    }
}

.hm-footer-brand p {
    margin-top: 0;
}




@media (max-width: 1023px) {
    .hm-dialog.hm-mobile-dialog {
        inset: 0;
        width: min(90vw, 450px);
        height: fit-content;
        max-height: 85dvh;
        margin: auto;
        padding: 20px !important;
        border-radius: 12px !important;
        overflow-y: auto;
        overscroll-behavior: contain;
        font-family: "Open Sans", sans-serif;
    }

    .hm-mobile-dialog .hm-dialog-head {
        gap: 12px;
        margin-bottom: 22px;
    }

    .hm-mobile-dialog .hm-dialog-head h2 {
        font-size: 21px;
    }

    .hm-mobile-dialog .hm-nav-list {
        display: grid;
        gap: 5px;
        grid-template-columns: 1fr;
    }

    .hm-mobile-dialog .hm-nav-item {
        border-bottom: 0;
    }

    .hm-mobile-dialog .hm-nav-link,
    .hm-mobile-dialog .hm-mega > summary {
        min-height: 45px;
        padding: 11px 12px;
        border-radius: 5px;
        background: var(--hm-light, #e6f4f1);
        color: var(--hm-green, #217373);
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .hm-mobile-dialog .hm-mega-panel {
        margin: 5px 0 0;
    }

    .hm-mobile-dialog .hm-mega > summary > .hm-icon {
        width: 18px;
        height: 18px;
    }

    .hm-mobile-dialog .hm-mega[open] > summary > .hm-icon {
        transform: rotate(90deg);
    }

    .hm-mobile-dialog .hm-mobile-account {
        padding: 16px 0 0;
    }
}



@media (max-width: 1023px) {
    #hm-mobile-dialog .hm-mobile-next {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border: 0;
        text-align: left;
        cursor: pointer;
    }

    #hm-mobile-dialog .hm-mobile-next > span {
        flex-shrink: 0;
        font-size: 19px;
        line-height: 1;
    }

    #hm-mobile-dialog .hm-mobile-back {
        display: inline-flex;
        align-items: center;
        margin: 0 0 12px;
        padding: 8px 12px;
        border: 1px solid #d1e5df;
        border-radius: 5px;
        background: #fff;
        color: var(--hm-green, #217373);
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
    }
}


#main .hm-hero >.wp-block-column {
    padding: 0;
}

.hm-home .hm-category-grid,
.hm-home .hm-proof {
    display: block!important;
}
.hm-home .hm-category-grid > div {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.hm-home .hm-proof > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 29px 0;
    border-bottom: 1px solid #e3eae7;
    gap: 20px;
}
ul.wc-block-product-template {
        display: grid;
    grid-template-columns: repeat(4, 1fr);
}
#hm-locations {
     scroll-margin-top: 120px;
}

.page-template-page-herba-home #main {
    max-width:100%!important;
}
#breadcrumbs-boxed {
    display:none!important;
}
.hm-utility {
        font-size: 11px;
  /*  background: var(--light);
    color: var(--green);*/
}
.hm-utility a{
    text-decoration:none;color:inherit
}
.hm-home .hm-hero-side > div {
        display: flex;
    flex-direction: column;
    gap: 20px !important;
    height:100%;
}

.hm-home .hm-proof .hm-stat {
    position: relative;
    padding-inline-start: 42px;
}

.hm-home .hm-proof .hm-stat::before {
    content: "";
    position: absolute;
    inset-inline-start: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: var(--hm-green, #217373);
    -webkit-mask: var(--hm-stat-icon) center / contain no-repeat;
    mask: var(--hm-stat-icon) center / contain no-repeat;
}

/* Dostava — kamion */
.hm-proof .hm-stat:nth-child(1) {
    --hm-stat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 17V5h13v12M15 9h3l4 5v3M2 17h3m4 0h7m4 0h2M15 14h7'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='18' cy='17' r='2'/%3E%3C/svg%3E");
}

/* Profesionalni brendovi — kvačica */
.hm-proof  .hm-stat:nth-child(2) {
    --hm-stat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5 5L20 6'/%3E%3C/svg%3E");
}

/* Iskustvo — zvezdica */
.hm-proof  .hm-stat:nth-child(3) {
    --hm-stat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5L12 2Z'/%3E%3C/svg%3E");
}

/* Zadovoljni klijenti — srce */
.hm-proof  .hm-stat:nth-child(4) {
    --hm-stat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 4.9a5.5 5.5 0 0 0-7.8 0l-.7.7-.7-.7a5.5 5.5 0 0 0-7.8 7.8L12 21l8.5-8.3a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
}

@media (max-width: 650px) {
    .hm-home .hm-proof  .hm-stat {
        padding-inline-start: 29px;
    }

    .hm-home .hm-proof  .hm-stat::before {
        inset-inline-start: 0;
        width: 20px;
        height: 20px;
    }
    
    .hm-home .hm-proof > div {
            grid-template-columns: repeat(2, 1fr)!important;
    }
    .alignfull.hm-fama.hm-section > div {
        padding:0!important;
    }
    .alignfull.hm-fama.hm-section .hm-fama-columns {
        gap:0!important;
    }
    .alignfull.hm-fama.hm-section .hm-fama-columns .wp-block-column{
        padding-left:0;
        padding-right:0;
    }
    .hm-payments {width:100%;}
    .hm-payments img {height:23px!important;}
    .hm-footer-brand > p br {display:none;}
}

.hm-home .hm-proof {border-bottom:none!important;}

.alignfull {
        width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.alignfull .wp-block-group__inner-container {
    max-width: 1320px;
    margin: 0 auto !important;
    padding: 35px;
}

:is(.hm-sale-promo, .hm-offer-promo, .hm-loyalty-promo) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

:is(.hm-sale-promo, .hm-offer-promo, .hm-loyalty-promo)::before {
    content: "";
    position: absolute;
    right: var(--hm-promo-icon-right, -18px);
    bottom: var(--hm-promo-icon-bottom, 22px);
    width: clamp(100px, 12vw, 150px);
    aspect-ratio: 1;
    background: var(--hm-promo-icon) center / contain no-repeat;
    transform: rotate(var(--hm-promo-icon-rotate, -15deg));
    pointer-events: none;
    z-index: -1;
}

/* Rasprodaja — srce */
.hm-sale-promo {
    --hm-promo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none'%3E%3Cpath d='M60 105 19 64C-8 37 25 5 51 29l9 9 9-9c26-24 59 8 32 35z' stroke='%23e2bfd3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Posebne ponude — kesa */
.hm-offer-promo {
    --hm-promo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none'%3E%3Cpath d='M23 39h74l5 72H18zM39 43V31a21 21 0 0 1 42 0v12' stroke='%23c4d7d3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Loyalty — kartica */
.hm-loyalty-promo {
    --hm-promo-icon-right: -22px;
    --hm-promo-icon-bottom: 27px;
    --hm-promo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 90'%3E%3Crect x='1' y='1' width='148' height='88' rx='8' fill='%23217373'/%3E%3Ctext x='15' y='25' fill='white' font-family='Arial,sans-serif' font-size='9' font-weight='700'%3EHERBA MARKET%3C/text%3E%3Ctext x='15' y='61' fill='white' font-family='Georgia,serif' font-size='26'%3Eloyalty%3C/text%3E%3C/svg%3E");
}

.hm-loyalty-promo::before {
    aspect-ratio: 5 / 3;
    filter: drop-shadow(0 6px 8px rgb(38 59 58 / 15%));
}

.main-content{padding-bottom:0!important;}
.hm-promo-grid .wp-block-column {
    padding-left:0;
    padding-right:0;
}
.hm-home .hm-side-card figure {
    right:-23px!important;
}

@media (max-width: 1023px) {
    .hm-home .hm-hero-side {
        display:block!important;
    }
    .hm-home .hm-hero-side > div {
            display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }
}

.hm-mega-layout {
    align-items:flex-start;
}
.hm-pt-grid .hm-pt-media a:hover{
    background: #e6f4f1!important;
}
.hm-pt-grid .hm-pt-media a img {
    transition:all .23s ease;
}
.hm-pt-grid .hm-pt-media a:hover img {
    transform:scale(1.03);
}
.hm-fair-discounts strong {
    color: #bd246f;
    font-weight: 800;
}

.wp-block-group.hm-sinep-promo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 244px;
    margin-block-start: 20px;
    padding: 28px clamp(22px, 3vw, 40px);
    border-radius: 12px;
    background: #e7eeea;
    color: #263b3a;
}

.wp-block-group.hm-sinep-promo > * {
    margin: 0;
}

.hm-sinep-promo .hm-sinep-promo__eyebrow {
    color: var(--hm-green, #217373);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.hm-sinep-promo .hm-sinep-promo__title {
    color: inherit;
    font-size: clamp(32px, 3.5vw, 46px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.hm-sinep-promo .hm-sinep-promo__description {
    color: #4e6260;
    font-size: 14px;
    line-height: 1.5;
}

.hm-sinep-promo .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-height: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: 5px;
    background: var(--hm-green, #217373);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.hm-sinep-promo .wp-block-button__link::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.hm-sinep-promo .wp-block-button__link:hover {
    background: #195c5c;
    color: #fff;
}

.hm-sinep-promo .wp-block-button__link:focus-visible {
    outline: 2px solid #195c5c;
    outline-offset: 3px;
}

@media (max-width: 650px) {
    .wp-block-group.hm-sinep-promo {
        min-height: 200px;
        padding-block: 24px;
    }
}

.hm-campaign h2 strong {
    color: #bd246f;
    font-weight: 800;
}

.hm-sinep-promo .hm-sinep-promo__image {
    width: 100%;
    margin: 8px 0 0;
    overflow: hidden;
    border-radius: 8px;
    background: transparent;
    mix-blend-mode: multiply;
}

.hm-sinep-promo  .hm-sinep-promo__image img {
    display: block;
    width: 100%;
    height: auto;
}
.hm-sinep-promo {
    margin-top:20px!important;
}

@media (min-width: 901px) {
    .wp-block-group.hm-sinep-promo:has( .hm-sinep-promo__image img) > div {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
        grid-template-rows: repeat(4, auto);
        align-content: center;
        align-items: center;
        column-gap: 32px;
        padding-block: 16px;
        width:100%;
    }

    .hm-sinep-promo:has( .hm-sinep-promo__image img)
        > :not(.hm-sinep-promo__image) {
        grid-column: 1;
    }

    .hm-sinep-promo  .hm-sinep-promo__image {
        grid-column: 2;
        grid-row: 1 / span 4;
        margin: 0;
    }

    .hm-sinep-promo  .hm-sinep-promo__image img {
        height: 212px;
        object-fit: contain;
    }
}

.srb-fav-btn:focus,
button:focus {outline:none!important;}
body.wide #main {max-width:100%!important;}
body.wide #main > .container {padding-left:0!important;padding-right:0!important;}