@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";/*! ============================================================================
  H&H Brand Design System - Custom Styles
  Implementation Date: 2025-11-11
============================================================================== */body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;color:var(--color-text);line-height:1.6}h1,.h1,.hero__title,.section__heading{font-family:Lato,sans-serif;font-size:48px;font-weight:700;line-height:1.2;color:var(--color-heading)}h2,.h2,.heading,.product__title{font-family:Lato,sans-serif;font-size:36px;font-weight:600;line-height:1.3;color:var(--color-heading)}h3,.h3,.subheading,.collection__title{font-family:Lato,sans-serif;font-size:28px;font-weight:500;line-height:1.4;color:var(--color-heading)}h4,.h4{font-family:Lato,sans-serif;font-size:22px;font-weight:500;line-height:1.4;color:var(--color-heading)}h5,.h5{font-family:Lato,sans-serif;font-size:18px;font-weight:500;line-height:1.4;color:var(--color-heading)}h6,.h6{font-family:Lato,sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:var(--color-heading)}.text-large,.rte--large{font-size:18px;line-height:1.6}.text-small,.rte--small{font-size:15px;line-height:1.5}@media (max-width: 768px){h1,.h1,.hero__title,.section__heading{font-size:32px}h2,.h2,.heading,.product__title{font-size:28px}h3,.h3,.subheading,.collection__title{font-size:22px}h4,.h4{font-size:20px}h5,.h5,.text-large,.rte--large{font-size:16px}.text-small,.rte--small{font-size:14px}}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-default)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.card,.product-card,.collection-card{background:#fff;border-radius:var(--radius-large);padding:var(--card-padding);box-shadow:var(--shadow-default);transition:all var(--transition-default)}.card--warm,.product-card--warm{background:var(--color-bg-warm)}.card:hover,.product-card:hover,.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card img,.product-card__image{aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-small);width:100%}.card__title,.product-card__title{font-size:22px;font-weight:500;color:var(--color-heading);margin:12px 0 8px}.card__description,.product-card__description{font-size:15px;color:var(--color-text);line-height:1.5}.product-card__price,.product__price{font-size:18px;font-weight:600;color:var(--color-primary);margin-top:8px}.product-card__badge--sale,.badge--sale,.product__badge--sale,.on-sale .product__badge{background:var(--color-accent)!important;color:#fff!important;padding:4px 8px;border-radius:var(--radius-small);font-size:12px;font-weight:600;text-transform:uppercase}.header__menu,.nav,.navigation{font-family:Lato,sans-serif}.nav-link,.header__menu-item,.site-nav__link,.menu__item>a{color:var(--color-secondary);font-weight:500;transition:color var(--transition-default);position:relative}.nav-link:hover,.header__menu-item:hover,.site-nav__link:hover,.menu__item>a:hover{color:var(--color-primary);text-decoration:none}.nav-link.active:after,.header__menu-item--active:after,.site-nav__link--active:after,.menu__item--active>a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-accent)}.nav-link--sale,.nav-link--promo,.menu__item--sale>a{color:var(--color-accent)}.nav-link--sale:hover,.nav-link--promo:hover,.menu__item--sale>a:hover{color:var(--color-accent-hover)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],textarea,select,.input,.field__input{border:1px solid var(--color-border);border-radius:var(--radius-small);padding:12px 16px;font-family:Lato,sans-serif;font-size:16px;transition:border-color var(--transition-default);width:100%}input:focus,textarea:focus,select:focus,.input:focus,.field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #48b3e01a}::placeholder{color:#999}.input--error,input.error,.field--error .field__input{border-color:var(--color-error)}.input--error:focus,input.error:focus,.field--error .field__input:focus{box-shadow:0 0 0 3px #c0392b1a}.input--success,input.success,.field--success .field__input{border-color:var(--color-success)}.input--success:focus,input.success:focus,.field--success .field__input:focus{box-shadow:0 0 0 3px #4caf501a}.form-message--error,.field__message--error,.errors{color:var(--color-error);font-size:14px;margin-top:4px}.form-message--success,.field__message--success{color:var(--color-success);font-size:14px;margin-top:4px}.form-message--warning,.field__message--warning{color:var(--color-warning);font-size:14px;margin-top:4px}.page-width,.wrapper--narrow,.wrapper--full-padded{margin:0 auto;width:100%}.grid,.grid-uniform{display:grid;gap:24px}.grid--2-col{grid-template-columns:repeat(2,1fr)}.grid--3-col{grid-template-columns:repeat(3,1fr)}.grid--4-col{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid--2-col,.grid--3-col,.grid--4-col{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid--3-col,.grid--4-col{grid-template-columns:repeat(2,1fr)}}.modal-overlay,.mfp-bg{background:var(--color-overlay)!important;position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.modal-content,.mfp-container{background:#fff;border-radius:var(--radius-large);padding:32px;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge,.product__badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-small);font-size:12px;font-weight:600;text-transform:uppercase;line-height:1}.badge--sale,.product__badge--sale{background:var(--color-accent);color:#fff}.badge--new,.product__badge--new{background:var(--color-primary);color:#fff}.badge--soldout,.product__badge--soldout{background:var(--color-text);color:#fff}.badge--low-stock{background:var(--color-warning);color:#fff}.notification,.alert{padding:12px 16px;border-radius:var(--radius-medium);margin-bottom:16px;display:flex;align-items:center;gap:12px}.notification--success,.alert--success{background:var(--color-highlight-light);border-left:4px solid var(--color-success);color:var(--color-success)}.notification--warning,.alert--warning{background:#fff3e0;border-left:4px solid var(--color-warning);color:#e65100}.notification--error,.alert--error{background:#ffebee;border-left:4px solid var(--color-error);color:var(--color-error)}.notification--info,.alert--info{background:var(--color-highlight-light);border-left:4px solid var(--color-primary);color:var(--color-secondary)}.stock-indicator{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.stock-indicator--available{color:var(--color-success)}.stock-indicator--low{color:var(--color-warning)}.stock-indicator--out{color:var(--color-error)}.stock-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img[loading=lazy]{background:var(--color-bg-light)}@font-face{font-display:swap}.header__mobile-nav-toggle,.mobile-nav__toggle,.js-drawer-open-nav,.navmobile-button{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:100;-webkit-tap-highlight-color:transparent}.drawer--nav,.mobile-nav__drawer,#NavDrawer{position:fixed;top:0;left:-100%;width:85%;max-width:400px;height:100%;background:#fff;transition:left .3s ease,transform .3s ease;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer--nav.drawer--active,.drawer--nav.drawer--visible,.mobile-nav__drawer.drawer--active,#NavDrawer.drawer--active{left:0;transform:translate(0)}.drawer__overlay,.mobile-nav__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:9998;display:none;opacity:0;transition:opacity .3s ease}.drawer__overlay--visible,.mobile-nav__overlay.drawer__overlay--visible{display:block;opacity:1}body.drawer--open,body.overflow-hidden{overflow:hidden!important;position:fixed;width:100%}.header__mobile-nav-toggle.is-active .icon-line--top{transform:rotate(45deg) translate(5px,5px)}.header__mobile-nav-toggle.is-active .icon-line--middle{opacity:0}.header__mobile-nav-toggle.is-active .icon-line--bottom{transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav__link,.drawer__menu-item{display:block;padding:12px 20px;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border);transition:background .2s ease}.mobile-nav__link:hover,.drawer__menu-item:hover{background:var(--color-bg-light)}@supports (-webkit-touch-callout: none){.drawer--nav,.mobile-nav__drawer{-webkit-transform:translateZ(0)}}@media (max-width: 768px){.header__mobile-nav-toggle{display:flex!important;align-items:center;justify-content:center}}.product-image--placeholder,img.product-image--placeholder{object-fit:contain!important;padding:20px;background:var(--color-bg-light);opacity:.6;filter:grayscale(100%)}.product-card__image.product-image--placeholder,.product__image.product-image--placeholder,.grid-product__image.product-image--placeholder{opacity:.6;filter:grayscale(100%)}.section--light,.shopify-section:nth-child(2n){background:var(--color-bg-light)}.section--warm{background:var(--color-bg-warm)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/hh-brand-custom.css.map */
