*{
  box-sizing:border-box;
}

html,
body{
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden !important;
}

img,
video{
  max-width:100%;
  height:auto;
}

iframe,
canvas,
svg{
  max-width:100%;
}

input,
select,
textarea,
button{
  max-width:100%;
}

a,
button,
input,
select,
textarea,
.primary-btn,
.secondary-btn,
.checkout-btn,
.cart-btn,
.buy-btn,
.small-btn{
  min-height:44px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
button,
label,
strong,
small{
  word-wrap:break-word;
  overflow-wrap:break-word;
}

[class*="grid"],
[class*="layout"],
[class*="row"],
[class*="wrap"],
[class*="container"],
[class*="toolbar"],
[class*="nav"],
[class*="links"],
[class*="actions"]{
  max-width:100%;
}

.navbar,
.nav-links,
.nav-buttons,
#accountNavSlot,
#accountNavSlot > a,
#accountNavSlot > .account-menu-wrap,
.account-menu-wrap,
.account-link,
.nav-links a,
.nav-links button,
.nav-buttons a,
.nav-buttons button{
  display:flex;
  align-items:center;
}

.nav-links,
.nav-buttons,
#accountNavSlot{
  gap:18px;
}

:root{
  --top-bar-height:43px;
  --navbar-height:62px;
}

body > .top-bar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:7002 !important;
}

body > .navbar,
body > header.navbar{
  position:fixed !important;
  top:var(--top-bar-height) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:7001 !important;
}

body > .sale-bar{
  position:fixed !important;
  top:calc(var(--top-bar-height) + var(--navbar-height)) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:7000 !important;
}

body > .top-bar + .navbar + .sale-bar + *,
body > .top-bar + header.navbar + .sale-bar + *{
  margin-top:calc(var(--top-bar-height) + var(--navbar-height) + 40px) !important;
}

@media (max-width:768px){
  html,
  body{
    overflow-x:hidden !important;
  }

  body{
    width:100%;
    min-width:0;
  }

  .wrap,
  .page,
  .container,
  .main,
  .main-content,
  .content,
  .app-shell,
  .account-container,
  .products-page{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .wrap,
  .page,
  .container,
  .main,
  .main-content,
  .content,
  .products-page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .navbar,
  .topbar,
  .toolbar,
  .nav-links,
  .nav-buttons,
  .hero,
  .page-title,
  .action-row,
  .order-controls,
  .coupon-input-wrap,
  .input-row,
  .stats-grid,
  .grid,
  .row,
  .checkout-layout,
  .cart-layout,
  .order-body,
  .main-grid,
  .dashboard-grid,
  .profile-grid,
  .card-grid,
  .summary-box,
  .summary-grid,
  .admin-layout,
  .admin-grid,
  .product-form,
  .product-grid,
  .footer-grid{
    min-width:0 !important;
  }

  .navbar,
  .toolbar,
  .nav-links,
  .nav-buttons,
  .hero,
  .page-title,
  .action-row,
  .order-controls,
  .coupon-input-wrap,
  .input-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  .grid,
  .checkout-layout,
  .cart-layout,
  .order-body,
  .main-grid,
  .dashboard-grid,
  .profile-grid,
  .card-grid,
  .summary-box,
  .summary-grid,
  .admin-grid,
  .footer-grid{
    grid-template-columns:1fr !important;
  }

  .row{
    grid-template-columns:1fr !important;
  }

  .sidebar{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    left:auto !important;
    top:auto !important;
    border-radius:0 0 20px 20px !important;
  }

  .main{
    margin-left:0 !important;
    width:100% !important;
  }

  .navbar{
    justify-content:center !important;
    align-items:center !important;
    padding:12px 14px !important;
    row-gap:10px !important;
  }

  .logo{
    width:100% !important;
    text-align:center !important;
  }

  .nav-links,
  .nav-buttons{
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
    padding-bottom:4px !important;
  }

  .nav-links::-webkit-scrollbar,
  .nav-buttons::-webkit-scrollbar,
  .admin-nav::-webkit-scrollbar,
  .tabs::-webkit-scrollbar,
  .filter-tabs::-webkit-scrollbar{
    display:none;
  }

  .nav-links a,
  .nav-buttons a,
  .nav-links span,
  .nav-buttons span{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  .nav-search{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    order:3 !important;
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
    margin:2px 0 0 !important;
  }

  .nav-search input,
  .order-search,
  .order-filter,
  input,
  select,
  textarea{
    width:100% !important;
  }

  .nav-search-results,
  .account-hover-menu,
  .modal-content,
  .product-summary-card{
    max-width:calc(100vw - 28px) !important;
  }

  .account-hover-menu{
    right:0 !important;
    width:min(280px,calc(100vw - 28px)) !important;
  }

  .product-grid,
  #allProductsGrid,
  #bestsellersGrid,
  #specialProductsGrid,
  #comboContainer,
  #productsContainer{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .product-card,
  .cart-item,
  .order-card,
  .panel,
  .summary-panel,
  .cart-items-panel,
  .stat-card,
  .list-card,
  .item-card{
    min-width:0 !important;
  }

  .cart-item{
    grid-template-columns:82px minmax(0,1fr) auto !important;
  }

  .item-row{
    grid-template-columns:56px minmax(0,1fr) auto !important;
  }

  .item-actions,
  .price-line,
  .qty-row{
    flex-wrap:wrap !important;
  }

  .summary-panel,
  .cart-items-panel,
  .checkout-card,
  .payment-card{
    position:static !important;
    top:auto !important;
  }

  .field,
  .field input,
  .field select,
  .field textarea{
    width:100% !important;
  }

  .admin-nav,
  .tabs,
  .filter-tabs,
  .toolbar{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  .admin-nav a,
  .tabs button,
  .filter-tabs button,
  .toolbar a,
  .toolbar button{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  #stickyCart{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
    max-width:none !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    border-radius:18px !important;
  }

  table{
    display:block;
    width:100%;
    overflow-x:auto;
  }
}

@media (max-width:480px){
  .wrap,
  .page,
  .container,
  .main,
  .main-content,
  .content,
  .products-page{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .top-bar{
    font-size:14px !important;
    padding:10px 12px !important;
  }

  .navbar{
    padding:10px 12px !important;
  }

  .logo,
  .logo a{
    font-size:22px !important;
    line-height:1.15 !important;
  }

  h1{
    font-size:clamp(26px,9vw,34px) !important;
    line-height:1.15 !important;
  }

  h2{
    font-size:clamp(22px,7vw,28px) !important;
    line-height:1.2 !important;
  }

  .page-title h1,
  .hero h1{
    font-size:clamp(26px,9vw,36px) !important;
  }

  .product-grid,
  #allProductsGrid,
  #bestsellersGrid,
  #specialProductsGrid,
  #comboContainer,
  #productsContainer{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .cart-item,
  .item-row{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .item-actions{
    align-items:center !important;
  }

  .summary-panel,
  .cart-items-panel,
  .panel,
  .order-card,
  .stat-card,
  .list-card,
  .item-card{
    padding:16px !important;
    border-radius:20px !important;
  }

  .coupon-input-wrap,
  .input-row,
  .action-row{
    flex-direction:column !important;
  }

  .primary-btn,
  .secondary-btn,
  .checkout-btn,
  .remove-btn,
  .qty-btn,
  button{
    width:100%;
  }

  .free-badge,
  .hero-badge{
    width:100%;
    text-align:center;
  }
}

/* Shared card system: align storefront/admin cards with index product-card look */
:root{
  --swadra-card-bg:#ffffff;
  --swadra-card-border:#7a3d3d;
  --swadra-card-radius:15px;
  --swadra-card-shadow:0 8px 25px rgba(0,0,0,0.08);
  --swadra-card-shadow-hover:0 15px 40px rgba(0,0,0,0.15);
  --swadra-card-transition:all 0.35s ease;
}

.product-card,
.panel,
.stat-card,
.order-card,
.address-card,
.value-card,
.why-different-card,
.family-card,
.customer-product-card,
.customer-review-card,
.mini,
.summary-box,
.summary-card,
.address-box,
.items-panel,
.summary-panel,
.filter-card,
.card,
.box-card{
  background:var(--swadra-card-bg) !important;
  border:1px solid var(--swadra-card-border) !important;
  border-radius:var(--swadra-card-radius) !important;
  box-shadow:var(--swadra-card-shadow) !important;
  transition:var(--swadra-card-transition) !important;
  overflow:hidden;
}

.panel:hover,
.stat-card:hover,
.order-card:hover,
.address-card:hover,
.value-card:hover,
.why-different-card:hover,
.family-card:hover,
.customer-product-card:hover,
.customer-review-card:hover,
.mini:hover,
.summary-box:hover,
.summary-card:hover,
.filter-card:hover,
.card:hover,
.box-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:var(--swadra-card-shadow-hover) !important;
}

.panel .title,
.panel h2,
.panel h3,
.stat-card .value,
.order-card h3,
.address-card strong,
.mini .v,
.summary-card h2,
.value-card h3,
.why-different-card h3,
.customer-review-card h3,
.customer-review-card h4{
  color:#7a3d3d !important;
}

.panel .sub,
.stat-card .label,
.order-card .k,
.mini .k,
.address-card .address-card-copy,
.summary-card p,
.value-card p,
.why-different-card p,
.customer-review-card p{
  color:#6a5b5b !important;
}

.product-card,
#bestsellersGrid .product-card,
#specialProductsGrid .product-card,
#comboContainer .product-card,
#allProductsGrid .product-card,
#productsGrid .product-card,
#spicesGrid .product-card,
#dryfruitsGrid .product-card,
#oilgheeGrid .product-card{
  border:1px solid #7a3d3d !important;
  border-radius:15px !important;
  box-shadow:0 8px 25px rgba(0,0,0,0.08) !important;
}

.product-card:hover,
#bestsellersGrid .product-card:hover,
#specialProductsGrid .product-card:hover,
#comboContainer .product-card:hover,
#allProductsGrid .product-card:hover,
#productsGrid .product-card:hover,
#spicesGrid .product-card:hover,
#dryfruitsGrid .product-card:hover,
#oilgheeGrid .product-card:hover{
  transform:translateY(-6px) scale(1.03) !important;
  box-shadow:0 15px 40px rgba(0,0,0,0.15) !important;
}

.product-card .product-img,
.product-card .home-spice-img{
  border-radius:14px 14px 8px 8px !important;
}

.product-card .product-img img,
.product-card .home-spice-img img{
  transition:transform 0.4s ease !important;
}

.product-card:hover .product-img img,
.product-card:hover .home-spice-img img{
  transform:scale(1.08) !important;
}

html{
  -webkit-text-size-adjust:100%;
}

body,
.page,
.main,
.panel,
.product-card,
.cart-item,
.order-row,
.order-line,
.summary-row,
.summary-item,
.meta-chip,
.field,
.input-wrap,
.nav-search,
.nav-search-results,
.hero,
.box,
.state-box,
.trust,
.invoice-card,
.modal-card{
  min-width:0;
}

.page,
.main,
.main-content,
.content,
.panel,
.left-panel,
.right-panel,
.summary-panel,
.cart-items-panel,
.checkout-card,
.payment-card,
.invoice-card,
.box,
.state-box,
.trust,
.product-summary-card,
.modal-card,
.stat-card,
.list-card,
.item-card,
.product-card{
  max-width:100%;
}

.nav,
.nav-actions,
.hero-badges,
.support-strip,
.success-actions,
.product-bottom,
.product-left,
.qty-box,
.qty-row,
.price-line,
.item-actions,
.section-title,
.panel-head,
.category-header,
.modal-top,
.summary-row,
.summary-item,
.grand-total{
  flex-wrap:wrap;
}

button,
.cart-btn,
.checkout-btn,
.payment-btn,
.payment-cta,
.primary-btn,
.secondary-btn,
.small-btn,
.remove-btn,
.close-btn,
.ghost-link,
.secure-pill,
.link-btn,
.nav-search-item button,
.coupon-box button,
.upi-row button,
.support-strip button,
.support-strip a{
  min-height:44px;
}

input,
select,
textarea,
button{
  font:inherit;
}

textarea{
  max-width:100%;
}

.page-title,
.product-title-row,
.product-name,
.product-info h3,
.product-preview .product-name,
.box h3,
.state-box h3,
.section-title h2,
.panel-head h2,
.group-title,
.modal-top h2,
.summary-row strong,
.summary-item strong,
.grand-total strong,
.stat-value{
  overflow-wrap:break-word;
  word-break:break-word;
}

.product-card .qty-box{
  gap:6px !important;
}

.product-card .product-bottom{
  align-items:flex-end !important;
  margin-top:6px !important;
}

.product-card .qty-btn{
  width:16px !important;
  height:16px !important;
  min-height:16px !important;
  border-radius:50% !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:16px !important;
  aspect-ratio:1 / 1;
}

.product-card .cart-btn{
  align-self:flex-end !important;
  margin-top:8px !important;
}

.cta-cart-btn[data-cta-size="small"],
#stickyCart a,
#stickyCart .cta-cart-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 16px !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

.spices-card-final .bottom{
  align-items:flex-end !important;
}

.spices-card-final .cart{
  align-self:flex-end !important;
  margin-top:8px !important;
}

@media (min-width:901px){
  .product-card .product-info{
    margin-top:10px !important;
  }

  .product-card .product-bottom{
    margin-top:2px !important;
  }
}

@media (max-width:768px){
  html{
    scroll-behavior:smooth;
  }

  body{
    overscroll-behavior-x:none;
  }

  .page{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .nav{
    padding:14px !important;
    align-items:flex-start !important;
  }

  .nav-actions{
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  .nav-actions::-webkit-scrollbar{
    display:none;
  }

  .nav-actions > *{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  .hero,
  .success-hero{
    padding:22px !important;
    border-radius:24px !important;
  }

  .hero p,
  .success-hero p,
  .box p,
  .state-box p{
    line-height:1.6 !important;
  }

  .checkout-steps,
  .payment-methods,
  .trust-grid,
  .success-grid,
  .stats-grid,
  .meta-grid,
  .field-grid,
  .modal-form-grid,
  .action-grid,
  .form-grid{
    grid-template-columns:1fr !important;
  }

  .product-grid{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:14px !important;
    padding-right:14px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .product-card{
    height:auto !important;
    min-height:0 !important;
  }

  .product-img{
    height:220px !important;
    padding:18px 8px 0 !important;
  }

  .product-img img,
  .product-thumb{
    width:100% !important;
    max-width:100% !important;
  }

  .product-thumb-wrap{
    height:220px !important;
  }

  .product-bottom,
  .product-title-row,
  .product-left{
    align-items:flex-start !important;
  }

  .product-bottom{
    gap:12px !important;
  }

  .product-bottom > *{
    width:100%;
  }

  .cart-btn{
    width:100% !important;
  }

  .qty-box{
    gap:8px !important;
  }

  .qty-btn{
    width:28px !important;
    height:28px !important;
  }

  .cart-layout,
  .checkout-layout,
  .success-grid{
    gap:16px !important;
  }

  .cart-items-panel,
  .summary-panel,
  .left-panel,
  .right-panel,
  .panel,
  .invoice-card{
    padding:18px !important;
    border-radius:22px !important;
  }

  .cart-item,
  .order-row,
  .order-line{
    gap:12px !important;
    padding:14px !important;
  }

  .cart-item{
    grid-template-columns:76px minmax(0,1fr) !important;
  }

  .item-actions{
    grid-column:1 / -1 !important;
    width:100% !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  .order-row{
    grid-template-columns:46px minmax(0,1fr) auto !important;
  }

  .product-image{
    width:76px !important;
    height:76px !important;
  }

  .coupon-input-wrap,
  .upi-row,
  .support-strip,
  .page-title,
  .section-title,
  .panel-head,
  .category-header,
  .modal-top,
  .topbar{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .support-strip > *,
  .coupon-input-wrap > *,
  .upi-row > *{
    width:100% !important;
  }

  .summary-row,
  .summary-item,
  .grand-total{
    gap:10px !important;
  }

  .summary-row,
  .summary-item{
    align-items:flex-start !important;
  }

  .grand-total strong{
    font-size:clamp(24px,7vw,30px) !important;
  }

  .order-items{
    max-height:none !important;
    padding-right:0 !important;
  }

  .modal{
    padding:14px !important;
  }

  .modal-card{
    padding:20px !important;
    border-radius:24px !important;
    max-height:calc(100vh - 28px) !important;
  }

  .sidebar{
    padding:18px !important;
  }

  .admin-global-nav{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  .admin-global-nav::-webkit-scrollbar{
    display:none;
  }

  .admin-global-nav a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  .topbar h1,
  .hero h1,
  .success-hero h1{
    font-size:clamp(30px,8vw,40px) !important;
  }

  .page-title h1,
  .section-title h2,
  .panel-head h2,
  .group-title{
    font-size:clamp(24px,6.5vw,30px) !important;
  }
}

@media (max-width:480px){
  .product-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .product-img,
  .product-thumb-wrap{
    height:210px !important;
  }

  .product-title-row{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
  }

  .size{
    text-align:left !important;
    white-space:normal !important;
    transform:none !important;
  }

  .cart-item,
  .order-row,
  .order-line{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }

  .product-image{
    margin:0 auto !important;
  }

  .item-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .remove-btn,
  .payment-btn,
  .payment-cta,
  .primary-btn,
  .secondary-btn,
  .small-btn,
  .link-btn,
  .close-btn{
    width:100% !important;
  }

  .nav{
    padding:12px !important;
  }

  .hero,
  .success-hero,
  .panel,
  .left-panel,
  .right-panel,
  .summary-panel,
  .cart-items-panel,
  .invoice-card,
  .modal-card{
    padding:16px !important;
    border-radius:20px !important;
  }

  .badge,
  .secure-pill,
  .ghost-link{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}