.site-search-popup{visibility:hidden}
.site-search-popup.active{visibility:visible} body.loading::before,
body.loading::after{display:none!important;content:none!important} .elementor-widget-hpdc_mega_menu,
.elementor-widget-hpdc_mega_menu.elementor-invisible,
.elementor-widget-hpdc_mega_menu.animated,
.elementor-widget-hpdc_mega_menu[class*="animate"],
.elementor-section:has(.hpdc-header),
.elementor-section:has(.hpdc-header).elementor-invisible,
.elementor-section:has(.hpdc-header).animated{
animation:none!important;
opacity:1!important;
transform:none!important;
visibility:visible!important;
transition:none!important;
} :root{
--hpdc-brand:#1a6b44;
--hpdc-brand-hover:#155737;
--hpdc-brand-light:#eaf7f0;
--hpdc-accent:#3db88a;
--hpdc-accent2:#26a69a;
--hpdc-bg:#ffffff;
--hpdc-fg:#1a2e24;
--hpdc-muted:#607868;
--hpdc-border:rgba(26,107,68,.1);
--hpdc-secondary:#f2f9f5;
--hpdc-radius:16px;
--hpdc-shadow:0 20px 60px -16px rgba(10,30,20,.2),0 4px 16px -4px rgba(10,30,20,.07);
--hpdc-drop-bg:rgba(255,255,255,.98);
--hpdc-announce-bg:#0b2d3a;
--hpdc-announce-text:#fff;
--hpdc-nav-bg:#fff;
--hpdc-tile-bg:#f4fbf7;
--hpdc-tile-ico-bg:#dcfce7;
}
.hpdc-header *{box-sizing:border-box} .hpdc-header>*{visibility:visible!important}
.elementor-element-hpdc002>.elementor-widget-container{animation:none!important;transform:none!important;transition:none!important}
.hpdc-header{
position:fixed;top:0;left:0;right:0;width:100%;z-index:10002;
background:var(--hpdc-bg);
font-family:'Inter',system-ui,sans-serif;
color:var(--hpdc-fg);
border-bottom:1px solid transparent;
opacity:1;
transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.hpdc-header.is-scrolled{
background:rgba(255,255,255,.82);
border-bottom-color:var(--hpdc-border);
box-shadow:0 2px 24px -8px rgba(10,30,20,.12);
} .hpdc-header.is-scrolled::before{
content:'';
position:absolute;inset:0;
backdrop-filter:saturate(200%) blur(24px);
-webkit-backdrop-filter:saturate(200%) blur(24px);
pointer-events:none;
z-index:-1;
} .admin-bar .hpdc-header{top:32px} #masthead{min-height:180px}
@media(max-width:1024px){#masthead{min-height:130px}}
@media(max-width:767px){#masthead{min-height:64px}}
@media(max-width:430px){#masthead{min-height:58px}} .hpdc-announce{
background:var(--hpdc-announce-bg);
color:var(--hpdc-announce-text);font-size:12px;letter-spacing:.01em;
}
.hpdc-announce-inner{
max-width:1320px;margin:0 auto;padding:0 24px;
height:38px;display:flex;align-items:center;justify-content:space-between;
}
.hpdc-announce span{opacity:.92}
.hpdc-announce a{
color:#fff;text-decoration:none;
display:inline-flex;align-items:center;gap:6px;
font-weight:500;opacity:.82;
transition:opacity .2s;
}
.hpdc-announce a:hover{opacity:1;text-decoration:underline} .hpdc-main{
max-width:1320px;margin:0 auto;
padding:0 24px;height:92px;
display:flex;align-items:center;gap:28px;
overflow:visible;
} .hpdc-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.hpdc-logo-img{
height:58px;width:auto;display:block;
transition:opacity .2s,transform .25s ease;
}
.hpdc-logo:hover .hpdc-logo-img{opacity:.88;transform:scale(1.02)} .hpdc-search{flex:1;max-width:540px;margin:0 auto;position:relative;display:flex}
.hpdc-search input{
width:100%;padding:11px 108px 11px 44px;
border-radius:9999px;
border:1.5px solid rgba(10,92,63,.12);
background:var(--hpdc-secondary);
font-size:13.5px;color:var(--hpdc-fg);
outline:none;transition:all .25s;
font-family:inherit;
}
.hpdc-search input::placeholder{color:var(--hpdc-muted)}
.hpdc-search input:focus{
background:#fff;
border-color:rgba(10,92,63,.4);
box-shadow:0 0 0 4px rgba(16,185,129,.12);
}
.hpdc-search svg{
position:absolute;left:15px;top:50%;transform:translateY(-50%);
width:16px;height:16px;color:var(--hpdc-muted);pointer-events:none;
}
.hpdc-search button{
position:absolute;right:5px;top:50%;transform:translateY(-50%);
background:linear-gradient(135deg,var(--hpdc-accent),var(--hpdc-accent2));
color:#fff;border:0;padding:8px 18px;
border-radius:9999px;font-size:12.5px;font-weight:600;
cursor:pointer;transition:opacity .2s,box-shadow .2s;
font-family:inherit;letter-spacing:.01em;
box-shadow:0 4px 12px -4px rgba(16,185,129,.4);
}
.hpdc-search button:hover{opacity:.88;box-shadow:0 6px 18px -4px rgba(16,185,129,.45)} .hpdc-search-drop{
display:none;position:absolute;
top:calc(100% + 8px);left:0;right:0;
background:#fff;
border-radius:16px;
box-shadow:0 20px 60px -10px rgba(0,0,0,.18),0 4px 12px -4px rgba(0,0,0,.09);
border:1px solid rgba(10,92,63,.1);
z-index:9999;overflow:hidden;
}
.hpdc-search-drop.is-open{display:block;animation:hpdc-drop-in .16s ease}
@keyframes hpdc-drop-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.hpdc-sr-list{list-style:none;margin:0;padding:6px}
.hpdc-sr-item{
display:flex;align-items:center;gap:11px;
padding:8px 10px;border-radius:10px;
text-decoration:none;color:var(--hpdc-fg);
transition:background .12s;
}
.hpdc-sr-item:hover,.hpdc-sr-item.is-active{background:var(--hpdc-secondary)}
.hpdc-sr-item img{
width:46px;height:46px;object-fit:cover;
border-radius:8px;flex-shrink:0;
border:1px solid rgba(0,0,0,.07);
}
.hpdc-sr-noimg{
width:46px;height:46px;flex-shrink:0;
border-radius:8px;border:1px solid rgba(0,0,0,.07);
background:var(--hpdc-secondary);
display:flex;align-items:center;justify-content:center;
}
.hpdc-sr-noimg svg{width:20px;height:20px;color:var(--hpdc-muted)}
.hpdc-sr-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hpdc-sr-name{
font-size:13px;font-weight:500;line-height:1.3;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hpdc-sr-price{font-size:12px;font-weight:600;color:var(--hpdc-accent)}
.hpdc-sr-price s{color:var(--hpdc-muted);font-weight:400;margin-right:4px}
.hpdc-sr-price b{font-weight:700}
.hpdc-sr-all{
display:block;padding:10px 18px;
font-size:12.5px;color:var(--hpdc-accent);
text-decoration:none;font-weight:500;
border-top:1px solid rgba(10,92,63,.08);
transition:background .15s;
}
.hpdc-sr-all:hover{background:var(--hpdc-secondary)}
.hpdc-sr-empty{padding:16px 18px;color:var(--hpdc-muted);font-size:13px}
.hpdc-sr-loading{display:flex;align-items:center;justify-content:center;gap:5px;padding:20px}
.hpdc-sr-loading span{
width:7px;height:7px;border-radius:50%;
background:var(--hpdc-accent);
animation:hpdc-pulse 1.1s ease-in-out infinite;
}
.hpdc-sr-loading span:nth-child(2){animation-delay:.2s}
.hpdc-sr-loading span:nth-child(3){animation-delay:.4s}
@keyframes hpdc-pulse{0%,80%,100%{transform:scale(.5);opacity:.35}40%{transform:scale(1);opacity:1}} .hpdc-mobile-search{position:relative} .hpdc-icons{display:flex;align-items:center;gap:2px;flex-shrink:0}
.hpdc-icons a,.hpdc-icons button{
position:relative;padding:10px;border-radius:12px;
color:var(--hpdc-fg);background:transparent;border:0;
cursor:pointer;text-decoration:none;
display:inline-flex;align-items:center;
font-size:16px;
transition:background .2s,transform .2s;
}
.hpdc-icons a:hover,.hpdc-icons button:hover{
background:var(--hpdc-secondary);transform:translateY(-1px);
}
.hpdc-icons .hpdc-badge{
position:absolute;top:3px;right:3px;
background:linear-gradient(135deg,var(--hpdc-accent),var(--hpdc-accent2));
color:#fff;font-size:8.5px;font-weight:700;
border-radius:9999px;min-width:16px;height:16px;
display:flex;align-items:center;justify-content:center;
padding:0 3px;box-shadow:0 0 0 2px #fff;
}
.hpdc-mobile-toggle{display:none} .hpdc-icons .hpdc-search-icon{
display:none;
} .hpdc-icons .hpdc-mobile-toggle{
display:none;
width:38px;height:38px;
padding:0;border-radius:10px;
background:var(--hpdc-brand);
color:#fff;font-size:19px;
align-items:center;justify-content:center;
border:0;cursor:pointer;flex-shrink:0;
transition:background .2s,transform .15s;
position:relative;z-index:10002;
}
.hpdc-icons .hpdc-mobile-toggle:hover{
background:var(--hpdc-brand-hover);
transform:scale(1.05);
} .hpdc-ico{
width:19px;height:19px;
display:block;flex-shrink:0;
} .hpdc-icons .hpdc-account-btn{
gap:7px;
padding:9px 18px;border-radius:9999px;
border:1.5px solid var(--hpdc-brand);
color:var(--hpdc-brand);font-weight:600;
font-size:13px;background:transparent;
white-space:nowrap;flex-shrink:0;
transform:none;
}
.hpdc-icons .hpdc-account-btn:hover{
background:var(--hpdc-brand);color:#fff;
transform:none;
} .hpdc-nav-wrap{
border-top:1px solid rgba(26,107,68,.07);
background:var(--hpdc-nav-bg);
box-shadow:0 2px 12px -6px rgba(10,30,20,.08);
overflow:visible;
}
.hpdc-nav-inner{
max-width:1320px;margin:0 auto;
padding:0 24px;height:52px;
display:flex;align-items:center;
}
.hpdc-nav{
flex:1;padding:0;
display:flex;align-items:center;justify-content:center;gap:2px;
height:100%;
}
.hpdc-nav-item{position:relative} .hpdc-nav-item.has-dropdown::after{
content:"";position:absolute;left:-20px;right:-20px;
top:100%;height:14px;
}
.hpdc-nav-btn{
display:inline-flex;align-items:center;gap:5px;
background:none;border:0;cursor:pointer;
padding:0 14px;height:44px;
font-size:14.5px;font-weight:600;letter-spacing:-.01em;
color:var(--hpdc-muted);text-decoration:none;
text-transform:none!important;
transition:color .2s;position:relative;font-family:inherit;
}
.hpdc-nav-btn::before{
content:"";position:absolute;
inset:8px 4px;border-radius:10px;
background:var(--hpdc-brand-light);
opacity:0;transition:opacity .2s;
z-index:-1;
}
.hpdc-nav-btn:hover::before,.hpdc-nav-item.is-open .hpdc-nav-btn::before{opacity:1}
.hpdc-nav-btn:hover,.hpdc-nav-item.is-open .hpdc-nav-btn{color:var(--hpdc-brand);background:var(--hpdc-brand-light)} .hpdc-nav-item.is-open .hpdc-nav-btn::after{display:none}
.hpdc-chev{width:12px;height:12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);color:var(--hpdc-muted);opacity:.6}
.hpdc-nav-item.is-open .hpdc-chev{transform:rotate(180deg)}
.hpdc-divider{width:1px;height:20px;background:rgba(26,107,68,.1);margin:0 4px;flex-shrink:0} .hpdc-cta{
margin-left:auto;
display:inline-flex;align-items:center;gap:8px;
padding:10px 22px;border-radius:9999px;
background:linear-gradient(135deg,var(--hpdc-accent) 0%,var(--hpdc-brand) 100%);
color:#fff;text-decoration:none;
font-weight:700;font-size:13.5px;letter-spacing:-.01em;
box-shadow:0 6px 18px -6px rgba(10,92,63,.35);
transition:transform .2s,box-shadow .2s,opacity .2s;
position:relative;overflow:hidden;
}
.hpdc-cta::after{
content:"";position:absolute;inset:0;
background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
}
.hpdc-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px rgba(10,92,63,.42);color:#fff;opacity:.95} .hpdc-dropdown{
position:absolute;top:calc(100% + 10px);left:0;
transform:none;
background:var(--hpdc-drop-bg);
border:1px solid rgba(255,255,255,.9);
border-radius:20px;
box-shadow:var(--hpdc-shadow);
padding:20px;
z-index:50;
display:none;
transform-origin:top center;
outline:1px solid rgba(10,92,63,.06);
outline-offset:-1px;
}
.hpdc-nav-item.is-open .hpdc-dropdown{
display:block;
animation:hpdcIn .22s cubic-bezier(.22,.68,0,1.2) forwards;
}
@keyframes hpdcIn{
from{opacity:0;transform:translateY(-10px)}
to  {opacity:1;transform:translateY(0)}
} .hpdc-dropdown-shop{
width:auto;left:0;transform:none;
padding:0;overflow:hidden;
background:var(--hpdc-drop-bg);
border:none;
border-radius:0;
box-shadow:none;
outline:none;
} .hpdc-nav-item.is-open .hpdc-dropdown-shop{
animation:hpdcInLeft .22s cubic-bezier(.22,.68,0,1.2) forwards;
}
@keyframes hpdcInLeft{
from{opacity:0;transform:translateY(-10px)}
to  {opacity:1;transform:translateY(0)}
}
.hpdc-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 12px 10px}
.hpdc-shop-tile{
display:flex;align-items:center;gap:10px;
padding:10px 12px;border-radius:12px;
background:var(--hpdc-tile-bg);
text-decoration:none;color:var(--hpdc-fg);
border:1px solid rgba(26,107,68,.07);
transition:background .18s,transform .18s,border-color .18s,box-shadow .18s;
}
.hpdc-shop-tile:hover{
background:#eaf7f0;
border-color:rgba(26,107,68,.22);
box-shadow:0 4px 16px -4px rgba(26,107,68,.18);
transform:translateY(-1px)
}
.hpdc-shop-tile .ico{
width:40px;height:40px;border-radius:12px;
background:var(--hpdc-tile-ico-bg);color:var(--hpdc-brand);
display:flex;align-items:center;justify-content:center;
font-size:18px;flex-shrink:0;
transition:background .2s,transform .2s,box-shadow .2s;
}
.hpdc-shop-tile .ico img{width:26px;height:26px;object-fit:contain;display:block;transition:filter .2s;}
.hpdc-shop-tile:hover .ico{
background:var(--hpdc-brand);color:#fff;
transform:scale(1.1) rotate(-5deg);
box-shadow:0 6px 16px -4px rgba(10,92,63,.4);
}
.hpdc-shop-tile:hover .ico img{filter:brightness(0) invert(1);}
.hpdc-shop-tile span:last-child{font-size:13.5px;font-weight:500;line-height:1.3}
.hpdc-shop-foot{
margin:0;padding:13px 18px;border-radius:0;
background:linear-gradient(90deg,var(--hpdc-brand) 0%,var(--hpdc-accent2) 100%);
display:flex;align-items:center;justify-content:space-between;
text-decoration:none;
transition:filter .2s;
}
.hpdc-shop-foot:hover{filter:brightness(1.08)}
.hpdc-shop-foot strong{display:block;color:#fff;font-size:13.5px;font-weight:700}
.hpdc-shop-foot small{color:rgba(255,255,255,.75);font-size:12px;margin-top:1px;display:block}
.hpdc-shop-foot span{font-size:18px;color:#fff} .hpdc-mega{display:flex;gap:28px}
.hpdc-mega-cols{display:grid;gap:20px 32px;flex:1;align-content:start}
.hpdc-mega-col h4{
margin:0 0 12px;
font-size:11px;font-weight:700;
letter-spacing:.09em;text-transform:uppercase;
color:var(--hpdc-brand);
padding:5px 12px 5px 11px;
background:var(--hpdc-brand-light);
border-left:3px solid var(--hpdc-accent);
border-radius:0 8px 8px 0;
display:inline-block;
}
.hpdc-mega-col h4::after{display:none}
.hpdc-mega-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.hpdc-mega-col li a{
text-decoration:none;color:var(--hpdc-fg);
font-size:13.5px;font-weight:500;
display:flex;align-items:center;gap:10px;
padding:9px 12px;border-radius:10px;
transition:background .18s,color .18s;
position:relative;
}
.hpdc-mega-col li a::after{content:none}
.hpdc-mega-col li a:hover{
background:var(--hpdc-brand-light);
color:var(--hpdc-brand);
}
.hpdc-menu-ico,.hpdc-mega-col .menu-ico{
width:30px;height:30px;border-radius:8px;
background:var(--hpdc-secondary);
display:flex;align-items:center;justify-content:center;
font-size:15px;flex-shrink:0;
transition:background .18s,transform .18s;
}
.hpdc-mega-col li a:hover .menu-ico{
background:var(--hpdc-brand);
transform:scale(1.08);
}
.hpdc-mega-col a small{
display:block;font-weight:400;
color:var(--hpdc-muted);font-size:12px;margin-top:2px;
transition:color .18s;
}
.hpdc-mega-col li a:hover small{color:var(--hpdc-accent2)} .hpdc-mega-featured{
width:230px;flex-shrink:0;border-radius:18px;padding:22px;
background:linear-gradient(155deg,#0a5c3f 0%,#0d9488 60%,#14b8a6 100%);
color:#fff;display:flex;flex-direction:column;justify-content:space-between;
position:relative;overflow:hidden;
box-shadow:0 12px 32px -8px rgba(10,92,63,.4);
}
.hpdc-mega-featured::before{
content:"";position:absolute;
width:180px;height:180px;border-radius:50%;
background:rgba(255,255,255,.06);
top:-60px;right:-60px;pointer-events:none;
}
.hpdc-mega-featured::after{
content:"";position:absolute;
width:120px;height:120px;border-radius:50%;
background:rgba(255,255,255,.05);
bottom:-40px;left:-30px;pointer-events:none;
}
.hpdc-mega-featured .tag{
font-size:9.5px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;
background:rgba(255,255,255,.18);
display:inline-block;padding:3px 9px;border-radius:9999px;
margin-bottom:12px;
}
.hpdc-mega-featured h5{
margin:0 0 8px;font-size:18px;line-height:1.25;font-weight:700;
}
.hpdc-mega-featured p{margin:0;font-size:12.5px;opacity:.88;line-height:1.5}
.hpdc-mega-featured a{
margin-top:20px;align-self:flex-start;
background:rgba(255,255,255,.2);
backdrop-filter:blur(8px);
color:#fff;text-decoration:none;
font-size:12px;font-weight:700;
padding:9px 16px;border-radius:9999px;
border:1px solid rgba(255,255,255,.25);
transition:background .2s,transform .2s;
position:relative;z-index:1;
}
.hpdc-mega-featured a:hover{background:rgba(255,255,255,.32);transform:translateY(-1px)} .hpdc-overlay{
display:none;position:fixed;inset:0;
background:rgba(0,0,0,.48);
z-index:9999;opacity:0;
transition:opacity .3s ease;
touch-action:none;
}
.hpdc-overlay.is-visible{display:block;opacity:1;} .hpdc-mobile{
display:block;
position:fixed;left:0;top:0;
bottom:var(--hpdc-btmbar,0px);
width:min(340px,90vw);
height:auto;max-height:100%;
overflow-y:auto;overflow-x:hidden;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
background:#fff;
z-index:10001;
transform:none;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .2s ease,visibility .2s ease;
box-shadow:8px 0 40px rgba(0,0,0,.2);
padding-bottom:max(env(safe-area-inset-bottom,0px),16px);
}
.hpdc-mobile.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
} .hpdc-mobile-search{
position:relative;padding:12px 16px;
border-bottom:1px solid var(--hpdc-border);
}
.hpdc-mobile-search > svg{
display:none;
}
.hpdc-mobile-search-btn{
position:absolute;right:24px;top:50%;transform:translateY(-50%);
background:none;border:0;padding:6px;cursor:pointer;
color:var(--hpdc-brand);display:flex;align-items:center;justify-content:center;
}
.hpdc-mobile-search-btn svg{position:static;transform:none;width:18px;height:18px;color:inherit;pointer-events:auto;}
.hpdc-mobile-search input{
width:100%;padding:12px 48px 12px 16px;
border-radius:9999px;
border:1.5px solid rgba(10,92,63,.12);
background:var(--hpdc-secondary);
font-size:15px;color:var(--hpdc-fg);
outline:none;font-family:inherit;
min-height:48px;
transition:border-color .25s,box-shadow .25s,background .2s;
-webkit-appearance:none;
}
.hpdc-mobile-search input:focus{
border-color:rgba(10,92,63,.38);
box-shadow:0 0 0 3px rgba(61,184,138,.14);
background:#fff;
} .hpdc-mobile details{border-bottom:1px solid var(--hpdc-border)}
.hpdc-mobile summary{
padding:0 16px;min-height:56px;font-weight:700;font-size:15px;
cursor:pointer;display:flex;justify-content:space-between;align-items:center;
list-style:none;color:var(--hpdc-fg);
user-select:none;-webkit-user-select:none;
-webkit-tap-highlight-color:transparent;
transition:color .15s,background .15s;
}
.hpdc-mobile summary::-webkit-details-marker{display:none}
.hpdc-mobile summary:hover,.hpdc-mobile details[open]>summary{color:var(--hpdc-brand)}
.hpdc-mobile summary span{
width:32px;height:32px;border-radius:8px;
background:var(--hpdc-secondary);color:var(--hpdc-brand);
display:flex;align-items:center;justify-content:center;
font-size:18px;font-weight:300;flex-shrink:0;
transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .2s;
}
.hpdc-mobile details[open]>summary span{
transform:rotate(45deg);
background:var(--hpdc-brand-light);
} .hpdc-mobile-section{
padding:6px 10px 14px;
background:var(--hpdc-secondary);
}
.hpdc-mobile a{
display:flex;align-items:center;gap:10px;
padding:11px 10px;
text-decoration:none;color:var(--hpdc-fg);font-size:14.5px;font-weight:500;
border-radius:10px;min-height:48px;
transition:background .15s,color .15s;
-webkit-tap-highlight-color:transparent;
}
.hpdc-mobile a:hover,.hpdc-mobile a:active{
color:var(--hpdc-brand);background:var(--hpdc-brand-light);
}
.hpdc-mobile .mob-ico{
width:34px;height:34px;border-radius:9px;
background:#fff;border:1px solid rgba(26,107,68,.08);
display:flex;align-items:center;justify-content:center;
font-size:17px;flex-shrink:0;
transition:background .15s,transform .15s;
}
.hpdc-mobile a:hover .mob-ico{background:var(--hpdc-brand-light);transform:scale(1.08)}
.hpdc-mobile h4{
margin:12px 0 4px 10px;font-size:10.5px;
text-transform:uppercase;letter-spacing:.1em;
color:var(--hpdc-accent2);font-weight:700;
} .hpdc-mobile-shop-grid{
display:grid;grid-template-columns:repeat(2,1fr);gap:8px;
padding:8px 10px 14px;
background:var(--hpdc-secondary);
}
.hpdc-mobile-shop-tile{
display:flex;flex-direction:column;align-items:center;
gap:7px;padding:14px 8px;border-radius:14px;
background:#fff;border:1.5px solid rgba(26,107,68,.07);
text-decoration:none;color:var(--hpdc-fg);
text-align:center;font-size:12.5px;font-weight:500;line-height:1.3;
transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
-webkit-tap-highlight-color:transparent;
min-height:0;
}
.hpdc-mobile-shop-tile:active{transform:scale(.95);}
.hpdc-mobile-shop-tile:hover{
background:var(--hpdc-brand-light);border-color:rgba(26,107,68,.2);
box-shadow:0 4px 12px -4px rgba(26,107,68,.15);
}
.hpdc-mobile-shop-tile .mob-ico{
width:44px;height:44px;border-radius:12px;
background:var(--hpdc-secondary);border:none;
display:flex;align-items:center;justify-content:center;
font-size:20px;flex-shrink:0;
}
.hpdc-mobile-shop-tile .mob-ico img{width:30px;height:30px;object-fit:contain;}
.hpdc-mobile-shop-tile:hover .mob-ico{background:var(--hpdc-brand-light);} .hpdc-mobile-quick{
display:flex;gap:4px;padding:8px 10px;
border-bottom:1px solid var(--hpdc-border);
}
.hpdc-mobile-quick a{
flex:1;text-align:center;padding:12px 10px;
border-radius:10px;font-size:14.5px;font-weight:600;
min-height:48px;display:flex;align-items:center;justify-content:center;
text-decoration:none;color:var(--hpdc-muted);
background:var(--hpdc-secondary);
transition:background .15s,color .15s;
-webkit-tap-highlight-color:transparent;
}
.hpdc-mobile-quick a:hover{color:var(--hpdc-brand);background:var(--hpdc-brand-light)} .hpdc-mobile-footer{
display:grid;grid-template-columns:1fr 1fr;gap:8px;
padding:14px 16px;
padding-bottom:max(14px,env(safe-area-inset-bottom,14px));
border-top:1px solid var(--hpdc-border);
}
.hpdc-mobile-footer a{
display:flex;align-items:center;justify-content:center;
padding:14px;border-radius:12px;font-weight:600;font-size:14.5px;
min-height:52px;
text-decoration:none;transition:opacity .2s,transform .15s;
-webkit-tap-highlight-color:transparent;
}
.hpdc-mobile-footer a:first-child{
background:linear-gradient(135deg,var(--hpdc-accent),var(--hpdc-brand));
color:#fff;box-shadow:0 6px 18px -4px rgba(26,107,68,.35);
}
.hpdc-mobile-footer a:last-child{
background:var(--hpdc-secondary);color:var(--hpdc-brand);
border:1.5px solid var(--hpdc-border);
}
.hpdc-mobile-footer a:active{opacity:.82;transform:scale(.97)}
.hpdc-mobile-footer a:hover{opacity:.88;transform:translateY(-1px)} .hpdc-mobile-quickbar{
display:flex;gap:8px;
padding:12px 16px 6px;
}
.hpdc-mobile-quickbar a{
flex:1;display:flex;align-items:center;justify-content:center;
gap:6px;padding:12px 14px;border-radius:12px;
background:var(--hpdc-secondary);color:var(--hpdc-fg);
font-size:14.5px;font-weight:600;text-decoration:none;
min-height:52px;
transition:background .2s,color .2s;
-webkit-tap-highlight-color:transparent;
}
.hpdc-mobile-quickbar a:hover{background:var(--hpdc-brand-light);color:var(--hpdc-brand)}
.hpdc-mobile-quickbar .hpdc-badge{
position:relative;top:auto;right:auto;transform:none;
background:none;color:var(--hpdc-muted);
box-shadow:none;min-width:auto;height:auto;padding:0;
font-size:13px;font-weight:600;
}  @media (max-width:1024px){
.hpdc-nav-wrap{display:none}
.hpdc-main .hpdc-search{display:none}
.hpdc-icons .hpdc-search-icon{display:inline-flex!important}
.hpdc-icons .hpdc-mobile-toggle{display:inline-flex}
.hpdc-icons a{display:none}
.hpdc-logo{flex:1}
.hpdc-main{gap:8px} .hpdc-icons .hpdc-mobile-toggle{width:44px;height:44px;font-size:20px;}
} .hpdc-btm-badge{
position:absolute;top:-5px;right:-5px;
min-width:16px;height:16px;
background:var(--hpdc-accent,#3db88a);color:#fff;
font-size:9px;font-weight:700;border-radius:8px;
display:flex;align-items:center;justify-content:center;
padding:0 3px;line-height:1;pointer-events:none;
box-shadow:0 0 0 2px #fff;
}
[data-elementor-id="162"] .elementor-icon{
position:relative;
} @media (min-width:600px) and (max-width:1024px){
.hpdc-mobile-shop-grid{grid-template-columns:repeat(3,1fr);gap:10px;}
.hpdc-mobile-shop-tile{padding:16px 10px;}
.hpdc-mobile-section .hpdc-mobile a{font-size:15px;}
} @media (max-width:767px){
.hpdc-announce-inner{padding:0 16px;justify-content:center}
.hpdc-announce a{display:none}
.hpdc-main{padding:0 16px;height:64px}
.hpdc-logo-img{height:44px}
.hpdc-icons{gap:0}
.hpdc-icons a,.hpdc-icons button{padding:9px;font-size:16px;min-width:44px;min-height:44px;}
.hpdc-badge{min-width:14px;height:14px;font-size:8px}
} @media (max-width:430px){
.hpdc-announce{display:none}
.hpdc-main{height:58px;padding:0 14px}
.hpdc-logo-img{height:38px}
.hpdc-icons a[aria-label="Sign in"]{display:none}
.hpdc-mobile-shop-grid{gap:6px}
.hpdc-mobile-footer{gap:6px;padding:10px 12px}
} @media (max-width:360px){
.hpdc-main{padding:0 10px}
.hpdc-logo-img{height:32px}
.hpdc-icons a,.hpdc-icons button{padding:7px}
.hpdc-mobile-shop-grid{grid-template-columns:repeat(2,1fr)}
} .show-password-input{
background:transparent!important;
border:none!important;
padding:0 6px!important;
width:auto!important;
height:auto!important;
color:#555;
cursor:pointer;
vertical-align:middle;
display:inline-flex!important;
align-items:center;
justify-content:center;
box-shadow:none!important;
border-radius:0!important;
}
.show-password-input::before{
font-family:'Font Awesome 5 Free';
font-weight:900;
font-style:normal;
content:'\f06e';
font-size:16px;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.show-password-input.display-password::before{
content:'\f070';
}  .page-id-30 .elementor-element-056b9e7{display:none!important} .page-id-30 .elementor-element-40b7c1b{margin-top:0!important}
.page-id-30 .elementor-element-40b7c1b{
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 160' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='white'%3E%3Cpath d='M30,160 C18,120 22,60 50,10 C55,55 48,118 30,160Z' opacity='.14'/%3E%3Cpath d='M55,160 C45,115 52,58 78,12 C82,56 74,114 55,160Z' opacity='.10'/%3E%3Cpath d='M8,155 C-2,110 4,55 28,8 C35,52 24,110 8,155Z' opacity='.08'/%3E%3Cpath d='M80,160 C72,118 80,65 103,20 C106,62 97,118 80,160Z' opacity='.07'/%3E%3Cpath d='M1370,160 C1382,120 1378,60 1350,10 C1345,55 1352,118 1370,160Z' opacity='.14'/%3E%3Cpath d='M1345,160 C1355,115 1348,58 1322,12 C1318,56 1326,114 1345,160Z' opacity='.10'/%3E%3Cpath d='M1392,155 C1402,110 1396,55 1372,8 C1365,52 1376,110 1392,155Z' opacity='.08'/%3E%3Cpath d='M1320,160 C1328,118 1320,65 1297,20 C1294,62 1303,118 1320,160Z' opacity='.07'/%3E%3Cpath d='M680,160 C674,136 677,105 692,80 C695,105 690,136 680,160Z' opacity='.05'/%3E%3Cpath d='M700,160 C695,138 698,108 712,85 C714,108 709,138 700,160Z' opacity='.04'/%3E%3Cpath d='M718,155 C714,132 717,103 730,80 C731,103 727,132 718,155Z' opacity='.04'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,linear-gradient(130deg,#0b3d52 0%,#1a6b44 58%,#26a69a 100%)!important;
padding:44px 0!important;overflow:hidden!important;position:relative!important;
}
.page-id-30 .elementor-element-40b7c1b::before{
content:''!important;position:absolute!important;top:-80px!important;right:-80px!important;
width:320px!important;height:320px!important;border-radius:50%!important;
background:rgba(255,255,255,.06)!important;pointer-events:none!important;
}
.page-id-30 .elementor-element-40b7c1b::after{
content:''!important;position:absolute!important;bottom:-100px!important;left:22%!important;
width:260px!important;height:260px!important;border-radius:50%!important;
background:rgba(255,255,255,.04)!important;pointer-events:none!important;
}
.page-id-30 .elementor-element-9130491 .elementor-widget-wrap,
.page-id-30 .elementor-element-1a30cd9 .elementor-widget-wrap{
padding:0 44px!important;justify-content:center!important;
display:flex!important;flex-direction:column!important;
}
.page-id-30 .elementor-element-cbf1203 .elementor-heading-title{
color:#fff!important;font-size:clamp(26px,3.4vw,44px)!important;
font-weight:800!important;line-height:1.22!important;letter-spacing:-.5px!important;
}
.page-id-30 .elementor-element-272afb6 p{
color:rgba(255,255,255,.88)!important;font-size:15px!important;line-height:1.75!important;
} .page-id-30 .elementor-element-3a96a88{
background:#f2f8f5!important;padding:68px 0!important;margin-top:0!important;margin-bottom:0!important;
}
.page-id-30 .elementor-element-42c5482 .elementor-widget-wrap{
padding:0 28px 0 44px!important;display:flex!important;flex-direction:column!important;
gap:24px!important;justify-content:center!important;
}
.page-id-30 .elementor-element-42c5482 .elementor-widget-spacer{display:none!important} .page-id-30 .elementor-element-673cd2a .elementor-widget-container,
.page-id-30 .elementor-element-092ed80 .elementor-widget-container,
.page-id-30 .elementor-element-8be4f3d .elementor-widget-container{
background:#fff!important;border-radius:14px!important;padding:22px 24px!important;
box-shadow:0 2px 18px rgba(10,40,20,.07)!important;border:1px solid rgba(26,107,68,.07)!important;
transition:box-shadow .25s,transform .25s!important;
}
.page-id-30 .elementor-element-673cd2a .elementor-widget-container:hover,
.page-id-30 .elementor-element-092ed80 .elementor-widget-container:hover,
.page-id-30 .elementor-element-8be4f3d .elementor-widget-container:hover{
box-shadow:0 6px 28px rgba(10,40,20,.13)!important;transform:translateY(-2px)!important;
}
.page-id-30 .elementor-element-673cd2a .elementor-icon,
.page-id-30 .elementor-element-092ed80 .elementor-icon,
.page-id-30 .elementor-element-8be4f3d .elementor-icon{
background:linear-gradient(135deg,#1a6b44,#26a69a)!important;
width:50px!important;height:50px!important;border-radius:12px!important;
display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}
.page-id-30 .elementor-element-673cd2a .elementor-icon i,
.page-id-30 .elementor-element-092ed80 .elementor-icon i,
.page-id-30 .elementor-element-8be4f3d .elementor-icon i{color:#fff!important;font-size:19px!important}
.page-id-30 .elementor-element-673cd2a .elementor-icon-box-title span,
.page-id-30 .elementor-element-092ed80 .elementor-icon-box-title span,
.page-id-30 .elementor-element-8be4f3d .elementor-icon-box-title span{
color:#1a2e24!important;font-size:16px!important;font-weight:700!important;
}
.page-id-30 .elementor-element-673cd2a .elementor-icon-box-description,
.page-id-30 .elementor-element-092ed80 .elementor-icon-box-description,
.page-id-30 .elementor-element-8be4f3d .elementor-icon-box-description{
color:#607868!important;font-size:13.5px!important;line-height:1.65!important;margin:0!important;
} .page-id-30 .elementor-element-4cf3e66 .elementor-widget-wrap{
background:#fff!important;border-radius:18px!important;padding:40px 38px!important;
box-shadow:0 8px 40px rgba(10,40,20,.10)!important;margin:0 44px 0 20px!important;
}
.page-id-30 .elementor-element-4cf3e66 .elementor-widget-heading .elementor-heading-title{
color:#0b3d52!important;font-size:clamp(20px,2.2vw,28px)!important;
font-weight:800!important;margin-bottom:6px!important;
}
.page-id-30 .elementor-element-4cf3e66 .elementor-widget-text-editor p{
color:#607868!important;font-size:14.5px!important;line-height:1.65!important;margin-bottom:18px!important;
} .page-id-30 .wpcf7-form .wpcf7-text,
.page-id-30 .wpcf7-form .wpcf7-email,
.page-id-30 .wpcf7-form .wpcf7-textarea{
width:100%!important;padding:13px 15px!important;border:1.5px solid #d4e9dd!important;
border-radius:10px!important;font-size:14px!important;color:#1a2e24!important;
background:#f8fcfa!important;transition:border-color .2s,box-shadow .2s!important;
outline:none!important;font-family:inherit!important;box-sizing:border-box!important;
}
.page-id-30 .wpcf7-form .wpcf7-text:focus,
.page-id-30 .wpcf7-form .wpcf7-email:focus,
.page-id-30 .wpcf7-form .wpcf7-textarea:focus{
border-color:#26a69a!important;box-shadow:0 0 0 3px rgba(38,166,154,.12)!important;background:#fff!important;
}
.page-id-30 .wpcf7-form .wpcf7-textarea{min-height:130px!important;resize:vertical!important}
.page-id-30 .wpcf7-form p{margin-bottom:12px!important}
.page-id-30 .wpcf7-form input[type="submit"]{
background:linear-gradient(135deg,#1a6b44 0%,#26a69a 100%)!important;
color:#fff!important;border:none!important;border-radius:10px!important;
padding:14px 28px!important;font-size:14.5px!important;font-weight:700!important;
letter-spacing:.4px!important;cursor:pointer!important;width:100%!important;
text-transform:uppercase!important;transition:opacity .2s,transform .15s!important;margin-top:4px!important;
}
.page-id-30 .wpcf7-form input[type="submit"]:hover{opacity:.88!important;transform:translateY(-1px)!important} @media(max-width:900px){
.page-id-30 .elementor-element-9130491 .elementor-widget-wrap,
.page-id-30 .elementor-element-1a30cd9 .elementor-widget-wrap,
.page-id-30 .elementor-element-42c5482 .elementor-widget-wrap{padding-left:24px!important;padding-right:24px!important}
.page-id-30 .elementor-element-4cf3e66 .elementor-widget-wrap{padding:30px 24px!important;margin:20px 24px 0!important}
}
@media(max-width:767px){
.page-id-30 .elementor-element-40b7c1b,.page-id-30 .elementor-element-3a96a88{padding:48px 0!important}
.page-id-30 .elementor-element-40b7c1b .elementor-container,
.page-id-30 .elementor-element-3a96a88 .elementor-container{flex-direction:column!important}
.page-id-30 .elementor-element-40b7c1b .elementor-column,
.page-id-30 .elementor-element-3a96a88 .elementor-column{width:100%!important;max-width:100%!important}
.page-id-30 .elementor-element-1a30cd9 .elementor-widget-wrap{padding-top:20px!important}
.page-id-30 .elementor-element-4cf3e66 .elementor-widget-wrap{
margin:20px auto 0!important;width:calc(100% - 40px)!important;
box-sizing:border-box!important;padding:24px 20px!important;
}
.page-id-30 .elementor-element-40b7c1b{padding:50px 0!important} .page-id-30 .elementor-element-3a96a88 .elementor-element-4cf3e66{
height:auto!important;overflow:visible!important;
}
.page-id-30 .elementor-element-4cf3e66 .elementor-widget-wrap{
height:auto!important;overflow:visible!important;
}
}  @media(max-width:767px){
.page-id-30 .elementor-element-42c5482 .elementor-widget-wrap{
justify-content:flex-start!important;
gap:16px!important;
padding:0 20px!important;
}
} .hpdc-variation-list{
display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;
}
.hpdc-var-card{
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:3px;padding:14px 8px;border-radius:14px;
border:1.5px solid #e2e8f0;background:#fff;
text-align:center;cursor:pointer;
transition:border-color .18s,box-shadow .18s;
}
.hpdc-var-card:hover{
border-color:#26a69a;
box-shadow:0 0 0 3px rgba(38,166,154,.12);
}
.hpdc-var-card.is-selected{
border-color:#26a69a;
box-shadow:0 0 0 3px rgba(38,166,154,.15);
background:#fff;
}
.hpdc-var-card.is-selected .hpdc-var-name{color:#26a69a}
.hpdc-var-card button{display:none}
.hpdc-var-name{font-size:14.5px;font-weight:700;color:#0b2d3a;transition:color .18s}
.hpdc-var-price{font-size:12px;color:#607868;font-weight:400}
@media(max-width:600px){
.hpdc-variation-list{grid-template-columns:repeat(2,1fr)}
}  .single-product .variations_form table.variations{display:none!important} .hpdc-variation-list::before{
content:"BOTTLE SIZE";
display:block;grid-column:1/-1;
font-size:11px;font-weight:700;letter-spacing:.1em;
color:var(--hpdc-fg,#1a2e24);
margin-bottom:4px;
} .single-product .product_title.entry-title{
font-size:clamp(24px,3vw,36px)!important;
font-weight:800!important;
color:#0b2d3a!important;
line-height:1.2!important;
margin-bottom:10px!important;
} .single-product p.price,.single-product span.price{
font-size:28px!important;
font-weight:700!important;
color:#0b2d3a!important;
margin-bottom:14px!important;
} .single-product .inventory_status{
display:inline-flex;align-items:center;gap:6px;
color:#1a6b44;font-weight:600;font-size:13px;
margin-bottom:10px;
}
.single-product .inventory_status::before{
content:"";width:8px;height:8px;border-radius:50%;
background:#1a6b44;flex-shrink:0;
} .single-product .quantity.buttons_added{
display:inline-flex;align-items:center;
border:1.5px solid #e3e3e3;border-radius:9999px;
overflow:hidden;gap:0;background:#fff;
}
.single-product .quantity.buttons_added .minus,
.single-product .quantity.buttons_added .plus{
width:40px;height:44px;background:transparent;border:0;
font-size:18px;font-weight:400;cursor:pointer;
display:flex;align-items:center;justify-content:center;
color:#1a2e24;transition:background .15s;
flex-shrink:0;
}
.single-product .quantity.buttons_added .minus:hover,
.single-product .quantity.buttons_added .plus:hover{background:#f4fbf7}
.single-product .quantity.buttons_added input.qty{
width:48px;height:44px;border:0;border-left:1.5px solid #e3e3e3;border-right:1.5px solid #e3e3e3;
text-align:center;font-size:15px;font-weight:600;background:#fff;
-moz-appearance:textfield;
}
.single-product .quantity.buttons_added input.qty::-webkit-inner-spin-button,
.single-product .quantity.buttons_added input.qty::-webkit-outer-spin-button{-webkit-appearance:none} .single-product .single_add_to_cart_button.button{
background:#0b2d3a!important;
color:#fff!important;
border:none!important;border-radius:9999px!important;
padding:15px 36px!important;
font-size:13.5px!important;font-weight:700!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
cursor:pointer;
transition:background .2s,transform .15s!important;
box-shadow:0 6px 20px -6px rgba(11,45,58,.35)!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.single-product .single_add_to_cart_button.button:hover{
background:#163d4f!important;transform:translateY(-1px)!important;
box-shadow:0 8px 24px -6px rgba(11,45,58,.45)!important;
}
.single-product .single_add_to_cart_button.button.disabled,
.single-product .single_add_to_cart_button.button.wc-variation-selection-needed{
background:#0b2d3a!important;opacity:.5!important;cursor:not-allowed!important;
} .single-product .woocommerce-variation-add-to-cart{
display:flex!important;align-items:center!important;gap:14px!important;
flex-wrap:wrap;
background:transparent!important;border:none!important;padding:0!important;
}
.single-product .single_variation_wrap{
background:transparent!important;border:none!important;padding:0!important;
}
.single-product .single_add_to_cart_button.button{flex:1}
.single-product .quantity_wrap{display:contents}
.single-product .quantity_label{display:none}  .elementor-element-44dba47 .elementor-cta__title{
font-size:32px!important;font-weight:400!important;
line-height:40px!important;letter-spacing:-1px!important;
}
.elementor-element-44dba47 .elementor-content-item.elementor-cta__title{
margin-bottom:0px!important;
} .elementor-element-44dba47 .elementor-cta__heading2{
color:#FFFFFF!important;font-weight:700!important;
}
.elementor-element-44dba47 .elementor-content-item.elementor-cta__heading2{
margin-bottom:9px!important;
} .elementor-element-44dba47 .elementor-cta__subtitle{
font-size:14px!important;font-weight:600!important;
text-transform:none!important;line-height:1.5!important;
letter-spacing:1px!important;
}
.elementor-element-44dba47 .elementor-content-item.elementor-cta__subtitle{
margin-bottom:31px!important;
} .elementor-element-fe73870{display:none!important;} .elementor-element-7522273 .elementor-cta__content_inner{
width:auto!important;max-width:none!important;
} .elementor-element-7522273 .elementor-content-item.elementor-cta__heading2{
margin-bottom:9px!important;
}
.elementor-element-7522273 .elementor-cta__description{
font-weight:600!important;letter-spacing:1px!important;
}
.elementor-element-7522273 .elementor-content-item.elementor-cta__description{
margin-bottom:31px!important;
} @media(max-width:767px){ .related.products ul.products{
display:grid!important;
grid-template-columns:1fr!important;
gap:16px!important;
}
.related.products ul.products li.product{
width:100%!important;
max-width:100%!important;
margin:0!important;
} .related.products .button.add_to_cart_button,
.related.products .button{
width:100%!important;
box-sizing:border-box!important;
white-space:normal!important;
text-align:center!important;
}
}