/* Navigation icons become the mobile tab bar. */
.storefront-body .header-row nav svg{display:none}

@media(max-width:700px){
    .storefront-body{background:#f5f7fc;font-size:17px;padding-bottom:calc(88px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
    .storefront-body .shell{width:calc(100% - 32px)}
    .storefront-topbar{display:none}
    .storefront-body .catalog-header{width:100%;border-radius:0;background:#fff;border-bottom:1px solid #e1e8f4;overflow:visible}
    .storefront-body .catalog-header::before{display:none}
    .storefront-body .catalog-header .header-row{width:calc(100% - 32px);min-height:82px;padding-block:14px;justify-content:flex-start}
    .storefront-brand{width:100%;min-width:0}
    .storefront-logo-panel{width:100%;justify-content:space-between;gap:12px;background:transparent;box-shadow:none;padding:0;border-radius:0}
    .storefront-body .storefront-logo-panel .catalog-logo{width:200px;max-width:calc(100% - 92px);flex-shrink:1}
    .navbar-sales-girl{display:block;align-self:flex-start;width:80px;height:74px;object-fit:contain;object-position:right top;flex-shrink:0}
    .storefront-body .header-row nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dce5f3;box-shadow:0 -4px 24px #091c5109;backdrop-filter:blur(16px)}
    .storefront-body .header-row nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:60px;padding:8px 2px;font-size:12px;line-height:1.3;color:#65758c;border-radius:14px;text-align:center}
    .storefront-body .header-row nav svg{display:block;width:24px;height:24px}
    .storefront-body .header-row nav a.active{background:#eaf1ff;color:#0755ec}
    .storefront-body .header-row nav a:hover{color:#0755ec}
    .storefront-body .header-row nav a.active::after{display:none}
    .storefront-body .catalog-main{padding-top:24px;padding-bottom:36px;display:flex;flex-direction:column}
    .storefront-shop{order:0;scroll-margin-top:20px}
    .storefront-benefits{order:1;grid-template-columns:1fr;gap:10px;margin:28px 0 0}
    .storefront-benefits>div{flex-direction:row;justify-content:flex-start;text-align:left;padding:16px;background:#fff;border-radius:16px;gap:14px}
    .benefit-icon{width:44px;height:44px;flex-shrink:0;font-size:24px}
    .storefront-benefits strong{font-size:16px}
    .storefront-benefits small{font-size:14px;color:#65758c}
    .storefront-benefits>div:nth-child(2) .benefit-icon{font-size:12px}
    .storefront-section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}
    .storefront-section-heading .eyebrow,.storefront-empty .eyebrow{font-size:11px;letter-spacing:1.2px;line-height:1.7}
    .storefront-section-heading h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin-top:10px}
    .storefront-count{font-size:13px;padding:6px 12px}
    .storefront-filters{display:grid;grid-template-columns:minmax(0,1fr);padding:14px;gap:12px;border-radius:20px;background:#fff;border-color:#e1e8f4;box-shadow:0 4px 18px #091c5104;margin-bottom:20px}
    .storefront-search{padding:6px 12px;background:#f4f7fc;border:1px solid #dce5f3;border-radius:12px;gap:10px}
    .storefront-search input{font-size:16px;min-height:44px;width:100%}
    .storefront-sort{display:flex;gap:12px;padding:0 8px}
    .storefront-sort>span{font-size:14px;color:#65758c}
    .storefront-sort select{flex:1;width:auto;min-height:48px;font-size:16px}
    .storefront-filters .btn{min-height:52px;font-size:16px;border-radius:12px;justify-content:space-between;padding:12px 18px}
    .storefront-empty{flex-direction:column;text-align:center;padding:30px 20px;gap:18px;border-radius:20px;background:#fff}
    .empty-store-icon{flex-basis:auto;width:64px;height:64px;border-radius:20px}
    .storefront-empty>div{flex-basis:auto}
    .storefront-empty h3{font-size:25px;line-height:1.25;margin:12px 0}
    .storefront-empty p{font-size:16px;line-height:1.7;color:#65758c}
    .storefront-empty .btn{margin:0;width:100%;min-height:52px;white-space:normal;font-size:16px;border-radius:12px}
    .storefront-product-grid{gap:12px}
    .storefront-product-grid .product-card{border-radius:18px}
    .storefront-product-grid .product-card-copy{padding:14px}
    .product-card-brand{font-size:10px}
    .storefront-product-grid .product-card h2{font-size:18px;line-height:1.35}
    .storefront-product-grid .product-card p{font-size:14px;min-height:0}
    .storefront-product-grid .product-card strong{font-size:17px}
    .storefront-product-grid .product-card-copy>div{flex-wrap:wrap;gap:8px}
    .storefront-discover{order:2;margin-top:32px}
    .storefront-section-heading .quiet-link{font-size:15px;max-width:none;text-align:left;min-height:44px;display:inline-flex;align-items:center}
    .storefront-service-grid{grid-template-columns:1fr;gap:16px}
    .storefront-service-card{height:230px;border-radius:20px}
    .storefront-service-card h3{font-size:25px}
    .storefront-service-card p{font-size:16px}
    .service-number{font-size:12px;top:20px;left:20px}
    .storefront-service-card>div{left:20px;right:20px;bottom:22px}
    .storefront-body .breadcrumb,.storefront-body .breadcrumb a{font-size:14px}
    .product-detail{grid-template-columns:minmax(0,1fr);gap:24px}
    .product-media-column,.product-info{min-width:0}
    .storefront-body .detail-summary,.storefront-body .product-description{font-size:17px}
    .storefront-body .product-description h2,.storefront-body .specifications h2{font-size:23px}
    .specifications table{table-layout:fixed}
    .specifications th,.specifications td{font-size:16px;padding:12px}
    .recent-products-heading{flex-wrap:wrap}
    .recent-products-heading h2{font-size:23px}
    .recent-products-heading>a,.recent-product-copy small{font-size:14px}
    .recent-products-heading .eyebrow{font-size:11px}
    .recent-product-copy strong,.recent-product-copy>span{font-size:16px}
    .storefront-body .dh-footer{width:100%;border-radius:24px 24px 0 0}
    .storefront-body .dh-footer-main{grid-template-columns:1fr}
    .storefront-body .dh-footer-eyebrow{font-size:11px}
    .storefront-body .dh-footer-service>span:nth-child(2),.storefront-body .dh-footer-brand p,.storefront-body .dh-footer-links nav a{font-size:15px}
    .storefront-body .dh-footer-links h3,.storefront-body .dh-footer-invite>a{font-size:16px}
    .storefront-body .dh-footer-links nav a{min-height:44px;display:flex;align-items:center}
    .storefront-body .dh-footer-bottom small,.storefront-body .dh-footer-bottom>a{font-size:13px}
    .storefront-body .dh-footer-services-heading{flex-wrap:wrap}
    .storefront-body .dh-footer-services-heading>a{font-size:22px;max-width:none;min-height:44px;margin:0}
    .storefront-body .dh-footer-brand-line{font-size:10px}
    .storefront-body .results-count,.storefront-body .quiet-link{font-size:15px}
}

@media(max-width:360px){
    .storefront-product-grid{grid-template-columns:1fr}
    .storefront-body .header-row nav a{font-size:11px}
}