/* 2.3.0: compact mobile header, product suggestions and native carousels. */
.mobile-search-toggle,.menu-close{display:none}
.site-search{position:relative;overflow:visible}
.site-search__suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:130;background:var(--hocco-white);border:1px solid var(--hocco-card-border);border-radius:12px;box-shadow:0 5px 15px color-mix(in srgb,var(--black) 12%,transparent);overflow:hidden}
.site-search__suggestions[hidden]{display:none}
.site-search__suggestions ul{list-style:none;padding:0;margin:0;max-height:min(340px,55vh);overflow-y:auto;overscroll-behavior:contain}
.site-search__suggestions a{display:block;min-height:44px;padding:11px 14px;font-size:15px;line-height:1.4;color:var(--black);background:var(--hocco-white);overflow-wrap:anywhere}
.site-search__suggestions a:hover,.site-search__suggestions a[aria-selected=true]{background:var(--orange);color:var(--hocco-white);text-decoration:none}
.site-search__status{padding:12px 14px;margin:0;font-size:14px;color:var(--black)}
.site-search__status:empty{display:none}
.site-search input{border-radius:50px 0 0 50px}
.hero-slider{touch-action:pan-y pinch-zoom}
.hocco-product-carousel,.hocco-post-carousel{touch-action:pan-x pan-y pinch-zoom}
.site-footer{padding-top:28px}
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-column{min-width:0;overflow-wrap:anywhere}
.footer-column:empty{display:none}
.footer-grid h2,.footer-grid h3,.footer-grid .wp-block-heading{font-size:16px!important;line-height:1.3;font-weight:600;letter-spacing:normal;margin:0 0 12px}
.footer-grid p,.footer-grid li,.footer-grid a{font-size:14px;line-height:1.5}
.footer-grid p,.footer-grid ul,.footer-widget{margin:0 0 12px}
.footer-grid li{margin-bottom:6px}
.footer-grid img{max-width:180px;max-height:80px;object-fit:contain}
.footer-grid .wp-block-social-links{display:flex;flex-wrap:wrap;gap:8px}
.footer-grid .wp-block-social-links svg{width:22px;height:22px}
.footer-bottom{margin-top:16px;padding-block:14px}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .hocco-card h3{font-size:16px!important;line-height:1.35;letter-spacing:normal;font-weight:600;overflow-wrap:anywhere}
 .hocco-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .hocco-card .button{font-size:14px;padding-inline:8px}
 .site-header__main{min-height:62px;gap:6px;padding-bottom:5px}
 .site-brand{padding-top:5px;min-width:0}
 .site-brand .custom-logo{max-width:min(160px,34vw);max-height:44px}
 .header-actions{gap:0}
 .header-actions .header-icon,.header-actions .header-cart-preview summary{min-width:36px;min-height:44px;padding:5px}
 .header-actions .header-icon svg,.header-actions .header-cart-preview summary svg{width:22px;height:22px}
 .hocco-enhanced .mobile-search-toggle{display:inline-flex}
 .hocco-enhanced .site-search:not(.is-open){display:none}
 .site-search{min-height:40px;margin:0 0 6px;background:var(--hocco-white)}
 .site-search input{min-height:38px;padding:7px 12px;font-size:16px;background:transparent}
 .site-search button{min-width:42px;padding-inline:10px}
 .site-nav>.shell{width:100%}
 .site-nav .desktop-menu{display:none}
 .site-nav .mobile-menu{display:block;width:100%}
 .mobile-menu>summary{min-height:44px;margin-left:14px;padding:8px 0;list-style:none}
 .mobile-menu>summary::-webkit-details-marker{display:none}
 .mobile-menu[open]>summary .menu-bars{display:none}
 .mobile-menu[open]>summary .menu-close{display:block;font-size:30px;line-height:1;color:var(--orange);width:26px;text-align:left}
 .mobile-menu>.menu{width:100%;padding:0 0 6px;text-align:left}
 .mobile-menu .menu li,.mobile-menu .menu a{width:100%}
 .mobile-menu .menu a{min-height:44px;padding:11px 14px}
 .mobile-menu .sub-menu{position:static;width:100%;min-width:0;padding:0;border-radius:0;transform:none}
 .mobile-menu .sub-menu a{padding-left:28px;border-radius:0}
 .hocco-product-carousel,.hocco-post-carousel{display:flex;gap:12px;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch;padding:2px 2px 12px}
 .hocco-product-carousel>.hocco-card,.hocco-post-carousel>.post-card{flex:0 0 calc(100% - 4px);width:calc(100% - 4px);min-width:0;scroll-snap-align:start}
 .hocco-product-carousel .hocco-card__media{display:block;min-height:0;aspect-ratio:1.4;padding:14px;overflow:hidden}
 .hocco-product-carousel .hocco-card__media img{width:100%;height:100%;object-fit:contain}
 .hocco-product-carousel .hocco-card__body{padding:14px;gap:10px}
 .hocco-product-carousel .hocco-card h3{font-size:18px!important;line-height:1.35;font-weight:600;letter-spacing:normal;min-height:0;margin:0;overflow-wrap:anywhere}
 .hocco-product-carousel .hocco-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .hocco-product-carousel .hocco-card__price{font-size:18px;margin-bottom:8px}
 .hocco-product-carousel .hocco-card__form{gap:10px}
 .hocco-product-carousel .hocco-card-controls{display:flex;flex-wrap:wrap;gap:8px}
 .hocco-product-carousel .hocco-pack-select{min-width:110px}
 .hocco-product-carousel .hocco-qty-label input{width:60px;padding:6px;min-height:40px}
 .hocco-product-carousel .hocco-card .button{font-size:15px;padding:10px 12px;min-height:44px;white-space:normal}
 .hocco-product-carousel .hocco-card .button svg{width:18px;height:18px;flex-shrink:0}
 .hocco-post-carousel .post-card{display:flex;flex-direction:column}
 .hocco-post-carousel .post-card__body{padding:16px;display:flex;flex-direction:column;flex:1}
 .hocco-post-carousel .post-card h3{font-size:18px!important;line-height:1.35;letter-spacing:normal}
 .hocco-post-carousel .post-card__body p{font-size:15px;line-height:1.5}
 .hocco-post-carousel .post-card__more{margin-top:auto;align-self:flex-start}
 .hocco-product-carousel .hocco-card__body>h3 a{min-width:0}
}
@media(min-width:540px) and (max-width:700px){
 .hocco-product-carousel>.hocco-card,.hocco-post-carousel>.post-card{flex-basis:calc((100% - 16px)/2);width:calc((100% - 16px)/2)}
 .hocco-product-carousel .hocco-card h3{font-size:16px!important}
}
@media(max-width:460px){.footer-grid{grid-template-columns:1fr;gap:12px}}