/**
 * Sri Jeyaram Bakery & Sweets — Responsive Design Overrides
 */
/* Medium Screens (Tablets / Laptops up to 991px) */
@media (max-width: 991px) {
 .hero h1 { font-size: 2.3rem; }
.feature-strip-inner { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.footer-content { grid-template-columns: 1fr 1fr; gap: 35px; }
.footer-section:first-child { grid-column: 1 / -1; }
 }
/* Mobile Screens (Phones up to 767px) */
@media (max-width: 767px) {
 :root { --header-height: 60px; --rail-height: 52px; }
/* 3-Zone Symmetrical Mobile Header Layout */
  .nav-container { padding: 0 14px; display: flex; justify-content: space-between; align-items: center; position: relative; }
  .hamburger-btn { display: flex; width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-shrink: 0; align-items: center; justify-content: center; }
  /* Logo: Optically & mathematically centered across screen */
  .logo { position: absolute; left: 50%; transform: translateX(-50%); gap: 8px; white-space: nowrap; z-index: 1000; }
  .header-logo-img { height: 36px; }
  .logo-brand-title { font-size: 1.05rem; }
  .logo-brand-tagline { font-size: 0.6rem; }
  .nav-right { margin-left: auto; gap: 0; flex-shrink: 0; }
  .nav-links { display: none !important; }
  .cart-btn { min-height: 44px; min-width: 44px; padding: 7px 12px; font-size: 0.85rem; gap: 6px; display: inline-flex; align-items: center; justify-content: center; }
  .cart-btn .nav-link-text { display: none; /* Icon + badge on small mobile */ }
  .cart-count { min-width: 20px; height: 20px; font-size: 0.7rem; }
/* Hero Section Mobile */
  .hero { padding: 42px 16px 36px; }
.hero h1 { font-size: 1.85rem; margin-bottom: 10px; }
.hero p { font-size: 0.95rem; margin-bottom: 18px; line-height: 1.5; }
.hero-cta-btn { padding: 11px 22px; font-size: 0.95rem; }
.hero-meta { flex-direction: column; gap: 8px; align-items: center; width: 100%; }
.hero-meta-pill { width: 100%; max-width: 320px; justify-content: center; font-size: 0.82rem; padding: 7px 14px; }
/* Feature Strip Mobile */
  .feature-strip-section { padding: 12px 14px; }
.feature-strip-inner { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.feature-badge-card { padding: 8px 10px; gap: 8px; }
.feature-badge-icon { width: 32px; height: 32px; min-width: 32px; font-size: 1rem; }
.feature-badge-info strong { font-size: 0.8rem; }
.feature-badge-info span { font-size: 0.7rem; }
/* Category Rail Mobile Edge-Fade & Layout */
  .cat-rail-container { top: var(--header-height); position: sticky; z-index: 900; overflow: hidden; height: var(--rail-height); }
.cat-rail-container::before,
  .cat-rail-container::after { width: 25px; }
.cat-rail { padding: 8px 16px; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; gap: 8px; scrollbar-width: none; }
.cat-rail::-webkit-scrollbar { display: none; }
.cat-tab { padding: 6px 14px; font-size: 0.8rem; flex-shrink: 0; }
/* Store Menu Container */
  .menu-container { padding: 25px 14px; }
.section-title { font-size: 1.35rem; margin-bottom: 16px; gap: 10px; padding-bottom: 10px; }
.section-title-badge { width: 34px; height: 34px; min-width: 34px; font-size: 1.05rem; }
/* 2-Column Product Card Grid on Mobile */
  .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.food-card { height: 100%; border-radius: var(--radius-md); display: flex; flex-direction: column; }
.food-media { width: 100%; height: 125px; min-height: auto; }
.food-emoji-fallback { font-size: 2.2rem; }
.card-badges { top: 6px; left: 6px; gap: 4px; }
.veg-badge { width: 16px; height: 16px; }
.veg-dot { width: 6px; height: 6px; }
.ribbon-tag { font-size: 0.6rem; padding: 2px 6px; }
.bestseller-star { top: 6px; right: 6px; font-size: 0.65rem; padding: 2px 6px; }
.food-body { padding: 10px; display: flex; flex-direction: column; flex-grow: 1; }
.food-title { font-size: 0.88rem; line-height: 1.25; }
.tamil-text { font-size: 0.75rem; }
.food-desc { font-size: 0.75rem; margin-top: 3px; margin-bottom: 8px; height: 30px; min-height: 30px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.size-selector { margin-bottom: 8px; margin-top: auto; }
.size-label-txt { font-size: 0.72rem; margin-bottom: 4px; }
.size-pills { gap: 4px; }
.size-pill-label { padding: 2px 7px; font-size: 0.72rem; }
.food-footer { flex-direction: column; align-items: stretch; gap: 8px; margin-top: auto; min-height: auto; }
.price-container { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 6px; flex-wrap: wrap; }
.mrp-savings { display: flex; align-items: center; gap: 4px; font-size: 0.68rem; margin-top: 0; }
.current-price { font-size: 1.1rem; font-weight: 800; }
.add-to-cart-btn { width: 100%; text-align: center; padding: 11px 12px; font-size: 0.85rem; font-weight: 700; min-height: 44px; display: flex; align-items: center; justify-content: center; touch-action: manipulation; }
.qty-adjuster { width: 100%; justify-content: space-between; align-items: center; background-color: var(--green); border-radius: var(--radius-sm); min-height: 44px; }
.qty-btn { min-width: 44px; min-height: 44px; padding: 0; font-size: 1.1rem; color: #fff; display: flex; align-items: center; justify-content: center; touch-action: manipulation; }
.qty-val { font-size: 0.95rem; color: #fff; font-weight: 700; }
/* Placeholder & Coming Soon Cards */
  .food-placeholder-container { height: 125px; }
.food-placeholder-badge { width: 48px; height: 48px; font-size: 1.5rem; }
.coming-soon-card { padding: 16px 10px; }
.coming-soon-badge { width: 44px; height: 44px; font-size: 1.3rem; margin-bottom: 8px; }
.coming-soon-card h4 { font-size: 0.9rem; }
.coming-soon-card p { font-size: 0.72rem; line-height: 1.3; }
/* Drawers on Mobile */
  .cart-drawer { max-width: 100%; }
.menu-drawer { max-width: 290px; }
/* Footer Mobile Layout */
  .footer-content { grid-template-columns: 1fr; gap: 28px; }
.footer-bottom { flex-direction: column; text-align: center; gap: 10px; }
 }
/* Extra Small Mobile (below 380px) */
@media (max-width: 380px) {
 .logo { font-size: 1.05rem; }
.logo-emoji { font-size: 1.25rem; }
.product-grid { gap: 8px; }
.food-body { padding: 8px; }
 }
/* ==========================================================================
   Category Page Mobile Polish
   ========================================================================== */
@media (max-width: 767px) {
 .breadcrumb-bar-wrap { padding: 10px 14px; }
.breadcrumb-trail { font-size: 0.78rem; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.breadcrumb-trail::-webkit-scrollbar { display: none; }
.category-hero-strip { padding: 18px 14px; }
.category-hero-content { gap: 12px; }
.category-hero-badge { width: 44px; height: 44px; min-width: 44px; font-size: 1.3rem; }
.category-hero-title { font-size: 1.35rem; }
.category-hero-desc { font-size: 0.82rem; line-height: 1.35; }
.category-subnav-rail { padding: 4px 2px; gap: 8px; }
.category-subnav-tab { padding: 6px 14px; font-size: 0.8rem; }
.category-filter-toolbar { padding: 12px 14px; gap: 12px; }
.category-search-box input { font-size: 0.82rem; padding: 8px 10px 8px 30px; }
.category-sort-box { width: 100%; justify-content: space-between; }
.category-sort-select { flex: 1; max-width: 220px; font-size: 0.82rem; padding: 6px 8px; }
.load-more-btn { width: 100%; padding: 12px 20px; font-size: 0.92rem; }
.see-all-category-btn { width: 100%; max-width: 320px; padding: 11px 20px; font-size: 0.9rem; }
/* Admin Toolbar Responsive Layout */
  .page-header { flex-direction: column; align-items: flex-start !important; gap: 12px; }
.toolbar-actions-cluster { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.toolbar-segmented-group { width: 100%; display: flex; }
.toolbar-segmented-group .btn-segmented { flex: 1; justify-content: center; }
.select-mode-bulk-bar { flex-direction: column; align-items: stretch; gap: 10px; }
.select-actions-group { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.select-actions-group .select-action-btn { width: 100%; justify-content: center; }
/* From Our Kitchen Video Reels Mobile Horizontal Scroll-Snap */
  .kitchen-reels-section { margin: 35px 0 45px; padding: 0; }
.kitchen-reels-header { padding: 0 16px; text-align: left; margin-bottom: 18px; }
.kitchen-reels-scroll-container { position: relative; width: 100%; overflow: hidden; }
.kitchen-reels-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; gap: 16px; padding: 6px 16px 20px; width: 100%; box-sizing: border-box; }
.kitchen-reels-grid::-webkit-scrollbar { display: none; }
.kitchen-reel-card { flex: 0 0 78vw; max-width: 290px; scroll-snap-align: center; border-radius: 12px; }
.kitchen-reel-caption { padding: 14px; }
 }