body.kidzbean-draft #app .kb-responsive-banner{display:block;width:100%}body.kidzbean-draft #app .kb-responsive-banner img{display:block;width:100%;height:auto!important}body.kidzbean-draft #app .hero:has(.kb-responsive-banner source) .mobile-copy{display:none!important}body.kidzbean-draft #app{width:100%;min-width:0}body.kidzbean-draft #app img{max-width:100%}body.kidzbean-draft #app nav{padding-left:3%;padding-right:3%;height:auto;min-height:74px;flex-wrap:wrap}body.kidzbean-draft #app .hero img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}body.kidzbean-draft #app .hero{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}body.kidzbean-draft #app .collections img{aspect-ratio:1672/941;object-fit:contain}body.kidzbean-draft #app .listing>*,body.kidzbean-draft #app .detail>*,body.kidzbean-draft #app .checkout-grid>*{min-width:0}
@media(max-width:1024px){body.kidzbean-draft #app nav{gap:16px;padding:14px 3%}.kb-header-logo img{width:130px}body.kidzbean-draft #app .products{grid-template-columns:repeat(3,minmax(0,1fr))}body.kidzbean-draft #app .listing .products{grid-template-columns:repeat(3,minmax(0,1fr))}.newsletter{flex-wrap:wrap}}
@media(max-width:700px){body.kidzbean-draft #app nav{display:flex;justify-content:flex-start;gap:10px 16px;padding:12px 16px}.kb-header-logo{flex:0 0 100%;justify-content:center}.kb-header-logo img{width:150px;max-height:52px}body.kidzbean-draft #app nav>a:not(.kb-header-logo){display:block!important;font-size:11px;min-height:34px;align-content:center}body.kidzbean-draft #app nav summary{font-size:11px;min-height:34px;align-content:center}body.kidzbean-draft #app nav .tools{flex:0 0 100%;margin:0;justify-content:flex-end;gap:18px}body.kidzbean-draft #app nav .tools button{width:38px;height:38px}.dropdown{max-width:calc(100vw - 32px)}body.kidzbean-draft #app .hero img{width:100%!important;height:auto!important;object-fit:contain!important}.slide img{aspect-ratio:auto;height:auto!important}.slide-arrow{width:32px;height:32px}.slide-controls{margin:8px auto}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 16px}.benefit{min-width:0}.benefit b{font-size:10px}.benefit small{font-size:10px}.wrap{padding:20px 16px}.categories,.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.kidzbean-draft #app .products,body.kidzbean-draft #app .listing .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product h3{font-size:13px;line-height:1.4}.price{gap:6px}.price b{font-size:16px}.price em{font-size:10px}.rating{font-size:10px}.stars{font-size:12px}.listing-head{display:block}.sort{justify-content:flex-end}.breadcrumb{overflow-wrap:anywhere;font-size:12px}.detail{display:block}.gallery{grid-template-columns:48px minmax(0,1fr);gap:10px}.detail-info{padding-top:24px}.detail-info h1{font-size:25px}.detail-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.detail-sizes button{padding:12px 3px;font-size:11px}.color-options{flex-wrap:wrap}.tabs{overflow-x:auto;max-width:100%;gap:12px}.tabs button{flex-shrink:0;min-height:44px;font-size:11px}.checkout-grid{display:block}.cart-item{flex-wrap:wrap;gap:12px;padding:14px}.cart-item img{width:86px;max-width:30%}.cart-item h3{font-size:17px}.cart-item .end-price{display:none}.cart-title{gap:12px;flex-wrap:wrap}.summary{margin-top:20px}.panel{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid input{font-size:16px}.steps{gap:32px}.newsletter{display:block;padding:24px 16px}.newsletter form{width:100%;max-width:none}.newsletter>span{display:block;margin-top:18px;font-size:12px}footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 16px;gap:24px}.kb-footer-logo img{max-width:160px;width:100%;height:auto}.love{display:block;padding:20px}.love .products{margin-top:20px}.testimonials{grid-template-columns:1fr}.trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.search-panel{padding:16px;flex-wrap:wrap}.section-title{font-size:17px;gap:10px}.success h1{font-size:25px}.success{overflow-wrap:anywhere}#toast{max-width:calc(100vw - 24px);width:max-content;font-size:13px}}
@media(max-width:360px){body.kidzbean-draft #app nav{gap:8px 12px}.detail-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit .icon{font-size:20px}.wrap{padding:18px 12px}}