/*
 * ============================================================
 *  indiancorner-frontend-theme.css
 *  Indian Corner — Full Frontend Theme Override
 *  Based on contactUs.html design language
 *
 *  Compatible with: 6valley / IndiansBazar (default theme)
 *
 *  INSTALL: Add ONE line at the very end of the <head> in:
 *    resources/themes/default/layouts/front-end/app.blade.php
 *
 *  <link rel="stylesheet"
 *        href="{{ dynamicAsset(path: 'public/assets/backend/admin/css/indiancorner-frontend-theme.css') }}">
 *
 *  Version: 1.0.0  |  Brand: Indian Corner
 * ============================================================
 */

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Nunito:wght@400;500;600;700;800&display=swap');

/* ============================================================
   SECTION 1: CSS VARIABLES — Brand Token Map
   ============================================================ */
:root {
  --ic-brown:        #4a2c0a;
  --ic-brown-mid:    #7a4a1e;
  --ic-brown-dark:   #2a1200;
  --ic-orange:       #e8621a;
  --ic-orange-dark:  #c94e0d;
  --ic-green:        #3a7a1e;
  --ic-yellow:       #f5c518;
  --ic-cream:        #fdf6ed;
  --ic-cream2:       #f9ede0;
  --ic-cream3:       #f5e8d4;
  --ic-white:        #ffffff;
  --ic-gray:         #6b5a4e;
  --ic-gray-light:   #e8ddd5;
  --ic-shadow:       0 2px 12px rgba(74,44,10,0.12);
  --ic-radius:       10px;

  /* Override 6valley Bootstrap vars */
  --bs-primary:      #e8621a;
  --bs-primary-rgb:  232, 98, 26;
  --bs-body-bg:      #fdf6ed;
  --bs-body-color:   #4a2c0a;
  --bs-border-color: #e8ddd5;
}

/* ============================================================
   SECTION 2: GLOBAL BODY & TYPOGRAPHY
   ============================================================ */
body,
p, span, div, li, td, th, label, input, textarea, select, button {
  font-family: 'Nunito', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Nunito', sans-serif !important;
  color: var(--ic-brown) !important;
}

/* Playfair for page/section titles */
.section-title,
.page-title,
.headerTitle,
.feature-product-title,
.card-title,
.modal-title,
.footer-brand-name,
.brand-name-text {
  font-family: 'Playfair Display', serif !important;
}

body {
  background-color: var(--ic-cream) !important;
  color: var(--ic-brown) !important;
}



/* ============================================================
   SECTION 3: TOP BAR
   ============================================================ */
.topbar,
header .topbar {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  padding: 7px 0 !important;
}

.topbar-link,
.topbar .topbar-link {
  color: var(--ic-cream) !important;
  font-size: 12px !important;
}

.topbar-social-btn,
.topbar .social-btn {
  color: var(--ic-yellow) !important;
  background-color: rgba(255,255,255,0.12) !important;
  border-radius: 4px !important;
  width: 24px !important;
  height: 24px !important;
}
.topbar-social-btn:hover {
  background-color: var(--ic-orange) !important;
  color: white !important;
}

/* Language / currency dropdown in topbar */
.topbar .dropdown-toggle {
  color: var(--ic-yellow) !important;
}

/* ============================================================
   SECTION 4: MAIN HEADER / NAV
   ============================================================ */
header,
.header,
.__inline-10,
header .header-section {
  background-color: var(--ic-white) !important;
  border-bottom: 2px solid var(--ic-gray-light) !important;
  box-shadow: 0 1px 8px rgba(74,44,10,0.08) !important;
}

/* Logo / Brand */
.navbar-brand,
.header .logo,
.header-logo {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* Nav links */
.header .nav-link,
.navbar-nav .nav-link,
header nav a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
  color: var(--ic-brown) !important;
  font-size: 14px !important;
}
.header .nav-link:hover,
.navbar-nav .nav-link:hover {
  color: var(--ic-orange) !important;
}

/* Category nav bar (the orange one below main nav) */
.header-bottom,
.category-nav,
.header-nav-bottom {
  background-color: var(--ic-orange) !important;
}
.header-bottom .nav-link,
.category-nav .nav-link {
  color: var(--ic-white) !important;
  font-weight: 600 !important;
}
.header-bottom .nav-link:hover,
.category-nav .nav-link:hover {
  color: var(--ic-yellow) !important;
}

/* Search bar */
.header .search-bar,
.search-form,
.header-search-form,
form.search-bar {
  border: 1.5px solid var(--ic-gray-light) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  transition: border-color 0.2s !important;
  background: #f5f5f5 !important;
}
.header .search-bar:focus-within,
.search-form:focus-within {
  border-color: var(--ic-orange) !important;
  background: var(--ic-white) !important;
}

.search-bar input,
.header-search-form input,
.search-form input[type="text"],
.search-form input[type="search"] {
  font-family: 'Nunito', sans-serif !important;
  color: var(--ic-brown) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Search button */
.search-bar .btn,
.header-search-form .btn,
.search-form button[type="submit"] {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-weight: 700 !important;
  border-radius: 0 24px 24px 0 !important;
}
.search-bar .btn:hover,
.search-form button:hover {
  background-color: var(--ic-orange-dark) !important;
}

/* Cart / Wishlist / Account icon buttons in header */
.header-icon-btn,
.header .btn-icon,
.header-cart-icon,
.icon-box,
.header .action-btn {
  color: var(--ic-brown) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: color 0.15s !important;
}
.header-icon-btn:hover,
.header .btn-icon:hover,
.header-cart-icon:hover {
  color: var(--ic-orange) !important;
}

/* Cart badge */
.cart-count,
.badge-cart,
.header .badge {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
}

/* ============================================================
   SECTION 5: BUTTONS — Global
   ============================================================ */
.btn-primary,
.btn--primary,
.web-btn,
.theme-btn {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--ic-radius) !important;
  transition: background-color 0.2s, border-color 0.2s !important;
}
.btn-primary:hover,
.btn--primary:hover,
.web-btn:hover,
.theme-btn:hover,
.btn-primary:focus,
.btn--primary:focus {
  background-color: var(--ic-orange-dark) !important;
  border-color: var(--ic-orange-dark) !important;
  color: var(--ic-white) !important;
}

.btn-outline-primary {
  color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--ic-radius) !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
}

.btn-secondary,
.btn--secondary {
  background-color: var(--ic-brown) !important;
  border-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--ic-radius) !important;
}
.btn-secondary:hover {
  background-color: var(--ic-brown-dark) !important;
  border-color: var(--ic-brown-dark) !important;
}

/* Add to cart / buy now */
.add-to-cart-btn,
.buy-now-btn,
[class*="add-to-cart"],
[class*="buy-now"] {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--ic-radius) !important;
}
.add-to-cart-btn:hover,
.buy-now-btn:hover {
  background-color: var(--ic-orange-dark) !important;
}

/* ============================================================
   SECTION 6: CARDS — Product Cards & General Cards
   ============================================================ */
.card,
.product-card,
.product-card-wrap {
  border: 1px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  box-shadow: var(--ic-shadow) !important;
  background-color: var(--ic-white) !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
.card:hover,
.product-card:hover,
.product-card-wrap:hover {
  box-shadow: 0 6px 24px rgba(74,44,10,0.18) !important;
  transform: translateY(-2px) !important;
}

.card-header {
  background-color: var(--ic-cream3) !important;
  border-bottom: 1px solid var(--ic-gray-light) !important;
  color: var(--ic-brown) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
}
.card-header h5,
.card-header h6,
.card-header .card-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* Product title in card */
.product-title,
.product-card .title,
.product-card-title,
[class*="product-title"] {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: var(--ic-brown) !important;
}
.product-title:hover,
.product-card .title:hover {
  color: var(--ic-orange) !important;
}

/* Product price */
.product-price,
.price,
.product-card .price,
[class*="product-price"] {
  color: var(--ic-orange) !important;
  font-weight: 800 !important;
  font-family: 'Nunito', sans-serif !important;
}

/* Old / strike price */
.old-price,
.price-old,
del,
s {
  color: var(--ic-gray) !important;
  font-weight: 400 !important;
}

/* Discount badge */
.discount-badge,
.badge-discount,
.offer-badge,
[class*="discount-badge"] {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* ============================================================
   SECTION 7: HOME PAGE — Sections & Sliders
   ============================================================ */

/* Section heading rows */
.section-header,
.section-title-bar,
[class*="section-title"] {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* "View all" links */
.view-all-text,
.view-all,
[class*="view-all"] {
  color: var(--ic-orange) !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
}
.view-all-text:hover,
.view-all:hover {
  color: var(--ic-orange-dark) !important;
}

/* Flash deal section */
.flash-deal-section,
[class*="flash-deal"],
.__inline-flash-deal {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  border-radius: var(--ic-radius) !important;
}
.flash-deal-title,
[class*="flash-deal"] h2,
[class*="flash-deal"] h3 {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-yellow) !important;
}

/* Countdown timer */
.countdown-timer,
.timer,
[class*="countdown"] {
  color: var(--ic-yellow) !important;
  font-weight: 800 !important;
  font-family: 'Nunito', sans-serif !important;
}

/* Category section */
.category-card,
.category-item,
[class*="category-item"],
[class*="category-card"] {
  background-color: var(--ic-cream2) !important;
  border: 1px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  transition: all 0.2s !important;
}
.category-card:hover,
.category-item:hover {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
}
.category-card:hover *,
.category-item:hover * {
  color: var(--ic-white) !important;
}

/* Best seller / featured section background */
.best-selling-section,
.featured-section,
[class*="best-selling"],
[class*="featured-product"] {
  background-color: var(--ic-cream) !important;
}

/* Announcement bar */
.__inline-announcement,
[class*="announcement"],
.announcement-bar {
  background-color: var(--ic-brown) !important;
  color: var(--ic-yellow) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
}

/* Swiper / Owl carousel nav */
.swiper-button-next,
.swiper-button-prev {
  color: var(--ic-orange) !important;
}
.swiper-pagination-bullet-active {
  background-color: var(--ic-orange) !important;
}
.owl-dot.active span,
.owl-dot:hover span {
  background-color: var(--ic-orange) !important;
}
.owl-prev,
.owl-next {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  border-radius: 50% !important;
}

/* ============================================================
   SECTION 8: BREADCRUMB
   ============================================================ */
.breadcrumb-item a,
nav[aria-label="breadcrumb"] a {
  color: var(--ic-orange) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
}
.breadcrumb-item.active,
nav[aria-label="breadcrumb"] .active {
  color: var(--ic-gray) !important;
  font-size: 12px !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 9: FORMS — Inputs, Labels, Selects
   ============================================================ */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-family: 'Nunito', sans-serif !important;
  color: var(--ic-brown) !important;
  border-color: var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  background-color: var(--ic-white) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--ic-orange) !important;
  box-shadow: 0 0 0 0.2rem rgba(232, 98, 26, 0.18) !important;
  outline: none !important;
}
label,
.form-label,
.input-label {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: var(--ic-brown-mid) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ============================================================
   SECTION 10: BADGES & STATUS
   ============================================================ */
.badge,
.badge-primary,
.badge.bg-primary {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
}
.badge.bg-success,
.badge-success {
  background-color: var(--ic-green) !important;
}
.badge.bg-warning,
.badge-warning {
  background-color: var(--ic-yellow) !important;
  color: var(--ic-brown) !important;
}
.badge.bg-secondary,
.badge-secondary {
  background-color: var(--ic-brown-mid) !important;
  color: var(--ic-cream) !important;
}

/* Order status pills */
.pending   { background: #fff3e0 !important; color: var(--ic-orange-dark) !important; border: 1px solid var(--ic-yellow) !important; }
.delivered { background: #e6f4e0 !important; color: var(--ic-green) !important; border: 1px solid #a8d8a0 !important; }
.cancelled { background: #fde8e0 !important; color: #a01010 !important; border: 1px solid #f0a0a0 !important; }

/* ============================================================
   SECTION 11: ALERTS
   ============================================================ */
.alert-primary {
  background-color: #fde8d4 !important;
  border-color: var(--ic-orange) !important;
  color: #7a2a00 !important;
}
.alert-success {
  background-color: #e6f4e0 !important;
  border-color: var(--ic-green) !important;
  color: #1a4a10 !important;
}
.alert-warning {
  background-color: #fef8d4 !important;
  border-color: var(--ic-yellow) !important;
  color: #7a5800 !important;
}
.alert-danger {
  background-color: #fde8e0 !important;
  border-color: #e05050 !important;
  color: #7a0000 !important;
}

/* ============================================================
   SECTION 12: PAGINATION
   ============================================================ */
.page-item.active .page-link {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-weight: 700 !important;
}
.page-link {
  color: var(--ic-orange) !important;
  font-family: 'Nunito', sans-serif !important;
  border-color: var(--ic-gray-light) !important;
}
.page-link:hover {
  background-color: var(--ic-cream2) !important;
  color: var(--ic-orange-dark) !important;
  border-color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 13: TABLES
   ============================================================ */
.table thead th,
.table > thead > tr > th {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  border-color: var(--ic-brown-mid) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--ic-cream) !important;
}
.table-hover > tbody > tr:hover > * {
  background-color: var(--ic-cream2) !important;
}
.table td, .table th {
  border-color: var(--ic-gray-light) !important;
  font-family: 'Nunito', sans-serif !important;
}

/* ============================================================
   SECTION 14: MODALS
   ============================================================ */
.modal-header {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  border-bottom: none !important;
}
.modal-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-yellow) !important;
}
.modal-header .btn-close {
  filter: invert(1) !important;
}
.modal-content {
  border: none !important;
  border-radius: var(--ic-radius) !important;
  box-shadow: 0 8px 40px rgba(74,44,10,0.20) !important;
}
.modal-footer {
  border-top: 1px solid var(--ic-gray-light) !important;
  background-color: var(--ic-cream) !important;
}

/* ============================================================
   SECTION 15: PRODUCT DETAIL PAGE
   ============================================================ */
.product-details-section,
[class*="product-detail"] {
  background-color: var(--ic-white) !important;
  border-radius: var(--ic-radius) !important;
}

/* Product name heading */
.product-name,
.product-details-section h1,
.product-details-section h2,
[class*="product-name"] {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* Rating stars */
.star-rating,
.rating,
[class*="rating"] {
  color: var(--ic-yellow) !important;
}

/* Size / variant selectors */
.variant-selector,
.size-btn,
[class*="variant"],
[class*="size-select"] {
  border: 2px solid var(--ic-gray-light) !important;
  border-radius: 6px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
  color: var(--ic-brown) !important;
  transition: all 0.2s !important;
}
.variant-selector.active,
.size-btn.active,
.variant-selector:hover,
.size-btn:hover {
  border-color: var(--ic-orange) !important;
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
}

/* Quantity stepper */
.qty-btn,
.quantity-btn,
[class*="qty-btn"],
[class*="quantity-btn"] {
  background-color: var(--ic-cream2) !important;
  border-color: var(--ic-gray-light) !important;
  color: var(--ic-brown) !important;
  font-weight: 700 !important;
}
.qty-btn:hover,
.quantity-btn:hover {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
}

/* Wishlist / compare icons on product cards */
.wishlist-btn,
.compare-btn,
[class*="wishlist"],
[class*="compare"] {
  color: var(--ic-gray) !important;
  transition: color 0.2s !important;
}
.wishlist-btn:hover,
.compare-btn:hover,
.wishlist-btn.active {
  color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 16: CHECKOUT PAGES
   ============================================================ */
/* Checkout step indicator */
.checkout-step,
.step-indicator,
[class*="checkout-step"],
[class*="step-indicator"] {
  font-family: 'Nunito', sans-serif !important;
}
.checkout-step.active,
.step-indicator.active {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  border-color: var(--ic-orange) !important;
}
.checkout-step.completed,
.step-indicator.completed {
  background-color: var(--ic-green) !important;
  color: var(--ic-white) !important;
}

/* Order summary card */
.order-summary,
[class*="order-summary"] {
  background-color: var(--ic-cream2) !important;
  border: 1px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  padding: 20px !important;
}
.order-summary-title,
[class*="order-summary"] h4,
[class*="order-summary"] h5 {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* Total row */
.order-total,
.summary-total,
[class*="order-total"] {
  border-top: 2px solid var(--ic-gray-light) !important;
  color: var(--ic-orange) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

/* ============================================================
   SECTION 17: AUTH PAGES (Login / Register)
   ============================================================ */
.auth-card,
.login-card,
.register-card,
[class*="auth-card"],
[class*="login-card"] {
  background-color: var(--ic-white) !important;
  border-radius: var(--ic-radius) !important;
  box-shadow: var(--ic-shadow) !important;
  border: 1px solid var(--ic-gray-light) !important;
}

.auth-title,
.login-title,
[class*="auth-title"] {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

/* Social login buttons */
.btn-google,
.social-login-btn {
  border: 2px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: var(--ic-brown) !important;
  transition: all 0.2s !important;
}
.btn-google:hover,
.social-login-btn:hover {
  border-color: var(--ic-orange) !important;
  color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 18: USER ACCOUNT / PROFILE PAGES
   ============================================================ */
/* Sidebar nav */
.account-sidebar,
.user-sidebar,
[class*="account-sidebar"],
[class*="user-sidebar"] {
  background-color: var(--ic-white) !important;
  border: 1px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
}

.account-sidebar .nav-link,
.user-sidebar .nav-link,
[class*="account-sidebar"] .nav-link {
  color: var(--ic-brown) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
}
.account-sidebar .nav-link:hover,
.account-sidebar .nav-link.active,
[class*="account-sidebar"] .nav-link.active {
  background-color: rgba(232, 98, 26, 0.10) !important;
  color: var(--ic-orange) !important;
}
.account-sidebar .nav-link.active {
  border-left: 3px solid var(--ic-orange) !important;
}

/* Order status timeline */
.order-timeline,
[class*="order-status"],
[class*="tracking-step"] {
  color: var(--ic-brown) !important;
  font-family: 'Nunito', sans-serif !important;
}
.order-timeline .active,
[class*="tracking-step"].active {
  color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 19: CONTACT US PAGE
   ============================================================ */
.contact-section,
.contact-us-page,
.__inline-58 {
  background-color: var(--ic-cream) !important;
}

.contact-us-page .card,
.contact-section .card {
  border-color: var(--ic-gray-light) !important;
  box-shadow: var(--ic-shadow) !important;
}

.contact-us-page .headerTitle,
.contact-section h1,
.contact-section h2 {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}

.contact-us-page label {
  font-weight: 700 !important;
  color: var(--ic-brown-mid) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

/* ============================================================
   SECTION 20: FOOTER
   ============================================================ */
footer,
.footer,
.__inline-9 {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  font-family: 'Nunito', sans-serif !important;
}

footer h5, footer h6,
.footer h5, .footer h6,
.footer-heading,
[class*="footer"] h5 {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-yellow) !important;
  margin-bottom: 14px !important;
}

footer a,
.footer a,
[class*="footer"] a {
  color: rgba(253, 246, 237, 0.75) !important;
  font-size: 13px !important;
  transition: color 0.2s !important;
}
footer a:hover,
.footer a:hover {
  color: var(--ic-yellow) !important;
  text-decoration: none !important;
}

footer p,
.footer p,
[class*="footer"] p {
  color: rgba(253, 246, 237, 0.70) !important;
  font-size: 13px !important;
}

/* Footer bottom bar */
.footer-bottom,
.footer-copyright,
[class*="footer-bottom"] {
  background-color: var(--ic-brown-dark) !important;
  border-top: 1px solid rgba(245, 197, 24, 0.20) !important;
  color: rgba(253, 246, 237, 0.60) !important;
  font-size: 12px !important;
}

/* Footer social icons */
.footer-social a,
.footer .social-btn,
[class*="footer"] .social-btn {
  background-color: rgba(255,255,255,0.10) !important;
  color: var(--ic-cream) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s !important;
}
.footer-social a:hover,
.footer .social-btn:hover {
  background-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
}

/* Footer info slides (about us / contact us / FAQ strip) */
.footer-slide-item,
[class*="footer-slide-item"] {
  background-color: var(--ic-cream2) !important;
  border-radius: var(--ic-radius) !important;
  transition: all 0.2s !important;
}
.footer-slide-item:hover {
  background-color: var(--ic-orange) !important;
}
.footer-slide-item:hover * {
  color: var(--ic-white) !important;
}
.footer-slide-item .heading,
.footer-slide-item h2 {
  font-family: 'Nunito', sans-serif !important;
  color: var(--ic-brown) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

/* Newsletter subscription area in footer */
.footer-newsletter input,
.newsletter-input {
  border: 2px solid rgba(255,255,255,0.20) !important;
  background-color: rgba(255,255,255,0.08) !important;
  color: var(--ic-cream) !important;
  border-radius: var(--ic-radius) 0 0 var(--ic-radius) !important;
}
.footer-newsletter input::placeholder,
.newsletter-input::placeholder {
  color: rgba(253,246,237,0.50) !important;
}
.footer-newsletter .btn,
.newsletter-btn {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  border-radius: 0 var(--ic-radius) var(--ic-radius) 0 !important;
}

/* ============================================================
   SECTION 21: PROGRESS BARS & LOADERS
   ============================================================ */
.progress-bar {
  background-color: var(--ic-orange) !important;
}
.progress {
  background-color: var(--ic-cream2) !important;
}

/* Page loader / preloader */
.loader,
.preloader,
[class*="loader"],
[class*="preloader"] {
  border-color: var(--ic-orange) transparent var(--ic-orange) transparent !important;
}

/* ============================================================
   SECTION 22: DROPDOWNS & MEGA MENU
   ============================================================ */
.dropdown-menu {
  border: 1px solid var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  box-shadow: 0 4px 20px rgba(74,44,10,0.14) !important;
  background-color: var(--ic-white) !important;
}
.dropdown-item {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: var(--ic-brown) !important;
  font-weight: 600 !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background-color: var(--ic-cream2) !important;
  color: var(--ic-orange) !important;
}
.dropdown-divider {
  border-color: var(--ic-gray-light) !important;
}

/* Mega menu category */
.mega-menu,
[class*="mega-menu"] {
  background-color: var(--ic-white) !important;
  border-top: 3px solid var(--ic-orange) !important;
  box-shadow: 0 8px 30px rgba(74,44,10,0.12) !important;
}

/* ============================================================
   SECTION 23: TABS
   ============================================================ */
.nav-tabs .nav-link {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: var(--ic-gray) !important;
  border-radius: var(--ic-radius) var(--ic-radius) 0 0 !important;
  border: none !important;
  padding: 10px 20px !important;
  transition: color 0.2s !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--ic-orange) !important;
  background-color: var(--ic-white) !important;
  border-bottom: 2px solid var(--ic-orange) !important;
}
.nav-tabs {
  border-bottom: 1px solid var(--ic-gray-light) !important;
}

/* ============================================================
   SECTION 24: SELECT2 DROPDOWNS
   ============================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: var(--ic-gray-light) !important;
  border-radius: var(--ic-radius) !important;
  font-family: 'Nunito', sans-serif !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--ic-orange) !important;
  box-shadow: 0 0 0 0.2rem rgba(232, 98, 26, 0.18) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 25: TOASTS & NOTIFICATIONS
   ============================================================ */
.toast-success {
  background-color: var(--ic-green) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
}
.toast-error {
  background-color: #c0392b !important;
}
.toast-warning {
  background-color: var(--ic-yellow) !important;
  color: var(--ic-brown) !important;
}
.toast-info {
  background-color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 26: SCROLLBAR (Webkit)
   ============================================================ */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #c9a884 !important;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background-color: var(--ic-cream2) !important;
}

/* ============================================================
   SECTION 27: WEB TEXT PRIMARY (6valley utility class)
   ============================================================ */
.web-text-primary,
.text-primary {
  color: var(--ic-orange) !important;
}
.web-bg-primary,
.bg-primary {
  background-color: var(--ic-orange) !important;
}
.web-border-primary,
.border-primary {
  border-color: var(--ic-orange) !important;
}

/* ============================================================
   SECTION 28: LOYALTY / POINTS BANNER
   ============================================================ */
.loyalty-section,
.loyalty-banner,
[class*="loyalty"] {
  background-color: var(--ic-brown) !important;
  color: var(--ic-cream) !important;
  border-radius: var(--ic-radius) !important;
}
.loyalty-section h4,
.loyalty-section h5,
[class*="loyalty"] h4 {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-yellow) !important;
}
.loyalty-section .btn,
[class*="loyalty"] .btn {
  background-color: var(--ic-yellow) !important;
  color: var(--ic-brown) !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: var(--ic-radius) !important;
}

/* ============================================================
   SECTION 29: SHOP / SELLER PAGE
   ============================================================ */
.shop-banner,
.seller-banner,
[class*="shop-banner"],
[class*="seller-banner"] {
  border-radius: var(--ic-radius) !important;
  border: 1px solid var(--ic-gray-light) !important;
  overflow: hidden !important;
}
.shop-name,
.seller-name,
[class*="shop-name"] {
  font-family: 'Playfair Display', serif !important;
  color: var(--ic-brown) !important;
}
.follow-btn,
.shop-follow-btn {
  background-color: var(--ic-orange) !important;
  border-color: var(--ic-orange) !important;
  color: var(--ic-white) !important;
  font-weight: 700 !important;
  border-radius: var(--ic-radius) !important;
}

/* ============================================================
   SECTION 30: UTILITY CLASSES — Indian Corner Custom
   ============================================================ */
.text-ic-brown   { color: var(--ic-brown) !important; }
.text-ic-orange  { color: var(--ic-orange) !important; }
.text-ic-green   { color: var(--ic-green) !important; }
.text-ic-yellow  { color: var(--ic-yellow) !important; }
.text-ic-gray    { color: var(--ic-gray) !important; }
.bg-ic-brown     { background-color: var(--ic-brown) !important; }
.bg-ic-orange    { background-color: var(--ic-orange) !important; }
.bg-ic-cream     { background-color: var(--ic-cream) !important; }
.bg-ic-cream2    { background-color: var(--ic-cream2) !important; }
.border-ic-orange{ border-color: var(--ic-orange) !important; }
.border-ic-brown { border-color: var(--ic-brown) !important; }
.font-playfair   { font-family: 'Playfair Display', serif !important; }
.font-nunito     { font-family: 'Nunito', sans-serif !important; }

/* ============================================================
   SECTION 32: HEADER — Inline Style Replacements
   (classes used by _header.blade.php to remove style="" attributes)
   ============================================================ */
.ic-announcement-bar {
  background-color: var(--announcement-bg, var(--ic-brown));
  color: var(--announcement-color, var(--ic-cream));
}

.ic-topbar {
  background-color: var(--ic-brown) !important;
}

.ic-lang-toggle {
  background-color: var(--ic-brown-mid) !important;
  padding: 4px 6px !important;
  border-radius: 6px !important;
  color: var(--ic-yellow) !important;
}

.ic-lang-menu-item {
  color: #000 !important;
}

.ic-brand-link {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin-right: 24px;
}

.ic-brand-logo-img {
  height: 52px !important;
  width: auto;
}

.ic-brand-text-wrap {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.ic-brand-text-1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--ic-brown) !important;
  font-family: 'Playfair Display', serif;
}

.ic-brand-text-2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--ic-orange) !important;
  font-family: 'Playfair Display', serif;
}

.ic-cat-toggle-btn {
  width: 52px;
  height: 52px;
  cursor: pointer;
}

.ic-cat-dropdown-item {
  padding: 12px;
  gap: 12px;
}

.ic-cat-dropdown-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.ic-cat-dropdown-label {
  font-size: 14px;
  color: var(--ic-brown);
  font-weight: 500;
}

.ic-avatar-ring {
  border: 2px solid var(--ic-orange);
  border-radius: 50%;
}

.ic-login-icon-box {
  transition: 0.3s;
}
.ic-login-icon-box:hover {
  color: var(--ic-orange) !important;
}

.ic-cover-img {
  object-fit: cover;
}

/* ---- Footer ---- */
/* Note: max-width:1200px container pattern now uses the shared .ic-container-1200
   class (see Section 32) instead of a footer-specific duplicate. */

.ic-footer-brand-link {
  text-decoration: none;
}

.ic-footer-brand-logo-img {
  height: 60px;
  width: auto;
}

.ic-footer-brand-text-wrap {
  display: flex;
  flex-direction: row;
  line-height: 1;
}

.ic-footer-brand-text-1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--ic-white);
  font-family: 'Playfair Display', serif;
  margin-right: 4px;
}

.ic-footer-brand-text-2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--ic-yellow);
  font-family: 'Playfair Display', serif;
}

.ic-footer-app-note {
  font-size: 13px !important;
  padding-right: 10px !important;
  color: var(--ic-gray-light) !important;
  opacity: 0.7;
}

.ic-footer-heading {
  font-size: 15px;
}

.ic-hr-soft {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, .06);
  margin: .75rem 0;
}

/* ---- Order summary (checkout sidebar) ---- */
.ic-summary-row-hidden {
  display: none;
}

.ic-coupon-label-hint {
  font-size: 10px;
  color: var(--ic-gray);
}

.ic-shipping-strike {
  text-decoration: line-through;
}

.ic-fbar-percent {
  color: var(--ic-green);
  font-weight: 700;
}

.ic-fbar-fill {
  width: var(--ic-fbar-percent-val, 0%);
}
.ic-fbar-fill.is-complete {
  background: linear-gradient(90deg, var(--ic-green) 0%, #4fd18a 100%);
}

.ic-note-block {
  margin-top: .75rem;
}

.ic-note-optional {
  font-weight: 400;
  color: var(--ic-gray);
}

.ic-icon-16 {
  font-size: 16px;
}

.ic-icon-noshrink {
  flex-shrink: 0;
}

/* ---- Checkout pages ---- */
.ic-container-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.ic-hide {
  display: none;
}

.ic-address-toggle {
  display: var(--ic-address-display, none);
}

.ic-muted-12 {
  color: var(--ic-gray);
  font-size: 12px;
}

.ic-btn-compact {
  font-size: 14px;
  padding: .75rem;
  margin-top: .6rem;
}

.ic-spinner-sm {
  width: 14px;
  height: 14px;
}

.ic-success-text {
  color: var(--ic-green);
}

.ic-label-block {
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--ic-brown);
}

.ic-fine-print {
  text-align: center;
  font-size: 12px;
  color: var(--ic-gray);
  margin-top: 1.5rem;
}

/* ============================================================
   SECTION 31: RESPONSIVE ADJUSTMENTS
   ============================================================ */
@media (max-width: 768px) {
  .card { padding: 16px !important; }
  .modal-header { padding: 14px 16px !important; }
  footer, .footer { font-size: 13px !important; }
}

@media (max-width: 480px) {
  h1, .h1 { font-size: 22px !important; }
  h2, .h2 { font-size: 18px !important; }
  .btn-primary, .btn--primary { font-size: 14px !important; padding: 10px 16px !important; }
}

/*
 * ── END OF indiancorner-frontend-theme.css ──
 * Version: 1.0.0  |  Brand: Indian Corner
 * Compatible with: 6valley / IndiansBazar (default theme)
 * Design reference: contactUs.html
 */

/* ── FONTS (already in page if not cached) ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

/* ── CSS VARIABLES ── */
:root {
  --brown:    #3b1f08;
  --brown2:   #6b3a14;
  --orange:   #e8621a;
  --green:    #2d6a1f;
  --yellow:   #f5c518;
  --cream:    #fdf6ed;
  --cream2:   #f5e8d4;
  --white:    #ffffff;
  --gray:     #7a6555;
  --gray-lt:  #e4d8cc;
  --r:        10px;
  --sh:       0 2px 12px rgba(59,31,8,0.10);
  --sh2:      0 6px 24px rgba(59,31,8,0.15);
}

html { scroll-behavior: smooth; }

/* ── BASE (scoped to vending page body — no admin layout conflicts) ── */
body.vending-body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream);
  color: var(--brown);
}
body.vending-body a { text-decoration: none; color: inherit; }

/* ── TOPBAR ── */
.topbar {
  background: var(--brown);
  color: var(--cream);
  padding: 5px 20px;
  font-size: 11px;
  text-align: center;
  opacity: .9;
  letter-spacing: .3px;
}

/* ── NAV ── */
.main-nav {
  background: var(--white);
  border-bottom: 2px solid var(--gray-lt);
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 60px;
  position: sticky;
  top: 0;
  z-index: 200;
  box-shadow: 0 1px 8px rgba(59,31,8,0.07);
}
.nav-brand    { display: flex; align-items: center; gap: 9px; }
.logo-circle  { width: 44px; height: 44px; background: var(--brown); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.brand-text   { font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 700; color: var(--brown); line-height: 1.15; }
.brand-text em { color: var(--orange); font-style: normal; }
.nav-pill     { margin-left: 12px; background: var(--orange); color: white; font-size: 10px; font-weight: 600; padding: 3px 9px; border-radius: 20px; letter-spacing: .4px; }

/* ── PAGE WRAP ── */
.page { max-width: 1160px; margin: 0 auto; padding: 18px 18px 52px; }

/* ── TOP 2-COL GRID ── */
.top-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 28px;
  align-items: stretch;
}
.card { background: var(--white); border-radius: var(--r); box-shadow: var(--sh); padding: 18px; }

/* ── SOCIAL CARD ── */
.social-card-title    { font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 700; margin-bottom: 2px; }
.social-card-title em { color: var(--orange); font-style: normal; }
.social-card-sub      { font-size: 11px; color: var(--gray); margin-bottom: 14px; line-height: 1.4; }

.social-tiles      { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 14px; }
.social-tile       { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 14px 8px 12px; border-radius: 10px; text-decoration: none; font-weight: 600; transition: transform .18s, box-shadow .18s; cursor: pointer; }
.social-tile:hover { transform: translateY(-3px); box-shadow: var(--sh2); }
.social-tile-icon  { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.social-tile-icon svg { width: 26px; height: 26px; }
.social-tile-name   { font-size: 12px; font-weight: 700; }
.social-tile-action { font-size: 10px; font-weight: 500; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }

.tile-fb .social-tile-icon { background: #1877f2; box-shadow: 0 4px 12px rgba(24,119,242,.35); }
.tile-fb .social-tile-icon svg { fill: white; }
.tile-fb .social-tile-action { background: #1877f2; color: white; }
.tile-fb { background: #e8f0fe; color: #1a4cbf; }

.tile-ig .social-tile-icon { background: linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); box-shadow: 0 4px 12px rgba(188,24,136,.30); }
.tile-ig .social-tile-icon svg { fill: white; }
.tile-ig .social-tile-action { background: linear-gradient(135deg,#e6683c,#cc2366); color: white; }
.tile-ig { background: #fde8f5; color: #8b1a52; }

.tile-wa .social-tile-icon { background: #25d366; box-shadow: 0 4px 12px rgba(37,211,102,.30); }
.tile-wa .social-tile-icon svg { fill: white; }
.tile-wa .social-tile-action { background: #25d366; color: white; }
.tile-wa { background: #e6f6eb; color: #1a6e30; }

/* ── QR STRIP ── */
.qr-strip    { border-top: 1px solid var(--gray-lt); padding-top: 12px; display: flex; align-items: center; gap: 12px; }
.qr-left     { flex: 1; }
.qr-label-txt { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--gray); margin-bottom: 6px; }
.qr-tabs     { display: flex; gap: 4px; margin-bottom: 4px; }
.qr-tab      { padding: 3px 9px; border-radius: 10px; font-size: 10px; font-weight: 700; cursor: pointer; border: 2px solid var(--gray-lt); background: var(--white); color: var(--gray); transition: all .15s; }
.qr-tab.active { background: var(--orange); border-color: var(--orange); color: white; }
.qr-hint     { font-size: 9px; color: var(--gray); }
.qr-box      { background: white; border: 2px solid var(--gray-lt); border-radius: 8px; padding: 5px; display: flex; align-items: center; justify-content: center; min-width: 68px; min-height: 68px; flex-shrink: 0; }
.qr-box canvas, .qr-box img { border-radius: 3px; }

/* ── QUICK LINKS CARD ── */
.msg-card-title    { font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 700; margin-bottom: 2px; }
.msg-card-title em { color: var(--orange); font-style: normal; }
.msg-card-sub      { font-size: 11px; color: var(--gray); margin-bottom: 16px; line-height: 1.5; }

.msg-anchor-links  { display: flex; flex-direction: column; gap: 7px; }
.msg-anchor-btn    { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--r); border: 2px solid transparent; text-decoration: none; transition: all .18s; cursor: pointer; }
.msg-anchor-btn:hover { transform: translateX(4px); box-shadow: var(--sh2); }
.mab-icon  { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; }
.mab-text  { flex: 1; }
.mab-title { font-size: 13px; font-weight: 700; }
.mab-desc  { font-size: 10px; opacity: .72; margin-top: 1px; }
.mab-arrow { font-size: 15px; opacity: .45; flex-shrink: 0; }

.mab-form  { background: #fff3e8; color: #7a3800; border-color: #f5d0a8; }
.mab-form:hover { border-color: var(--orange); background: #fde8cc; }
.mab-form .mab-icon { background: var(--orange); }

.mab-wa    { background: #e6f6eb; color: #1a6e30; border-color: #b2ddb8; }
.mab-wa:hover { border-color: #25d366; background: #d4f0dc; }
.mab-wa .mab-icon { background: #25d366; }

.mab-email { background: #fff8e1; color: #7a5800; border-color: #f0d888; }
.mab-email:hover { border-color: var(--yellow); background: #fef0c0; }
.mab-email .mab-icon { background: var(--yellow); }

.mab-phone { background: #fde8f5; color: #7a1a4c; border-color: #f0b0d8; }
.mab-phone:hover { border-color: #c0106c; background: #fad0ec; }
.mab-phone .mab-icon { background: linear-gradient(135deg,#e6683c,#cc2366); }

.mab-loc   { background: #e8f0ff; color: #1a3a8a; border-color: #b8ccf8; }
.mab-loc:hover { border-color: #3355cc; background: #d0e0fd; }
.mab-loc .mab-icon { background: linear-gradient(135deg,#3355cc,#1a3a8a); }

.mab-web   { background: #eef8ec; color: #1a5a0a; border-color: #aadba8; }
.mab-web:hover { border-color: #2d8a1f; background: #d8f0d4; }
.mab-web .mab-icon { background: linear-gradient(135deg,#3a9a1e,#1a6a0a); }

.mab-prod  { background: #fef6e4; color: #7a4400; border-color: #f5d090; }
.mab-prod:hover { border-color: var(--yellow); background: #fdecc8; }
.mab-prod .mab-icon { background: linear-gradient(135deg,#f5c518,#e8930a); }

/* ── SECTION HEADER ── */
.sec-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.sec-title  { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; }
.sec-title em { color: var(--orange); font-style: normal; }
.sec-line   { flex: 1; height: 1px; background: linear-gradient(90deg, var(--gray-lt), transparent); }
.sec-count  { font-family: 'DM Mono', monospace; font-size: 10px; color: var(--gray); background: var(--cream2); padding: 2px 8px; border-radius: 4px; }

/* ── CATEGORY TABS ── */
.cat-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.cat-tab  { padding: 5px 13px; border-radius: 20px; font-size: 11px; font-weight: 600; border: 2px solid var(--gray-lt); background: var(--white); color: var(--gray); cursor: pointer; transition: all .15s; }
.cat-tab.active { background: var(--brown); border-color: var(--brown); color: var(--cream); }
.cat-tab:hover:not(.active) { border-color: var(--brown2); color: var(--brown); }

/* ── PRODUCT GRID ── */
.prod-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; margin-bottom: 36px; }

.prod-card       { background: var(--white); border-radius: var(--r); box-shadow: var(--sh); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .18s, transform .18s; }
.prod-card:hover { box-shadow: var(--sh2); transform: translateY(-2px); }

.prod-thumb { height: 66px; display: flex; align-items: center; justify-content: center; font-size: 30px; position: relative; }
.prod-thumb img { width: 100%; height: 100%; object-fit: cover; }

.prod-num {
  position: absolute; top: 5px; left: 6px;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--orange); color: white;
  font-family: 'DM Mono', monospace;
  font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 5px rgba(232,98,26,.45);
  line-height: 1; z-index: 2;
}

.veg-dot        { position: absolute; top: 6px; right: 6px; width: 11px; height: 11px; border-radius: 50%; border: 2px solid; }
.veg-dot.veg    { background: var(--green);  border-color: var(--green);  }
.veg-dot.nonveg { background: #c0392b;       border-color: #c0392b;       }
.veg-dot.na     { background: var(--gray);   border-color: var(--gray);   }

.prod-body { padding: 8px 9px 10px; flex: 1; display: flex; flex-direction: column; }
.prod-name { font-size: 11px; font-weight: 700; color: var(--brown); line-height: 1.3; margin-bottom: 2px; }
.prod-desc { font-size: 9px; color: var(--gray); line-height: 1.4; flex: 1; margin-bottom: 6px; }
.prod-foot { display: flex; align-items: center; justify-content: flex-end; }
.prod-tag  { font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 8px; text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; }

.tag-sweet   { background: #fce4ec; color: #ad1457; }
.tag-snack   { background: #fff8e1; color: #8a6200; }
.tag-drink   { background: #e3f2fd; color: #1565c0; }
.tag-instant { background: #f3e5f5; color: #6a1b9a; }
.tag-spice   { background: #fbe9e7; color: #bf360c; }

/* ── CONTACT FORM ── */
.contact-section {
  background: var(--white); border-radius: var(--r); box-shadow: var(--sh);
  padding: 28px; max-width: 680px; margin: 0 auto 8px;
  scroll-margin-top: 80px;
}
.contact-section-title    { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; margin-bottom: 4px; }
.contact-section-title em { color: var(--orange); font-style: normal; }
.contact-section-sub      { font-size: 12px; color: var(--gray); margin-bottom: 20px; }

.form-row   { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-group { margin-bottom: 12px; }
.form-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--brown2); display: block; margin-bottom: 4px; }
.form-input { width: 100%; padding: 9px 11px; border: 2px solid var(--gray-lt); border-radius: var(--r); font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--brown); background: var(--white); outline: none; transition: border-color .18s; }
.form-input:focus  { border-color: var(--orange); }
textarea.form-input { resize: vertical; min-height: 110px; }
select.form-input   { cursor: pointer; }

.form-btn      { width: 100%; padding: 11px; background: var(--orange); color: white; border: none; border-radius: var(--r); font-size: 13px; font-weight: 700; cursor: pointer; font-family: 'DM Sans', sans-serif; transition: background .18s; display: flex; align-items: center; justify-content: center; gap: 7px; }
.form-btn:hover { background: #c94e0d; }
.form-btn svg  { width: 16px; height: 16px; stroke: white; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.form-success  { display: none; background: #e6f4e0; color: var(--green); border: 1.5px solid #b2d9a0; border-radius: var(--r); padding: 10px 14px; font-size: 13px; font-weight: 600; margin-top: 12px; text-align: center; }

/* ── RESPONSIVE ── */
@media (max-width: 1020px) { .prod-grid { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 760px) {
  .top-grid  { grid-template-columns: 1fr; }
  .prod-grid { grid-template-columns: repeat(3,1fr); }
  .form-row  { grid-template-columns: 1fr; }
}
@media (max-width: 480px)  { .prod-grid { grid-template-columns: repeat(2,1fr); } }