/*! ============================================================================
  H&H Brand Custom Styles
  Rewritten 2026-07-03 (impeccable redesign pass). The 2025-11-11 revision
  carried ~500 lines targeting classes Broadcast never emits (.product-card,
  .notification--*, .drawer--nav, …) built on var() tokens that were never
  defined — including a focus-visible ring that computed to nothing. All dead
  rules removed; every rule below targets markup this theme actually renders,
  on tokens defined here. Backup: hh-brand-custom.css.bak-20260703-redesign.
============================================================================== */:root{--hh-cyan: #00AFFF;--hh-cyan-700: #0077B3;--hh-navy: #0C2340;--hh-navy-050: #E7ECF2;--hh-line: #DCE5EE;--hh-grey: #6B7785;--hh-ease-out: cubic-bezier(.23, 1, .32, 1);--hh-dur-press: .14s;--hh-dur-ui: .2s;--hh-dur-media: .3s}.aos-initialized [data-aos][data-aos]{opacity:1;transform:none}:focus-visible{outline:2px solid var(--hh-cyan-700);outline-offset:2px}h1,h2,h3{text-wrap:balance}.product-item__price,[data-product-price],[data-cart-total],.cart__total,.cart__price{font-variant-numeric:tabular-nums}.btn,.product-item,.collection-item{-webkit-tap-highlight-color:transparent}.btn{transition:transform var(--hh-dur-press) var(--hh-ease-out),background-color var(--hh-dur-ui) ease,border-color var(--hh-dur-ui) ease,color var(--hh-dur-ui) ease}.btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.product-item__image,.collection-item__bg{overflow:hidden}.product-item__image img,.collection-item__bg img{transition:transform var(--hh-dur-media) var(--hh-ease-out)}.product-item:hover .product-item__image img,.collection-item:hover .collection-item__bg img{transform:scale(1.03)}.collection-item:hover .collection-item__info span{text-decoration:underline;text-underline-offset:3px}}@media(prefers-reduced-motion:reduce){.aos-initialized [data-aos][data-aos]{opacity:1;transform:none;transition:none;animation:none}.btn,.product-item__image img,.collection-item__bg img{transition:none}.btn:active,.product-item:hover .product-item__image img,.collection-item:hover .collection-item__bg img{transform:none}}@media(min-width:750px){[id*=__hh_collection_bento] .collection-list{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}[id*=__hh_collection_bento] .collection-list>.grid-item{width:100%;min-width:0;margin:0}[id*=__hh_collection_bento] .collection-list>.grid-item:first-child{grid-row:span 2;display:flex;flex-direction:column}[id*=__hh_collection_bento] .grid-item:first-child .collection-item__image{flex:1 1 auto;min-height:0}[id*=__hh_collection_bento] .grid-item:first-child .collection-item__image,[id*=__hh_collection_bento] .grid-item:first-child .collection-item__bg,[id*=__hh_collection_bento] .grid-item:first-child .collection-item__bg-inner,[id*=__hh_collection_bento] .grid-item:first-child .collection-item__bg-inner figure{height:100%}[id*=__hh_collection_bento] .grid-item:first-child .collection-item__bg-inner figure{aspect-ratio:auto;--aspect-ratio: auto}[id*=__hh_collection_bento] .grid-item:first-child .collection-item__bg-inner img{width:100%;height:100%;object-fit:cover}}@media(min-width:750px){[id*=__section_text_row_XtLgkc] .text-row .grid-item+.grid-item,[id*=__section_text_row_XtLgkc] .grid-item+.grid-item{border-left:1px solid var(--hh-line);padding-left:24px}}.product-item__bg img[src$="blank.svg"]{background:var(--hh-navy-050);opacity:1}.hh-noimg-logo img{object-fit:contain!important;padding:22%;opacity:.4;background:var(--hh-navy-050)}img.hh-noimg-logo{object-fit:contain!important;padding:6px;opacity:.45}.product__photo--blank{position:relative}.product__photo--blank .hh-noimg-logo{position:absolute;top:0;right:0;bottom:0;left:0}.product-item__bg:has(>img[src$="blank.svg"]):after,.product-item__bg:has(figure img[src$="blank.svg"]):after,.product-item__bg:has(.hh-noimg-logo):after{content:"Fot\f3  hamarosan";position:absolute;inset:auto 0 12px 0;text-align:center;font-size:.75rem;letter-spacing:.02em;color:var(--hh-grey);pointer-events:none}html[lang=en] .product-item__bg:has(>img[src$="blank.svg"]):after,html[lang=en] .product-item__bg:has(figure img[src$="blank.svg"]):after,html[lang=en] .product-item__bg:has(.hh-noimg-logo):after{content:"Photo coming soon"}@media only screen and (max-width:749px){.btn--scroll-top{display:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/hh-brand-custom.css.map */