@media(max-width:749px){html body.hoco-site{--hoco-mobile-gutter:16px;--hoco-mobile-section:30px;--hoco-gutter:16px}html body.hoco-site main#MainContent{min-width:0}html body.hoco-site :is(.hs-wrap,.hs-page,.hs-products,.hng-section,.ht-section,.hhh,.hoco-reels,.hcl-directory-grid,.hs-editorial,.hc-layout){min-width:0;box-sizing:border-box}html body.hoco-site :is(.hs-page,.hs-products,.hng-section,.ht-section,.hhh){padding-inline:16px!important}html body.hoco-site :is(.hng-section,.ht-section,.hhh,#hoco-minimal-products){padding-top:30px!important;padding-bottom:30px!important}html body.hoco-site :is(.hng-section>h2,.ht-head h2,.hhh h2,#hoco-minimal-products .hs-section-head h2){font-size:clamp(22px,6vw,26px)!important;line-height:1.25!important;margin-bottom:16px!important;letter-spacing:-.025em!important}html body.hoco-site :is(.hs-page-head,.hcl-directory-head){margin-bottom:24px!important}html body.hoco-site :is(.hs-page-head h1,.hcl-directory-head h1,.hc-head h1){font-size:clamp(28px,8vw,36px)!important;line-height:1.15!important;letter-spacing:-.035em!important}html body.hoco-site :is(.hs-page-head p,.hcl-directory-head p){font-size:13px!important;line-height:1.7!important}html body.hoco-site :is(.hs-prose,.hp-description){font-size:13px!important;line-height:1.8!important;overflow-wrap:anywhere}html body.hoco-site .hs-prose :is(h1,h2,h3,h4){font-size:20px!important;line-height:1.4!important}html body.hoco-site :is(.hs-prose,.hp-description) :is(img,iframe,video){max-width:100%!important}html body.hoco-site .hs-prose table{max-width:100%!important;display:block;overflow-x:auto}html body.hoco-site :is(.hs-contact input:not([type=hidden]),.hs-contact textarea,.hxf-email-row input){font-size:16px!important;line-height:1.5!important}html body.hoco-site :is(.hs-form-grid,.hs-editorial){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}html body.hoco-site .hs-editorial>aside{position:static!important;flex-direction:row;flex-wrap:wrap;gap:4px 16px;padding-bottom:12px}html body.hoco-site .hs-editorial>aside>.hs-eyebrow{flex:0 0 100%;margin-bottom:4px}html body.hoco-site .hs-editorial aside a{min-height:36px;font-size:11px}html body.hoco-site .hs-contact{margin-top:28px;padding-top:28px}html body.hoco-site .hs-button{min-height:44px!important;padding:12px 18px!important;font-size:12px!important}html body.hoco-site :is(.hs-dialog,.hp-zoom){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;overscroll-behavior:contain}html body.hoco-site .hs-dialog{padding:20px;border-radius:22px}html body.hoco-site .hs-dialog header{gap:12px;margin-bottom:18px}html body.hoco-site .hs-dialog header h2{font-size:23px!important}html body.hoco-site .hs-dialog [data-dialog-close]{width:40px;height:40px;flex:none}html body.hoco-site .hpc .hpc-footer{padding:12px 3px 4px!important;gap:5px!important}html body.hoco-site .hpc .hpc-title{font-size:12px!important;line-height:1.4!important}html body.hoco-site .hpc .hpc-card-price{font-size:12px!important;line-height:1.5!important}html body.hoco-site .hpc .hpc-card-price span{font-size:10px}html body.hoco-site .hpc .hmc-badges{top:14px!important;left:10px!important;right:10px!important;gap:5px!important}html body.hoco-site .hpc .hmc-badges span{font-size:8px!important;line-height:1.4!important}html body.hoco-site :is(.hys-section,#hoco-earbuds){padding-top:26px!important;padding-bottom:26px!important}html body.hoco-site :is(.hys-section>header,#hoco-earbuds .he-audio-head){padding-inline:16px!important;margin-bottom:14px!important;gap:12px!important}html body.hoco-site :is(.hys-section h2,#hoco-earbuds .he-audio-head h2){font-size:clamp(21px,5.8vw,24px)!important;line-height:1.2!important}html body.hoco-site :is(.hys-controls,.he-audio-controls){flex:none;gap:4px!important}html body.hoco-site :is(.hys-controls button,#hoco-earbuds .he-audio-controls button){width:36px!important;height:40px!important;padding:8px!important}html body.hoco-site :is(.hys-controls svg,#hoco-earbuds .he-audio-controls svg){width:20px!important;height:20px!important}html body.hoco-site .hys-section .hys-rail{grid-auto-columns:68%!important}html body.hoco-site #hoco-earbuds .he-rail{grid-auto-columns:72%!important}html body.hoco-site :is(.hys-rail,.he-rail) .hpc .hpc-title{font-size:14px!important}html body.hoco-site :is(.hys-rail,.he-rail) .hpc .hpc-hover-action{bottom:18px!important;max-width:calc(100% - 24px)!important}html body.hoco-site :is(.hys-rail,.he-rail) .hpc .hpc-glass-add{min-height:36px!important;padding:9px 13px!important;font-size:10px!important;gap:7px!important;white-space:nowrap!important}html body.hoco-site :is(.hng-grid,.hsp-grid) .hpc .hpc-hover-action{bottom:12px!important;max-width:calc(100% - 16px)!important}html body.hoco-site :is(.hng-grid,.hsp-grid) .hpc .hpc-glass-add{min-height:28px!important;padding:6px 9px!important;font-size:9px!important;gap:4px!important;white-space:nowrap!important}html body.hoco-site :is(.hng-grid,.hsp-grid) .hpc .hpc-glass-add .hi{width:11px!important;height:11px!important}html body.hoco-site :is(.hng-section .hng-grid,#hoco-minimal-products .hmp-grid.hng-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}html body.hoco-site .hs-section-head{align-items:center;gap:12px;margin-bottom:18px}html body.hoco-site .hs-section-head .hs-eyebrow{font-size:9px;margin-bottom:8px}html body.hoco-site .hs-section-head .hs-text-link{flex:none;font-size:10px;gap:6px;min-height:40px}html body.hoco-site .hr-logos{padding-top:28px!important;padding-bottom:18px!important}html body.hoco-site .hr-logos h2{font-size:18px!important;line-height:1.25!important;margin-bottom:20px!important}html body.hoco-site .hr-logo-item{width:120px!important;min-width:120px!important;height:52px!important;padding:6px 10px!important}html body.hoco-site .hr-logo-item img{max-width:100%!important;max-height:40px!important;object-fit:contain}html body.hoco-site .hr-story{padding:16px 20px 24px!important}html body.hoco-site .hr-story p{font-size:clamp(18px,5vw,21px)!important;line-height:1.6!important;margin:0 auto!important;max-width:34ch}html body.hoco-site .ht-head{margin-bottom:18px}html body.hoco-site .ht-summary{font-size:11px!important;line-height:1.6!important;margin-top:8px}html body.hoco-site .ht-section .ht-rail{grid-auto-columns:100%!important;gap:16px!important;align-items:start}html body.hoco-site .ht-section .ht-card{padding:28px 24px!important;border-radius:38px!important;height:auto!important}html body.hoco-site .ht-card blockquote{font-size:13px!important;line-height:1.8!important;margin:0!important}html body.hoco-site .ht-rating{justify-content:center;gap:4px!important;margin-bottom:14px!important}html body.hoco-site .ht-controls{gap:8px!important;margin-top:14px!important}html body.hoco-site .ht-controls button{min-height:40px!important;min-width:36px!important}html body.hoco-site .hoco-reels{padding:28px 16px 30px!important}html body.hoco-site .hoco-reels .hrl-head{margin-bottom:18px!important}html body.hoco-site .hoco-reels h2{font-size:24px!important;line-height:1.25!important}html body.hoco-site .hoco-reels .hrl-card{flex:0 1 320px!important;width:100%!important;max-width:min(320px,40.5svh)!important}html body.hoco-site .hoco-reels .hrl-card video{aspect-ratio:9/16!important;height:auto!important;max-height:none!important;border-radius:32px!important}html body.hoco-site .hoco-reels .hrl-mute{min-height:36px!important;min-width:60px!important;padding:8px 12px!important;top:12px!important;right:12px!important;font-size:10px!important}html body.hoco-site .hhh{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}html body.hoco-site .hhh-guides>a{font-size:12px!important;min-height:48px!important;gap:14px!important}html body.hoco-site .hhh-faq summary{font-size:12px!important;line-height:1.6!important;padding-block:16px!important}html body.hoco-site .hhh p{font-size:13px!important;line-height:1.8!important}html body.hoco-site #hoco-search-page .hsp-heading{margin-bottom:18px!important}html body.hoco-site #hoco-search-page h1{font-size:28px!important}html body.hoco-site #hoco-search-page .hsp-search-box{padding:2px 4px 2px 14px!important;border-radius:14px!important}html body.hoco-site #hoco-search-page .hsp-search-box input{font-size:16px!important;padding-block:12px!important}html body.hoco-site #hoco-search-page .hsp-search-box button{width:44px!important;height:44px!important}html body.hoco-site #hoco-search-page .hsp-toolbar{margin-top:20px!important;gap:12px!important}html body.hoco-site #hoco-search-page .hsp-sort select{font-size:16px!important;max-width:none!important;min-height:44px!important}html body.hoco-site #hoco-search-page .hsp-filter-grid{padding:16px!important;border-radius:20px!important}html body.hoco-site #hoco-search-page .hsp-grid{gap:24px 12px!important;margin-top:20px!important}html body.hoco-site .hcl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}html body.hoco-site .hcl-card-label{gap:6px!important;flex-wrap:wrap;padding-top:12px!important}html body.hoco-site .hcl-card-label h2{font-size:13px!important;line-height:1.4!important}html body.hoco-site .hcl-card-label>span{font-size:10px!important}html body.hoco-site .hcl-card-arrow{width:30px!important;height:30px!important}html body.hoco-site .hc-head{margin-bottom:24px!important}html body.hoco-site .hc-head>div{gap:12px!important;align-items:baseline!important}html body.hoco-site .hc-head h1{margin-bottom:0!important}html body.hoco-site .hc-head>div>span{font-size:11px!important;flex:none!important}html body.hoco-site .hc-back{font-size:11px!important;min-height:40px!important;margin-bottom:12px!important}html body.hoco-site .hc-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}html body.hoco-site .hc-line{grid-template-columns:76px minmax(0,1fr)!important;gap:10px 12px!important;padding-block:18px!important}html body.hoco-site .hc-image{width:76px!important;height:96px!important;grid-column:1;grid-row:1 / span 2;border-radius:20px!important}html body.hoco-site .hc-product{grid-column:2;min-width:0}html body.hoco-site .hc-product>a{font-size:13px!important;line-height:1.4!important}html body.hoco-site .hc-product>span{font-size:12px!important}html body.hoco-site .hc-product small{font-size:10px!important}html body.hoco-site .hc-remove{font-size:10px!important;min-height:30px!important}html body.hoco-site .hc-line .hc-quantity{grid-column:2!important;grid-row:2!important;justify-self:start;height:36px!important}html body.hoco-site .hc-quantity button{width:30px!important}html body.hoco-site .hc-quantity input{width:30px!important;font-size:16px!important}html body.hoco-site .hc-line-total{grid-column:2!important;grid-row:3!important;font-size:12px!important;text-align:left!important}html body.hoco-site .hc-table-head{display:none!important}html body.hoco-site .hc-update{gap:12px!important;flex-wrap:wrap}html body.hoco-site .hc-update :is(a,button){font-size:10px!important;gap:6px!important;min-height:40px!important}html body.hoco-site .hc-summary{padding:22px 18px!important;border-radius:26px!important;max-width:none!important}html body.hoco-site .hc-summary>div>strong{font-size:24px!important}html body.hoco-site .hc-summary>p{font-size:12px!important;line-height:1.75!important}html body.hoco-site .hc-summary textarea{font-size:16px!important;min-height:76px}html body.hoco-site .hc-summary .hs-button{min-height:46px!important}html body.hoco-site .hs-empty{padding:30px 0!important}html body.hoco-site .hs-empty h2{font-size:28px!important;line-height:1.25!important}html body.hoco-site .hs-empty p{font-size:13px!important;line-height:1.8!important}html body.hoco-site .hs-pagination{padding-top:28px!important;gap:10px!important;align-items:center}html body.hoco-site .hs-pagination :is(a,.current){min-width:32px;min-height:36px;font-size:12px}html body.hoco-site #hoco-footer-new{padding:32px 16px 22px!important}html body.hoco-site #hoco-footer-new .hxf-top{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding-bottom:24px!important}html body.hoco-site #hoco-footer-new h2{font-size:clamp(24px,6.5vw,29px)!important;line-height:1.25!important}html body.hoco-site #hoco-footer-new h3{font-size:17px!important;line-height:1.4!important}html body.hoco-site #hoco-footer-new .hxf-brand img{width:82px!important;height:auto!important}html body.hoco-site #hoco-footer-new .hxf-main{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;padding-block:26px!important}html body.hoco-site #hoco-footer-new .hxf-email-row{align-items:center}html body.hoco-site #hoco-footer-new .hxf-email-row button{width:44px!important;min-height:44px!important;flex:none}html body.hoco-site #hoco-footer-new .hxf-apps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html body.hoco-site #hoco-footer-new .hxf-apps a{min-width:0!important;max-width:100%!important;min-height:50px!important;padding:10px 8px!important;gap:8px!important}html body.hoco-site #hoco-footer-new .hxf-apps svg{width:20px!important;height:20px!important;flex:none}html body.hoco-site #hoco-footer-new .hxf-apps span{font-size:12px!important;line-height:1.3!important}html body.hoco-site #hoco-footer-new .hxf-apps small{font-size:8px!important;line-height:1.4!important}html body.hoco-site #hoco-footer-new .hxf-links{gap:4px 12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.hoco-site #hoco-footer-new .hxf-links a{font-size:11px!important;line-height:1.65!important;min-height:36px;padding-block:8px!important}html body.hoco-site #hoco-footer-new .hxf-contact{font-size:12px!important;min-height:36px;line-height:1.6}html body.hoco-site #hoco-footer-new .hxf-partners summary{min-height:48px!important;font-size:12px!important;gap:12px!important}html body.hoco-site #hoco-footer-new .hxf-partners details>div{font-size:12px!important;line-height:1.9!important;column-gap:16px!important}html body.hoco-site #hoco-footer-new .hxf-bottom{padding-top:20px!important;gap:14px!important;font-size:10px!important;line-height:1.7!important}html body.hoco-site #hoco-footer-new .hxf-bottom nav{gap:6px 14px!important;flex-wrap:wrap!important}html body.hoco-site #hoco-footer-new .hxf-bottom nav a{font-size:10px!important;min-height:32px;padding-block:6px}html body.hoco-site .hs-toast{max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;width:auto!important;padding:12px 14px!important;font-size:11px!important;line-height:1.6!important}}@media(max-width:1024px){html body.hoco-site #hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage .hn-compact-controls{gap:6px!important}html body.hoco-site #hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage .hn-left-cluster{gap:8px!important}html body.hoco-site #hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage .hn-right{gap:4px!important}html body.hoco-site #hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav{left:12px!important;right:12px!important;gap:10px!important}html body.hoco-site #hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav#hoco-mobile-nav :is(a,button){min-height:40px!important;line-height:1.3!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer].hn-drawer-open{padding:12px 16px!important;max-height:min(var(--hn-panel-height,70dvh),calc(100dvh - 100px))!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer] :is(#hn-menu,#hn-collections) nav a{min-height:44px!important;padding-block:10px!important;font-size:12px!important;line-height:1.5!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer] #hn-search .hn-search-form input{font-size:16px!important;min-height:36px!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer] #hn-search .hn-search-results a:not(.hn-search-view-all){min-height:70px!important;gap:10px!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer] :is(.hn-wish-product,.hn-search-results span){font-size:11px!important;line-height:1.6!important}html body.hoco-site #hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage#hoco-motion-stage[data-drawer] :is(.hn-wish-product,.hn-search-results) img{width:52px!important;height:66px!important;flex:0 0 52px!important;padding:6px!important;border-radius:16px!important}}@media(max-width:359px){html body.hoco-site #hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage .hn-left-cluster{gap:5px!important}html body.hoco-site #hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage#hoco-header-stage .hn-right{gap:2px!important}html body.hoco-site .hpc .hpc-title{font-size:11px!important}html body.hoco-site :is(.hys-rail,.he-rail) .hpc .hpc-title{font-size:13px!important}html body.hoco-site #hoco-footer-new .hxf-apps a{gap:6px!important}html body.hoco-site #hoco-footer-new .hxf-apps span{font-size:11px!important}}@media(max-width:749px)and (orientation:landscape)and (max-height:600px){html body.hoco-site .hoco-reels .hrl-card{max-width:42.1875svh!important}}@media(max-width:749px){html body.hoco-site .hr-logos .hr-logo-item{width:144px!important;min-width:144px!important;height:64px!important;padding:6px 10px!important}html body.hoco-site .hr-logos .hr-logo-item img{max-height:52px!important}}@media(max-width:749px){html body #hoco-store-page#hoco-store-page{padding-top:82px!important}}@media(max-width:749px){html body.hoco-site #MainContent#MainContent :is(.hys-rail,.he-rail) .hpc .hpc-glass-add:is(button,a){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:24px!important;height:24px!important;padding:4px 10px!important;gap:4px!important;font-size:8.5px!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;border-radius:999px!important;box-sizing:border-box}html body.hoco-site #MainContent#MainContent :is(.hys-rail,.he-rail) .hpc .hpc-add-label{font-size:8.5px!important;line-height:1!important}html body.hoco-site #MainContent#MainContent :is(.hys-rail,.he-rail) .hpc .hpc-glass-add:is(button,a)>.hi{width:10px!important;height:10px!important;flex:0 0 10px!important}html body.hoco-site #MainContent#MainContent :is(.hys-rail,.he-rail) .hpc .hpc-hover-action{bottom:14px!important;width:auto!important}html body.hoco-site #MainContent#MainContent :is(.hys-rail,.he-rail) .hpc .hpc-hover-action form{width:auto!important;min-width:0!important;margin:0!important}}@media(max-width:749px){html body.hoco-site #MainContent#MainContent .hr-story p{font-size:clamp(20px,5.3vw,23px)!important;line-height:1.65!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/hoco-mobile-sizing.css.map */