@media (max-width: 1010px) {
  .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .desktop-nav button { padding: 9px 7px; }
  .header-inner { gap: 12px; }
}
@media (max-width: 760px) {
  .site-header { position: static; }
  .header-inner { flex-wrap: wrap; padding: 12px 16px; }
  .search-field { order: 3; flex-basis: 100%; min-width: 0; max-width: none; }
  .desktop-nav { display: none; }
  .mobile-nav { position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; min-height: var(--mobile-nav-height); padding: 6px 8px max(6px,env(safe-area-inset-bottom)); background: var(--color-surface); border-top: 1px solid var(--color-line); box-shadow: var(--shadow-surface); }
  .mobile-nav button { padding: 9px 2px; font-size: 12px; }
  .container { padding-top: var(--space-4); padding-bottom: 110px; }
  .site-footer { padding-bottom: var(--mobile-nav-height); }
  .two-column { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hero { min-height: 220px; }
  .hero-art { display: none; }
}
@media (max-width: 430px) {
  .container { width: calc(100% - 24px); }
  .hero { padding: var(--space-5); }
  .hero h1 { font-size: 28px; }
  .product-grid { gap: var(--space-2); }
  .product-body { padding: var(--space-3); }
  .product-body h3 { font-size: 15px; }
  .product-body p { font-size: 12px; }
  .product-price { font-size: 14px; }
  .product-actions { flex-direction: column; }
  .surface { border-radius: var(--radius-md); }
  .field-pair { grid-template-columns: 1fr; }
  .cart-row { flex-wrap: wrap; }
  .cart-image { width: 72px; height: 72px; }
  .line-price { width: 100%; text-align: right; }
  .modal { display: block; }
  .modal-image { min-height: 150px; height: 190px; }
  .modal-image img { max-height: 165px; }
  .progress li { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@media (max-width:1130px) { .ticket-grid {grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:760px) { .mobile-nav {grid-template-columns:repeat(5,minmax(0,1fr));}.ticket-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.hero-crest {width:95px;height:130px;}.hero-content {flex:1;min-width:0;} }
@media (max-width:430px) { .brand strong {font-size:16px;}.ticket-grid {grid-template-columns:1fr 1fr;gap:9px;}.work-ticket {padding:14px 10px;}.ticket-product strong {font-size:14px;}.ticket-product b {font-size:17px;}.ticket-time {font-size:10px;}.ticket-crest {width:25px;height:31px;}.ticket-top {gap:5px;}.hero-crest {display:none;}.workboard-header {gap:8px;padding:12px;}.workboard-crest {width:42px;height:46px;}.workboard-header p {font-size:12px;}.product-card .button {font-size:12px;}.product-actions .button {min-width:100%;}.page-heading .section-crest {width:40px;height:48px;}.page-heading h1 {font-size:28px;} }

@media (max-width: 900px) {.cart-layout {grid-template-columns:1fr;}}
@media (max-width: 430px) {.favorite-icon{flex-basis:42px;width:42px;}.product-purchase{gap:6px;}.product-actions {flex-direction:initial;}.product-actions .button{min-width:0;}}
@media (max-width: 480px) {
  .product-purchase .quantity {gap:0;min-width:0;}
  .product-purchase .quantity button {flex:1 1 0;min-width:0;min-height:44px;padding:0;}
  .product-purchase .quantity strong {flex:0 0 auto;min-width:20px;}
}

@media (orientation: portrait) {
  .modal.detail-modal, .modal.bulk-order-modal { display: grid; grid-template-columns: minmax(0,1fr); }
  .detail-modal .modal-image, .bulk-order-modal .modal-image { display: block; min-height: 0; height: auto; overflow: hidden; }
  .detail-modal .modal-image img, .bulk-order-modal .modal-image img { display: block; width: 100%; height: auto; max-width: none; max-height: none; }
}
@media (orientation: landscape) {
  .modal.detail-modal, .modal.bulk-order-modal { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}