@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .site-header .header-wrap { padding-block: 14px; }
  .site-header .header-wrap .store-container { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
  .site-header .header-wrap .site-branding,
  .site-header .header-wrap .search-cart-wrap { float: none; width: 100%; max-width: 100%; margin: 0; }
  .site-header .header-wrap .site-branding { text-align: center; }
  .site-header .header-wrap .site-branding .sv-logo-wrap { display: inline-block; }
  .site-header .header-wrap .search-cart-wrap .advance-search { display: block; float: none; width: 100%; max-width: 100%; margin: 0; }
  .site-header .header-wrap .search-cart-wrap .advance-search form,
  .site-header .header-wrap .search-cart-wrap .advance-search .sv_search_form { width: 100%; max-width: 100%; }
  .site-header .header-wrap .search-cart-wrap .advance-search .sv_search_form input[type="text"] { width: 100% !important; min-width: 0; min-height: 46px; padding-inline: 14px 48px; font-size: 15px; }
  .site-header .header-wrap .search-cart-wrap .advance-search .sv_search_form #searchsubmit { min-width: 44px; min-height: 44px; }
  .robotch-navigation .robotch-nav-container { width: min(100% - 24px, 1170px); }
  .robotch-navigation .robotch-mobile-toggle { min-height: 48px; font-size: 15px; }
  .robotch-navigation .robotch-nav-items { max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; }
  .robotch-navigation .robotch-category-panel { position: static; width: 100%; max-height: 45vh; overflow-y: auto; box-shadow: none; border-radius: 12px; padding: 16px; }
  .robotch-navigation .robotch-category-grid { grid-template-columns: 1fr; gap: 13px; }
  .robotch-home { padding-inline: 14px; }
  .robotch-section-heading { flex-wrap: wrap; align-items: end; gap: 10px; }
  .robotch-section-heading > div:first-child { min-width: 0; }
  .robotch-row-actions { margin-inline-start: auto; }
  .robotch-carousel { gap: 12px; scroll-padding-inline: 2px; -webkit-overflow-scrolling: touch; }
  .robotch-product-row .robotch-product-card,
  .robotch-category-card { flex-basis: min(68vw, 250px); min-width: 0; }
  .robotch-product-art { height: 170px; }
  .robotch-category-info, .robotch-product-info { padding: 13px 14px 15px; }
  .robotch-category-info strong, .robotch-product-info strong { font-size: 14px; line-height: 1.65; }
  .robotch-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .robotch-intro-actions a { min-height: 44px; }
  body.logged-in #masthead #menu-item-2889 > a { max-width: calc(100vw - 28px); font-size: 12px; }
  .site-content .store-container,
  .site-content .store-container-inner { max-width: 100%; }
  .woocommerce-checkout #primary,
  .woocommerce-account #primary,
  .woocommerce-cart #primary { width: 100% !important; float: none !important; }
  .woocommerce-checkout #secondaryright,
  .woocommerce-account #secondaryright,
  .woocommerce-cart #secondaryright { display: none !important; }
  .woocommerce-checkout .woocommerce .col2-set .col-1,
  .woocommerce-checkout .woocommerce .col2-set .col-2,
  .woocommerce-account .woocommerce .u-column1,
  .woocommerce-account .woocommerce .u-column2 { float: none !important; width: 100% !important; }
  .woocommerce-checkout .woocommerce form .form-row { box-sizing: border-box; }
  .woocommerce-checkout .woocommerce form .form-row-first,
  .woocommerce-checkout .woocommerce form .form-row-last { float: none !important; width: 100% !important; }
  .woocommerce-checkout .woocommerce form .form-row input.input-text,
  .woocommerce-checkout .woocommerce form .form-row select,
  .woocommerce-checkout .woocommerce form .form-row textarea,
  .woocommerce-account .woocommerce form input.input-text { box-sizing: border-box; width: 100%; min-height: 46px; font-size: 16px; }
  .woocommerce-checkout .woocommerce form .form-row label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 600; }
  .woocommerce-checkout .select2-container { width: 100% !important; }
  .woocommerce-checkout .select2-container .select2-selection--single { min-height: 46px; }
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review_heading { clear: both; width: 100%; }
  .woocommerce-checkout table.shop_table { width: 100%; table-layout: auto; }
  .woocommerce-checkout table.shop_table td,
  .woocommerce-checkout table.shop_table th { overflow-wrap: anywhere; }
  .woocommerce-checkout #place_order { width: 100%; min-height: 48px; }
  .site-footer .robotch-footer-inner { align-items: flex-start; }
}

@media (max-width: 480px) {
  .site-header .site-branding .site-title a { font-size: 25px !important; }
  .site-header .site-branding .site-description { font-size: 11px; line-height: 1.5; }
  .robotch-hero { height: 330px; margin-bottom: 30px; border-radius: 16px; }
  .robotch-hero-copy { top: 47%; right: 18px; left: 18px; }
  .robotch-hero-copy h2 { font-size: clamp(22px, 6vw, 28px); line-height: 1.45; }
  .robotch-hero-copy p { margin: 10px 0 15px; font-size: 12px; line-height: 1.8; }
  .robotch-hero-button { min-height: 42px; padding: 7px 13px; font-size: 12px; }
  .robotch-hero-controls { right: 18px; bottom: 12px; }
  .robotch-home { padding-top: 20px; }
  .robotch-section { margin-bottom: 42px; }
  .robotch-section-heading h2 { font-size: 19px; }
  .robotch-carousel-controls button { width: 36px; height: 36px; }
  .robotch-product-row .robotch-product-card,
  .robotch-category-card { flex-basis: min(73vw, 240px); }
  .robotch-product-art { height: 155px; }
  .robotch-intro { padding: 28px 20px; border-radius: 18px; }
  .robotch-intro h1 { font-size: 23px; }
  .robotch-intro p { font-size: 13px; line-height: 1.9; }
  .robotch-brand-card { min-height: 88px; padding: 12px; }
  .robotch-brand-card img { max-height: 52px; }
  .woocommerce-checkout .entry-header .entry-title { font-size: 22px; }
  .woocommerce-checkout .woocommerce-billing-fields h3,
  .woocommerce-checkout #order_review_heading { font-size: 19px; line-height: 1.5; }
  .site-footer .robotch-footer-inner { display: flex; flex-direction: column; gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .robotch-carousel { scroll-behavior: auto; }
}