html body:is(.template-index,.template-page){--hss-ink: #182d46;--hss-accent: #355dd8;--hss-line: #dce4ef;--hss-soft: #f5f8fc;--hss-muted: #4c617e;accent-color:var(--hss-accent);caret-color:var(--hss-accent)}html body ::selection{background:#dce6ff;color:#182d46}html body :is(a,button,input,select):focus-visible{outline:2px solid #355dd8;outline-offset:3px}html body .site-header{padding-block:12px!important}html body .site-header__logo{margin-block:0!important}html body .header-item--logo{flex:0 0 140px!important}html body .site-header__logo a{width:140px!important}html body .site-nav__link{min-height:44px;display:inline-flex;align-items:center}html body .site-nav__icons .site-nav__link{min-width:44px;justify-content:center}html body{--hss-utility-offset: 0px}html body:has(#PBarNextFrameWrapper){--hss-utility-offset: 76px}html body #MainContent{padding-bottom:140px}html body:after{content:"";position:fixed;inset-inline:0;bottom:var(--hss-utility-offset);height:calc(72px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--hss-line);z-index:10;pointer-events:none}html body #appstle-loyalty-button.appstle-loyalty-button{right:50%!important;transform:translate(50%)!important;bottom:calc(var(--hss-utility-offset) + 12px + env(safe-area-inset-bottom))!important;min-height:44px!important;max-width:min(220px,60vw);font-size:13px!important}html body .wishlist-fix.wishlist-page-widget{top:auto!important;right:16px!important;bottom:calc(var(--hss-utility-offset) + 12px + env(safe-area-inset-bottom))!important;transform:none!important;min-width:44px;min-height:44px}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-wrap,.tg-wrap){max-width:1330px!important;padding:36px 24px!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-title,.tg-title){font-size:clamp(26px,2.6vw,36px)!important;letter-spacing:-.025em!important;line-height:1.15!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-card,.tg-card){border:1px solid var(--hss-line)!important;border-radius:12px!important;box-shadow:none!important;min-width:0}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-media,.tg-media){background:var(--hss-soft)!important;aspect-ratio:1}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-media,.tg-media) img{object-fit:contain!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-info,.tg-info){padding:12px!important;flex:1!important;display:flex!important;flex-direction:column!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-name,.tg-name){font-size:14px!important;line-height:1.45!important;min-height:4.35em;-webkit-line-clamp:3;overflow-wrap:anywhere;color:var(--hss-ink)!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-price,.tg-price){font-size:16px!important;font-variant-numeric:tabular-nums;color:var(--hss-ink)!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-viewall,.tg-viewall){min-height:44px;display:inline-flex;align-items:center}html body.template-index #MainContent [id^=hero-]{width:100%;max-width:1330px;margin-inline:auto}html body.template-index [id^=hero-] .hero-slide{height:clamp(260px,25vw,380px)!important;min-width:0}html body.template-index [id^=hero-] .hero-title{font-size:clamp(28px,3.2vw,46px)!important;letter-spacing:-.025em!important}html body.template-index #MainContent [id^=hero-] .hero-slide{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);background:var(--hss-soft)}html body.template-index #MainContent [id^=hero-] .hero-slide>picture{grid-column:2;grid-row:1;min-height:0;height:100%}html body.template-index #MainContent [id^=hero-] .hero-slide>span{display:none}html body.template-index #MainContent [id^=hero-] .hero-ov{grid-column:1;grid-row:1;position:static;padding:28px 24px!important;min-width:0;align-items:center!important;justify-content:flex-start!important;text-align:left!important;background:#fff}html body.template-index #MainContent [id^=hero-] .hero-content{align-items:flex-start!important;width:100%;min-width:0;max-width:none}html body.template-index #MainContent [id^=hero-] :is(.hero-title,.hero-eyebrow,.hero-sub){color:var(--hss-ink);text-shadow:none}html body.template-index #MainContent [id^=hero-] .hero-title{font-size:clamp(24px,2.5vw,36px)!important;line-height:1.15}html body.template-index #MainContent [id^=hero-] .hero-btn{align-self:flex-start!important;min-height:44px;border-radius:8px;background:var(--hss-accent);color:#fff}html body.template-index #MainContent [id^=hero-] .hero-dot{background:#64748b}html body.template-index #MainContent [id^=hero-] .hero-dot.is-active{background:var(--hss-accent)}html body.template-index #MainContent [id^=hero-] .hero-dot:after{background:#64748b}html body.template-index #MainContent [id^=hero-] .hero-dot.is-active:after{background:var(--hss-accent)}@media(min-width:750px){html body.template-index #MainContent [id^=hero-] .hero-nav--prev{left:calc(38% + 12px)}}html body.template-index [id^=hqs-] .qs-wrap{padding-block:14px!important}html body.template-index [id^=hqs-] .qs-link{min-height:44px!important}html body.template-page [id^=bzh-]{background:#fff!important}html body.template-page [id^=bzh-]:before{content:none!important}html body.template-page [id^=bzh-] .bzh-shell{display:block!important;min-height:0!important;padding:24px 24px 16px!important}html body.template-page [id^=bzh-] .bzh-art{display:none!important}html body.template-page [id^=bzh-] .bzh-overline{margin-bottom:8px!important}html body.template-page [id^=bzh-] h1{font-size:clamp(30px,3vw,42px)!important;letter-spacing:-.025em!important;margin-bottom:12px!important}html body.template-page [id^=bzh-] h1 br{display:none}html body.template-page [id^=bzh-] .bzh-accent{margin-inline-start:.2em}html body.template-page [id^=bzh-] .bzh-lead{max-width:76ch!important;margin-bottom:12px!important;color:var(--hss-muted)!important}html body.template-page [id^=bzh-] .bzh-links{gap:8px!important}html body.template-page [id^=bzh-] .bzh-btn{min-height:44px!important;padding:10px 14px!important;color:#fff!important}html body.template-page [id^=bzh-] .bzh-btn2{color:#294c91!important;background:#fff!important}html body.template-page #MainContent [id^=bzh-] .bzh-btn{color:#fff!important}html body.template-page #MainContent [id^=bzh-] .bzh-btn2{color:#294c91!important;background:#fff!important}html body.template-page [id^=bzh-] .bzh-foot{margin-top:10px!important;color:var(--hss-muted)!important}html body.template-page [id^=bzh-] .bzh-smallnav{position:static!important;margin-top:8px}html body.template-page [id^=bs-] .bs-wrap{max-width:1330px!important;margin:0 auto!important;padding:12px 24px 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important}html body.template-page [id^=bs-] .bs-head{margin-bottom:12px!important}html body.template-page [id^=bs-] .bs-title{font-size:24px!important}html body.template-page [id^=bs-] .custom-search-form{height:52px!important}html body.template-page [id^=bs-] .search-input::placeholder{color:#536780;opacity:1}html body.template-page [id^=bs-] .search-input{min-width:0!important;font-size:16px!important}html body.template-page [id^=bs-] .search-btn{min-height:48px}@media(min-width:750px){html body.template-page #MainContent [id^=bi-] .bi-wrap{padding:16px 24px!important}html body.template-page #MainContent [id^=bi-] .bi-titlebar{margin-bottom:10px!important}html body.template-page #MainContent [id^=bi-] .bi-card{display:flex!important;align-items:center;gap:10px;min-height:76px!important;padding:10px!important}html body.template-page #MainContent [id^=bi-] .bi-logo{width:80px;height:42px!important;flex:0 0 80px}html body.template-page #MainContent [id^=bi-] .bi-caption{white-space:normal;font-size:10px;flex:1}html body.template-page #MainContent [id^=bi-] .bi-role{font-size:11px;text-align:left;flex:1}}@media(max-width:1100px)and (min-width:750px){html body .header-item--logo{flex-basis:110px!important}html body .site-header__logo a{width:110px!important}html body .site-nav__link{padding-inline:8px;font-size:13px!important}}@media(max-width:749px){html body .site-header{padding-block:8px!important}html body .header-item--logo{flex-basis:116px!important}html body .site-header__logo a{width:116px!important}html body .site-nav__link--icon{padding:10px!important}html body.template-index [id^=hero-] .hero-slide{height:clamp(180px,52vw,290px)!important}html body.template-index [id^=hero-] .hero-title{font-size:clamp(21px,5.6vw,30px)!important}html body.template-index #MainContent [id^=hero-] .hero-slide{height:330px!important;grid-template-columns:minmax(0,1fr);grid-template-rows:180px minmax(0,1fr)}html body.template-index #MainContent [id^=hero-] .hero-slide>picture{grid-column:1;grid-row:1}html body.template-index #MainContent [id^=hero-] .hero-ov{grid-column:1;grid-row:2;padding:12px 16px 36px!important}html body.template-index #MainContent [id^=hero-] .hero-content{width:100%;max-width:none;gap:6px!important}html body.template-index #MainContent [id^=hero-] .hero-title{font-size:19px!important}html body.template-index #MainContent [id^=hero-] .hero-eyebrow{font-size:11px!important}html body.template-index #MainContent [id^=hero-] .hero-btn{margin-top:2px!important;padding:8px 14px!important;font-size:12px!important}html body.template-index [id^=hqs-] .qs-wrap{padding:12px 16px!important}html body.template-index [id^=hqs-] .qs-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;margin:0!important;padding:0!important;gap:8px!important}html body.template-index [id^=hqs-] .qs-link{font-size:12px!important;padding:10px 8px!important;gap:4px!important}html body.template-index [id^=hqs-] .qs-arrow{width:16px;flex-basis:16px}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-wrap,.tg-wrap){padding:28px 16px!important}html body:is(.template-index,.template-page) :is([id^=ni-],[id^=tg-]) :is(.ni-name,.tg-name){font-size:13px!important}html body.template-page [id^=bzh-] .bzh-shell{padding:20px 16px 8px!important}html body.template-page [id^=bzh-] h1{font-size:clamp(28px,7.4vw,36px)!important}html body.template-page [id^=bzh-] h1 br{display:initial}html body.template-page [id^=bzh-] .bzh-accent{margin-inline-start:0}html body.template-page [id^=bzh-] .bzh-lead{font-size:14px!important;line-height:1.5!important}html body.template-page [id^=bzh-] .bzh-foot{font-size:12px!important}html body.template-page [id^=bs-] .bs-wrap{padding:12px 16px 20px!important}html body.template-page [id^=bs-] .custom-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) 84px!important;height:auto!important;border:0!important;gap:8px;background:transparent}html body.template-page [id^=bs-] .search-select-wrap{grid-column:1 / -1;min-height:44px;border:1px solid #ccd7e8!important;border-radius:8px!important}html body.template-page [id^=bs-] .search-dropdown{min-height:44px}html body.template-page [id^=bs-] .search-input-wrap{border:1px solid #ccd7e8;border-radius:8px;background:#fff}html body.template-page [id^=bs-] .search-input{min-height:48px;padding-inline:12px!important}html body.template-page [id^=bs-] .search-btn{border-radius:8px!important}html body.template-page [id^=bs-] .btn-text{display:block!important}html body.template-page [id^=bs-] .btn-icon{display:none!important}}@media(prefers-reduced-motion:reduce){html body :is([id^=ni-],[id^=tg-]) :is(.ni-card,.tg-card,img){transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/hss-renewal.css.map */