*{margin:0;padding:0;box-sizing:border-box}
*,*::before,*::after{
  -webkit-tap-highlight-color:transparent !important;
  -webkit-touch-callout:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
}
input,textarea,select,[contenteditable="true"]{
  -webkit-user-select:text !important;
  user-select:text !important;
  -webkit-touch-callout:default !important;
}
button,a,[role="button"],.profile-option-row,.order-card,.order-note-row,.order-detail-row,.order-status-copy,.order-summary-copy,.home-category-card,.categories-section-card,.nav-item{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-tap-highlight-color:transparent !important;
  outline:none !important;
  cursor:pointer;
}
button:disabled,button[disabled]{
  cursor:default;
}
button:focus,button:active,a:focus,a:active,.profile-option-row:focus,.profile-option-row:active{
  outline:none !important;
  background-image:none;
}
:root,html{width:100%;max-width:100%;overflow-x:hidden}
:root{--brand-orange:#f79a15;--brand-green:#76a93b;--brand-orange-dark:#d87d00;--brand-green-dark:#5b8b2a;--brand-cream:#f9f1e4;--text-primary:#151515;--text-muted:#666;--font-sans:'Nunito Sans',sans-serif}
@font-face{
  font-family:'Material Icons Round';
  font-style:normal;
  font-weight:400;
  src:url('fonts/MaterialIconsRound-Regular.otf') format('opentype');
  font-display:block;
}
.material-icons-round{
  font-family:'Material Icons Round';
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body{font-family:var(--font-sans);background:#f5f5f5;overflow:hidden;overflow-x:hidden;height:100vh;height:100dvh;min-height:100vh;width:100%;max-width:100%;color:var(--text-primary)}
button,input,textarea,select{font-family:inherit}
.hidden{display:none!important}
.splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#fdf6ec}
.splash-content{text-align:center}
.splash-logo{width:176px;height:176px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;box-shadow:0 10px 28px rgba(80,50,10,.08)}
.splash-logo-frame{width:176px;height:176px;background:#fff;border-radius:50%}
.brand-logo-full{width:100%;height:100%;object-fit:contain;display:block}
#splashScreen .brand-logo-full{width:78%;height:78%;object-fit:contain;filter:none}
.splash-icon{font-size:40px;color:#fff}
.splash-fork{position:absolute;bottom:-4px;right:-4px;font-size:20px}
.splash-title{display:block;font-size:30px;font-weight:1000;color:#f59e0b;margin-bottom:5px;letter-spacing:.045em;text-shadow:0 2px 0 rgba(255,255,255,.88),0 5px 14px rgba(245,158,11,.16)}
.splash-sub{display:block;color:#15803d;font-size:15px;font-weight:900;margin-bottom:24px}
.splash-loader{width:136px;height:4px;background:rgba(245,158,11,.18);border-radius:999px;margin:0 auto;overflow:hidden}
.loader-bar{width:40%;height:100%;background:#fff;border-radius:2px;animation:loading 1.5s ease infinite}
@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;width:100%;max-width:none;margin:0;background:#fff;position:relative}
#mainContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: hidden;
}
.status-bar{display:none}
.status-icons{display:flex;gap:4px}
.page-container{flex:1;position:relative;overflow:hidden;min-width:0;min-height:0}
.page{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s;transform:none;min-width:0;min-height:0}
.page.active{opacity:1;pointer-events:all;transform:none}
.page-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.no-pad{padding:0!important}
.app-header{background:#804307;padding:0 16px 12px;position:sticky;top:0;z-index:10}
.food-header{background:linear-gradient(135deg,#7c2d12,#ea580c)!important}
#homePage .app-header{background:#fdf6ec;padding:0 12px 12px}
#homePage .logo-text,#homePage .app-header .icon-btn,#homePage .app-header .material-icons-round{color:var(--text-primary)!important}
.header-top{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.logo-area{display:flex;align-items:center;gap:10px;min-width:0}
.logo-icon{color:#fff;font-size:28px}
.logo-text{color:#fff;font-size:20px;font-weight:800}
#homePage .header-logo{width:112px;height:112px;object-fit:contain;display:block;flex-shrink:0}
#homePage .logo-area{gap:8px}
#homePage .logo-text{font-size:14px;line-height:1.05}
.header-actions{display:flex;gap:4px}
.sanraj-icon{
  display:inline-block;
  width:1.25em;
  height:1.25em;
  flex:0 0 auto;
  vertical-align:middle;
  color:currentColor;
  overflow:visible;
}
.sanraj-icon--star{color:#ec7b0a}
.sanraj-action-label{display:none;font-size:12px;font-weight:700;line-height:1.1;color:inherit}
.sanraj-chip-label{font-size:13px;font-weight:800;letter-spacing:.01em;color:inherit}
.sanraj-brand-link{display:none;align-items:center;gap:8px;text-decoration:none;color:#1a2332}
.sanraj-brand-logo{width:36px;height:36px;object-fit:contain;border-radius:8px}
.sanraj-brand-name{font-size:15px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.icon-btn{background:none;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:.2s}
.icon-btn .sanraj-icon{color:currentColor}
.page-header .icon-btn .sanraj-icon,
.categories-page-header .icon-btn .sanraj-icon,
.listing-page-header .icon-btn .sanraj-icon{color:#1a2332}
#homePage .app-header .sanraj-icon{color:#1a2332}
#homePage .home-search .sanraj-icon{color:#6b7280}
#homePage .home-feature-icon .sanraj-icon{color:#ec7b0a;width:24px;height:24px}
#homePage .mall-location-icon .sanraj-icon{color:#ec7b0a}
.icon-btn:active{transform:scale(.9)}
.icon-btn.glass{background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}
#productPage .icon-btn.glass.active{
  background:rgba(225,29,72,.18);
}

#productPage .icon-btn.glass.active .material-icons-round{
  color:#ff5b7d;
}
.badge{position:absolute;top:4px;right:4px;background:#ff4757;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.search-bar{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;cursor:pointer}
.search-bar span{color:rgba(255,255,255,.7);font-size:20px}
.search-placeholder{color:rgba(255,255,255,.6);font-size:14px;flex:1}
.food-search{background:rgba(255,255,255,.2)!important}
.food-filters{display:flex;gap:10px;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.food-filters::-webkit-scrollbar{display:none}
.food-chip{background:rgba(255,255,255,.15);color:#fff;border:none;padding:6px 14px;border-radius:20px;font-size:13px;white-space:nowrap;cursor:pointer;transition:.2s}
.food-chip.active{background:#fff;color:#ea580c}
.banner-carousel{position:relative;overflow:hidden;border-radius:16px;border:1px solid #e8ddd0;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04);margin:0 16px}
#homePage .home-ads-section .banner-carousel{
  display:block!important;
  margin:0;
}
#homePage .home-categories-section{
  padding-bottom:6px;
}
#homePage .home-ads-section{
  padding-top:6px;
}
.carousel-track{display:flex;transition:transform .5s ease}
.carousel-slide{min-width:100%;aspect-ratio:16/9}
.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);transition:.3s}
.carousel-dots .dot.active{background:#fff;width:20px;border-radius:4px}
.section{padding:16px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}
.section-title{font-size:16px;font-weight:700;color:#1a1a2e;letter-spacing:-0.01em}
.see-all{color:#ec7b0a;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:2px;text-transform:none}
.see-all:active{opacity:0.7}
.category-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.category-grid::-webkit-scrollbar{display:none}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-width:64px;flex-shrink:0}
.cat-item span:last-child{font-size:11px;font-weight:500;color:#555}
.cat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:.2s}
.cat-icon:active{transform:scale(.9)}
.cat-icon span{color:#fff;font-size:24px}
.food-cat{animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}50%{box-shadow:0 0 0 8px rgba(249,115,22,0)}}
.product-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
#trendingProducts{gap:0}
.product-scroll::-webkit-scrollbar{display:none}
.product-card,
.home-product-card,
.listing-card,
.mall-product-card,
.mall-budget-card{
  touch-action:manipulation;
}
.product-card{min-width:150px;max-width:150px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:.2s;flex-shrink:0}
.product-card:active{transform:scale(.97)}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}
.product-grid .product-card{min-width:auto;max-width:none}
.pc-img{width:100%;aspect-ratio:1;background:#f8f8f8;overflow:hidden;position:relative}
.pc-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.pc-badge{position:absolute;top:6px;left:6px;background:#ff4757;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}
.pc-verified-badge{position:absolute;right:6px;bottom:6px;z-index:2;display:inline-flex;align-items:center;gap:2px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid #dcfce7;color:#16a34a;font-size:10px;font-weight:800;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.pc-verified-badge .material-icons-round{font-size:12px;color:#16a34a}
.pc-info{padding:8px}
.pc-name{font-size:13px;font-weight:500;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;margin-bottom:4px}
.verified-food-label{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.verified-food-tick{font-size:14px;color:#16a34a;vertical-align:middle}
.pc-price{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pc-price .now{font-size:15px;font-weight:700;color:#1a1a2e}
.pc-price .was{font-size:12px;color:#999;text-decoration:line-through}
.pc-price .off{font-size:11px;color:#4caf50;font-weight:600}
.pc-rating{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:#888}
.pc-rating .stars{background:#4caf50;color:#fff;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700}
.pc-share{display:flex;align-items:center;gap:4px;margin-top:6px;color:#804307;font-size:12px;font-weight:500;cursor:pointer}
.pc-action-btn{
  position:absolute;
  right:8px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  cursor:pointer;
  z-index:2;
  color:#666;
}
.pc-action-btn:active{transform:scale(.96)}
.pc-action-btn .material-icons-round{font-size:18px}
.pc-wish-btn{top:8px}
.pc-wish-btn.active{color:#e11d48}
.pc-cart-btn{top:48px;color:#0a9f58}
.food-banner-section{display:none}
.food-quick-banner{background:linear-gradient(135deg,#ff6a00,#f57f0a);border-radius:16px;padding:16px;display:flex;align-items:center;overflow:hidden;cursor:pointer}
.fqb-left{flex:1}
.fqb-tag{background:rgba(255,255,255,.2);color:#fff;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700}
.fqb-left h3{color:#fff;font-size:18px;margin:6px 0 2px}
.fqb-left p{color:rgba(255,255,255,.8);font-size:12px;margin-bottom:8px}
.fqb-btn{background:#fff;color:#f57f0a;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer}
.fqb-right img{width:80px;height:80px;border-radius:12px;object-fit:cover}
.reseller-banner{padding:0 16px;margin:8px 0}
.rb-content{background:linear-gradient(135deg,#667eea,#f37f0a);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer}
.rb-emoji{font-size:32px}
.rb-content h3{color:#fff;font-size:15px}
.rb-content p{color:rgba(255,255,255,.7);font-size:12px}
.rb-content .material-icons-round{color:#fff;margin-left:auto}
.page-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;min-height:52px}
.spin-demo-banner{font-size:34px;line-height:1;font-weight:1000;letter-spacing:.18em;text-align:center;color:#fff;background:linear-gradient(90deg,#ffb000,#ff5b00);border-radius:14px;padding:12px;margin:4px 16px 14px;box-shadow:0 8px 22px rgba(255,110,0,.3)}
.spin-demo-result,.spin-processing-result{display:block;margin-top:10px;font-size:13px}.spin-demo-result{color:#e67600}.spin-processing-result{color:#e8790a}
.order-invoice-download{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;background:#fff!important;color:#ec7b0a!important;border:1px solid #ec7b0a!important}.order-invoice-download .material-icons-round{font-size:19px}
.page-header h1{font-size:18px;font-weight:700;color:#1a1a2e;flex:1;text-align:center}
.page-header.transparent{position:absolute;width:100%;background:transparent;border:none;z-index:10}
.page-header .icon-btn{color:#333}
.listing-page-header{gap:8px}
.listing-page-header h1{flex:1 1 auto;min-width:0}
.listing-page-actions{display:flex;align-items:center;gap:2px}
.categories-page-header{justify-content:space-between;gap:8px}
.categories-page-header h1{flex:none;text-align:left;font-size:16px;font-weight:800;letter-spacing:.04em}
.categories-page-actions{display:flex;align-items:center;gap:2px}
.food-page-header{background:linear-gradient(135deg,#7c2d12,#ea580c);border:none}
.food-page-header h1{color:#fff}
.food-page-header .icon-btn{color:#fff}
.filter-bar{background:#fff;border-bottom:1px solid #eee;padding:8px 16px}
.filter-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.filter-chips::-webkit-scrollbar{display:none}
.chip{background:#f0f0f0;border:none;padding:6px 14px;border-radius:20px;font-size:12px;cursor:pointer;white-space:nowrap;transition:.2s}
.chip.active{background:#804307;color:#fff}
.filter-options{padding:12px 0}
.filter-group{margin-bottom:12px}
.filter-group label{font-size:13px;font-weight:600;color:#555;display:block;margin-bottom:6px}
.filter-group input[type=range]{width:100%;accent-color:#804307}
.rating-filter{display:flex;gap:8px}
.rating-filter button{background:#f0f0f0;border:none;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer}
.bottom-nav{display:flex;background:#fff;border-top:1px solid #eee;padding:4px 0 calc(8px + env(safe-area-inset-bottom));position:relative;z-index:100}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#999;font-size:10px;padding:4px;cursor:pointer;transition:.2s}
.nav-item .material-icons-round{font-size:24px;transition:.2s}
.nav-item.active{color:#804307}
.nav-item.active .material-icons-round{transform:scale(1.1)}
.restaurant-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);margin:0 16px 12px;cursor:pointer;transition:.2s}
.restaurant-card:active{transform:scale(.98)}
.rc-img{width:100%;height:140px;object-fit:cover;position:relative}
.rc-img img{width:100%;height:100%;object-fit:cover}
.rc-offer{position:absolute;bottom:8px;left:8px;background:linear-gradient(135deg,#2563eb,#f58311);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700}
.rc-info{padding:12px}
.rc-top{display:flex;justify-content:space-between;align-items:start}
.rc-name{font-size:16px;font-weight:700;color:#1a1a2e}
.rc-rating{display:flex;align-items:center;gap:3px;background:#4caf50;color:#fff;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}
.rc-cuisine{font-size:12px;color:#888;margin-top:2px}
.rc-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#666}
.menu-section{padding:16px}
.menu-section h3{font-size:16px;font-weight:700;margin-bottom:12px;color:#1a1a2e}
.menu-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.mi-info{flex:1}
.mi-type{width:14px;height:14px;border:2px solid;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.mi-type.veg{border-color:#4caf50}.mi-type.veg::after{content:'';width:6px;height:6px;background:#4caf50;border-radius:50%}
.mi-type.nonveg{border-color:#e53935}.mi-type.nonveg::after{content:'';width:6px;height:6px;background:#e53935;border-radius:50%}
.mi-name{font-size:15px;font-weight:600;color:#1a1a2e}
.mi-desc{font-size:12px;color:#888;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mi-price{font-size:14px;font-weight:700;color:#1a1a2e;margin-top:4px}
.mi-img{width:90px;height:90px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0}
.mi-img img{width:100%;height:100%;object-fit:cover}
.mi-add{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#fff;color:#4caf50;border:1px solid #4caf50;padding:4px 20px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.mi-add:active{background:#4caf50;color:#fff}
.food-cart-bar{position:sticky;bottom:0;background:#4caf50;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}
.fcb-info{color:#fff;font-size:13px;display:flex;flex-direction:column}
.fcb-info span:last-child{font-weight:700;font-size:15px}
.btn-food-checkout{background:#fff;color:#4caf50;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer}
.product-detail-img{width:100%;aspect-ratio:1;background:#f8f8f8}
.product-detail-img img{width:100%;height:100%;object-fit:cover}
.pd-info{padding:16px}
.pd-name{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1.4}
.pd-price-row{display:flex;align-items:center;gap:10px;margin:8px 0}
.pd-now{font-size:22px;font-weight:800;color:#1a1a2e}
.pd-was{font-size:14px;color:#999;text-decoration:line-through}
.pd-off{background:#e8f5e9;color:#4caf50;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}
.pd-rating{display:flex;align-items:center;gap:10px;margin:8px 0}
.pd-stars{background:#4caf50;color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}
.pd-reviews{color:#888;font-size:13px}
.pd-desc{font-size:14px;color:#555;line-height:1.6;margin:12px 0;padding:12px 0;border-top:1px solid #eee}
.product-bottom-bar{display:flex;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid #eee}
.btn-outline{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#804307;border:2px solid #804307;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}
.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#804307,#e8790a);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}
.btn-primary.full{flex:none;width:100%}
.btn-primary:active,.btn-outline:active{transform:scale(.97)}
.btn-primary:disabled,.btn-outline:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.listing-page-scroll{padding-bottom:0}
.listing-delivery-strip{display:flex;align-items:center;gap:12px;margin:12px 16px 10px;padding:12px 14px;border-radius:16px;border:1px solid #f3d6b0;background:linear-gradient(135deg,#fffdf8,#f8f2e7);color:#1a1a2e;box-shadow:0 3px 10px rgba(0,0,0,.03)}
.listing-delivery-strip .material-icons-round{font-size:22px;color:var(--brand-orange)}
.listing-delivery-title{font-size:13px;font-weight:700;line-height:1.35;color:#2a2a2a}
.listing-delivery-strip + .mall-filter-bar{
  position:sticky;
  top:64px;
  z-index:35;
}

#listingPage .mall-filter-bar{
  margin:12px 0 0;
  width:100%;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  border-top:1px solid #fbf1e6;
  border-bottom:1px solid #fbf1e6;
  grid-template-columns:repeat(4,minmax(0,1fr));
  top:64px;
}

#listingPage .mall-filter-button{
  min-height:44px;
  padding:10px 8px;
  border-right:1px solid #fbf1e6;
  justify-content:center;
  cursor:pointer;
}

#listingPage .mall-filter-top{
  gap:4px;
}

#listingPage .listing-products-section{
  padding:12px 16px 16px;
}

#listingPage .listing-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 12px;
}

#listingPage .listing-products-head h2{
  font-size:16px;
  color:#151515;
  font-weight:800;
}

#listingPage .listing-products-head p{
  margin-top:4px;
  font-size:12px;
  color:#666;
  line-height:1.35;
}

.listing-filter-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 12px}
.listing-toolbar-btn{border:1px solid #e7e7e7;background:#fff;border-radius:14px;padding:10px 8px;font-size:13px;font-weight:700;color:#444;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.listing-toolbar-btn.active{background:linear-gradient(135deg,#ec7b0a,#f58311);border-color:transparent;color:#fff}
.listing-filter-panels{padding:0 16px 10px}
.listing-filter-panel{display:none;padding:0 0 6px}
.listing-filter-panel.active{display:block}
.listing-chip-row{display:flex;gap:10px;flex-wrap:wrap}
.listing-filter-chip,.listing-sort-chip,.listing-rating-btn{border:1px solid #e5e7eb;background:#fff;color:#444;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.2s}
.listing-filter-chip.active,.listing-sort-chip.active,.listing-rating-btn.active{background:linear-gradient(135deg,#ec7b0a,#f58311);border-color:transparent;color:#fff}
.listing-filter-group{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px}
.listing-filter-group label{color:#222}
.listing-filter-group input[type=range]{accent-color:var(--brand-orange)}
.listing-filter-group span{display:block;margin-top:8px;color:#555;font-size:13px;font-weight:600}
.listing-rating-filter{display:flex;flex-wrap:wrap;gap:8px}
.listing-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px}
.listing-grid-wrap{padding-bottom:12px}
.listing-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.06);border:1px solid #f2f2f2;cursor:pointer;display:flex;flex-direction:column;min-width:0}
.listing-card-media{position:relative;aspect-ratio:1;background:#f7f7f7}
.listing-card-media img{width:100%;height:100%;object-fit:contain;background:#fff}
.listing-trusted-badge{position:absolute;right:8px;bottom:8px;left:auto;z-index:2;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid #d9f0d1;color:var(--brand-green-dark);font-size:9px;font-weight:800;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12);pointer-events:none}
.listing-trusted-badge .material-icons-round{font-size:11px;color:var(--brand-green)}
.listing-wishlist{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;color:#666;z-index:2}
.listing-wishlist.active{color:#e11d48}
.listing-wishlist .material-icons-round{font-size:18px}
.listing-card-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:6px}
.listing-card-category{font-size:11px;font-weight:800;color:var(--brand-green-dark);text-transform:uppercase;letter-spacing:.03em}
.listing-card-name{font-size:13px;font-weight:700;color:#1a1a2e;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.listing-card-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.listing-card-price .now{font-size:15px;font-weight:800;color:#1a1a2e}
.listing-card-price .was{font-size:12px;color:#999;text-decoration:line-through}
.listing-card-offer{font-size:12px;font-weight:700;color:var(--brand-orange-dark);line-height:1.25}
.listing-card-rating{display:flex;align-items:center;gap:6px;font-size:11px;color:#777;flex-wrap:wrap}
.listing-rating-badge{background:var(--brand-green);color:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}
.listing-card-actions{margin-top:2px}
.listing-add-btn{width:100%;border:none;background:linear-gradient(135deg,#ec7b0a,#f58311);color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.listing-add-btn:active{transform:scale(.98)}
.listing-add-btn .material-icons-round{font-size:16px}
.listing-empty-state{padding:42px 20px}
.listing-empty-state .material-icons-round{font-size:56px;color:var(--brand-orange);margin-bottom:12px}
.listing-empty-state h3{font-size:18px;color:#333;margin-bottom:4px}
.listing-empty-state p{font-size:13px;color:#6b7280}
.listing-empty-action{margin-top:14px;border:none;background:linear-gradient(135deg,var(--brand-orange),var(--brand-green));color:#fff;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 16px rgba(247,154,21,.18)}
.listing-empty-action:active{transform:scale(.98)}
#listingPage .listing-content-split{
  display:flex;
  gap:6px;
  align-items:stretch;
  width:100%;
  margin:0 -8px;
  padding:0 8px 2px;
}

#listingPage .listing-left-rail,
#listingPage .listing-right-rail{
  min-width:0;
  display:flex;
  flex-direction:column;
  flex:1 1 0;
}

#listingPage .listing-rail-card{
  background:#fff;
  border:1px solid #edf0f5;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  height:100%;
}

#listingPage .listing-rail-head{
  padding:12px 12px 10px;
  border-bottom:1px solid #f2f2f2;
}

#listingPage .listing-rail-head h2{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:#1a1a2e;
}

#listingPage .listing-rail-head p{
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:#6b7280;
  font-weight:600;
}

#listingPage .listing-rail-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px;
}

#listingPage .listing-rail-item{
  width:100%;
  border:1px solid #edf0f5;
  background:#fff;
  padding:0;
  display:flex;
  flex-direction:column;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  border-radius:0;
}

#listingPage .listing-rail-item.active{
  border-color:var(--brand-orange-dark);
  box-shadow:0 0 0 1px rgba(247,154,21,.12);
}

#listingPage .listing-rail-item:active{
  transform:scale(.99);
}

#listingPage .listing-rail-media{
  position:relative;
  aspect-ratio:1.05;
  background:#f7f7f7;
  overflow:hidden;
}

#listingPage .listing-rail-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#listingPage .listing-rail-body{
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

#listingPage .listing-rail-title{
  font-size:13px;
  font-weight:800;
  color:#1a1a2e;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}

#listingPage .listing-rail-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  font-size:11px;
  font-weight:800;
}

#listingPage .listing-rail-meta .now{
  color:var(--brand-green-dark);
}

#listingPage .listing-rail-meta .off{
  color:#6b7280;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#listingPage .listing-grid-wrap{
  padding:0 0 12px;
}

#listingPage .listing-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0;
}

#listingPage .listing-card{
  border-radius:0;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

#listingPage .listing-card-media{
  border-radius:0;
}

#listingPage .listing-card .listing-add-btn{
  border-radius:0;
}

#listingPage .listing-loading-state{
  padding:0 0 16px;
}

#listingPage .listing-loading-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#listingPage .listing-loading-card{
  border-radius:0;
  width:100%;
}

#listingPage .listing-rail-empty{
  padding:28px 16px;
}

#listingPage .listing-rail-empty .material-icons-round{
  font-size:40px;
  color:var(--brand-orange);
  margin-bottom:10px;
}

#listingPage .listing-rail-empty h3{
  font-size:16px;
  margin-bottom:4px;
}

#listingPage .listing-rail-empty p{
  font-size:13px;
  color:#6b7280;
}

#listingPage.food-grocery-mode .listing-filter-bar{
  display:none;
}

#listingPage.food-grocery-mode .listing-delivery-strip{
  display:none;
}

#listingPage.food-grocery-mode .listing-content-split{
  margin-top:12px;
}

#listingPage.food-grocery-mode .listing-rail-card{
  border-radius:18px;
}

#listingPage.food-grocery-mode .listing-rail-list{
  gap:12px;
}

#listingPage.food-grocery-mode .listing-rail-item{
  border-radius:18px;
  min-height:212px;
}

#listingPage.food-grocery-mode .listing-rail-media{
  aspect-ratio:1.08;
}

#listingPage.food-grocery-mode .listing-rail-body{
  padding:10px 12px 12px;
}

#listingPage.food-grocery-mode .listing-rail-title{
  min-height:36px;
}

#listingPage.food-grocery-mode .listing-rail-meta{
  min-height:16px;
}

#listingPage.food-grocery-mode .listing-products-section{
  display:none;
}

#foodMainCategoryPage .category-subcategory-grid{
  gap:12px;
}

#foodMainCategoryPage .category-subcategory-card{
  padding:12px;
  align-items:stretch;
  text-align:left;
  gap:10px;
  min-height:184px;
  background:#fff;
  border:1px solid #edf0f5;
  border-radius:18px;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
  overflow:hidden;
}

#foodMainCategoryPage .category-subcategory-media{
  width:100%;
  height:auto;
  aspect-ratio:1.1;
  border-radius:14px;
  padding:0;
  background:linear-gradient(135deg,rgba(247,154,21,.08),rgba(118,169,59,.08));
}

#foodMainCategoryPage .category-subcategory-media img{
  object-fit:cover;
}

#foodMainCategoryPage .category-subcategory-title{
  text-align:left;
  min-height:36px;
  font-size:13px;
  line-height:1.35;
}

.cart-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0}
.ci-img{width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0}
.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-info{flex:1}
.ci-name{font-size:14px;font-weight:600;color:#1a1a2e}
.ci-price{font-size:16px;font-weight:700;color:#1a1a2e;margin-top:4px}
.ci-qty{display:flex;align-items:center;gap:12px;margin-top:8px}
.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;color:#804307}
.qty-btn:active{background:#804307;color:#fff}
.ci-remove{background:none;border:none;color:#e53935;font-size:12px;cursor:pointer;margin-top:4px}
.cart-bottom{position:sticky;bottom:0;background:#fff;padding:12px 16px;border-top:1px solid #eee}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cart-total span:first-child{font-size:14px;color:#888}
.total-price{font-size:22px;font-weight:800;color:#1a1a2e}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}
.empty-state .material-icons-round{font-size:60px;color:#ddd;margin-bottom:12px}
.empty-state h3{font-size:18px;color:#555;margin-bottom:4px}
.empty-state p{font-size:13px;color:#999}
.order-tabs{display:flex;background:#fff;border-bottom:1px solid #eee}
.order-tab{flex:1;padding:12px;text-align:center;border:none;background:none;font-size:14px;font-weight:600;color:#888;cursor:pointer;border-bottom:2px solid transparent;transition:.2s}
.order-tab.active{color:#804307;border-bottom-color:#804307}
.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin:12px 16px;padding:14px;cursor:pointer}
.oc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.oc-id{font-size:12px;color:#888}
.oc-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px}
.oc-status.delivered{background:#e8f5e9;color:#4caf50}
.oc-status.transit{background:#fff3e0;color:#ff9800}
.oc-status.preparing{background:#fff7ed;color:var(--brand-orange-dark)}
.oc-items{display:flex;gap:8px}
.oc-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#f0f0f0}
.oc-info{flex:1}
.oc-info h4{font-size:14px;color:#1a1a2e;font-weight:600}
.oc-info p{font-size:12px;color:#888;margin-top:2px}
.oc-total{text-align:right;font-weight:700;color:#1a1a2e}
.search-input-wrap{flex:1;margin:0 8px}
.search-input-wrap input{width:100%;padding:8px 12px;border:1px solid #eee;border-radius:10px;font-size:14px;outline:none;font-family:inherit}
.search-input-wrap input:focus{border-color:#804307}
.search-suggestions{padding:16px}
.search-suggestions h3{font-size:14px;color:#888;margin-bottom:12px}
.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}
.suggestion-tags span{background:#f0f0f0;padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:.2s}
.suggestion-tags span:active{background:#804307;color:#fff}
#categoriesPage .page-scroll{overflow-x:hidden;overflow-y:auto;background:#fff}
.cat-list{padding:0;height:100%}
.categories-split{display:flex;height:100%;background:#fff}
.categories-rail{width:92px;flex-shrink:0;border-right:1px solid #faecdd;background:#fff;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 6px}
.categories-rail::-webkit-scrollbar{display:none}
.categories-rail-item{position:relative;border:none;background:#fff;border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:.2s;border:1px solid #fcf3e9}
.categories-rail-item:active{transform:scale(.98)}
.categories-rail-item.active{box-shadow:0 0 0 1px #faebdb inset;border-color:#f5820e}
.categories-rail-item.active::before{content:'';position:absolute;left:-6px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#f47f0a}
.categories-rail-item span{font-size:11px;font-weight:600;color:#666;line-height:1.2;text-align:center}
.categories-rail-item.active span{color:#f47f0a;font-weight:700}
.categories-rail-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fdf7f1;overflow:hidden;border:1px solid #fbeee0;box-sizing:border-box;padding:4px}
.categories-rail-img{width:100%;height:100%;object-fit:cover;display:block}
.categories-rail-emoji{font-size:22px;line-height:1}
.categories-columns{flex:1;min-width:0;height:100%;overflow-y:auto;padding:10px 12px 16px;background:#fff}
#categoriesPage .categories-columns.categories-hrows,
.categories-split--hrows .categories-columns{
  flex:0 0 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
  overflow-y:visible !important;
}
.categories-detail-shell{padding-top:4px}
.categories-unified-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:2px}
.categories-unified-card{border:none;background:none;padding:0;text-align:center;cursor:pointer;min-width:0}
.categories-unified-card:active{transform:scale(.98)}
.categories-unified-thumb{width:100%;aspect-ratio:1;border-radius:16px;background:#fdf9f4;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}
.categories-unified-thumb img{width:100%;height:100%;object-fit:contain}
.categories-unified-title{margin-top:6px;font-size:12px;line-height:1.25;color:#444;font-weight:500;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.categories-compact-list{display:flex;flex-direction:column;gap:10px}
.categories-mini-card{background:#fff;border-radius:0;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;border:1px solid #f3f3f3}
.categories-mini-card:active{transform:scale(.98)}
.categories-mini-thumb{width:100%;aspect-ratio:1;border-radius:0;background:#f8f8f8;margin-bottom:8px}
.categories-mini-title{font-size:12px;font-weight:600;color:#1a1a2e;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.categories-mini-price{margin-top:6px;font-size:13px;font-weight:800;color:#804307}
.home-categories-section{padding-top:0}
.home-category-scroll-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0 4px}
.home-category-scroll-wrap::-webkit-scrollbar{display:none}
.home-category-hgrid{display:grid;grid-auto-flow:row;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(6,72px);grid-auto-columns:72px;gap:16px 8px;width:max-content;padding:12px 16px}
.home-category-card{border:none;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:0;max-width:72px;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.home-category-card:active{transform:scale(.95)}
.home-category-card span:last-child{font-size:11px;line-height:1.2;text-align:center;color:#444;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px;padding:0 2px;margin-top:2px;word-break:break-word;-webkit-user-select:none;user-select:none;pointer-events:none}
.home-category-icon{width:56px;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.08);background:#f9f9f9;box-sizing:border-box;padding:4px}
/* Flipkart-style premium yellow sparkle bar under category image */
.home-category-icon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  transform:none;
  width:100%;
  height:6px;
  border-radius:0 0 14px 14px;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,255,255,.65) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 42% 40%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),
    radial-gradient(circle at 68% 55%,rgba(255,255,255,.55) 0 1.1px,transparent 1.7px),
    radial-gradient(circle at 88% 45%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),
    linear-gradient(90deg,#f5c518 0%,#f79a15 45%,#ec7b0a 100%);
  background-size:11px 6px,13px 6px,12px 6px,10px 6px,100% 100%;
  pointer-events:none;
  z-index:2;
}
.home-category-img{width:100%;height:100%;object-fit:cover;display:block}
.home-category-icon .material-icons-round{color:#fff;font-size:28px}
.home-category-card span:last-child{font-size:11px;line-height:1.2;text-align:center;color:#444;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px;padding:0 2px;margin-top:2px;word-break:break-word}
.home-feed-comparison-section{padding-top:4px}
.home-feed-split-shell{padding:0}
.home-feed-split-grid{display:flex;gap:12px;align-items:flex-start;width:100%}
.home-feed-split-column{min-width:0;display:flex;flex-direction:column;min-height:0}
.home-feed-split-column:first-child{flex:0 0 clamp(112px,33vw,144px)}
.home-feed-split-column:last-child{flex:1 1 0}
.home-feed-split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:2px 0 10px;padding:0}
.home-feed-split-title{font-size:13px;font-weight:800;color:#1a1a2e;line-height:1.25}
.home-feed-split-subtitle{font-size:11px;color:#666;font-weight:600;white-space:nowrap}
.home-feed-split-list{display:flex;flex-direction:column;gap:10px;max-height:none;overflow:visible;scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior:auto;padding-right:0;scrollbar-width:auto;width:100%}
.home-feed-split-list::-webkit-scrollbar{display:none}
.home-feed-card{width:100%;display:flex;align-items:center;gap:10px;border:none;background:#faf7f2;border-radius:14px;padding:8px;text-align:left;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:.2s;min-height:72px;scroll-snap-align:start}
.home-feed-card:active{transform:scale(.99)}
.home-feed-thumb{position:relative;width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#f2f2f2;border:1px solid rgba(0,0,0,.04)}
.home-feed-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-food-verified-badge{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid rgba(22,163,74,.18);color:#16a34a;font-size:9px;font-weight:800;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12);backdrop-filter:blur(4px)}
.home-food-verified-badge .material-icons-round{font-size:11px;line-height:1}
.home-feed-copy{min-width:0;flex:1}
.home-feed-title{font-size:13px;font-weight:700;color:#1a1a2e;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-feed-subtitle{font-size:11px;color:#666;margin-top:3px;font-weight:600}
.cat-list-item{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:12px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cat-list-item:active{transform:scale(.98)}
.cat-list-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.cat-list-icon span{color:#fff;font-size:24px}
.cat-list-item h3{font-size:15px;font-weight:600;color:#1a1a2e}
.cat-list-item p{font-size:12px;color:#888}
.toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(100px);background:#333;color:#fff;padding:10px 24px;border-radius:25px;font-size:13px;font-weight:500;z-index:9999;transition:.3s;opacity:0;pointer-events:none;max-width:calc(100vw - 24px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.toast-added{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;background:#3a3a3a;border-radius:28px;font-weight:600;bottom:calc(108px + env(safe-area-inset-bottom))}
.toast.toast-added img{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#fff;flex:0 0 28px}
.toast.toast-feature{display:flex;align-items:center;gap:9px;padding:8px 18px 8px 9px;background:#3a3a3a;border-radius:28px;font-weight:600;bottom:calc(108px + env(safe-area-inset-bottom));white-space:nowrap}
.toast.toast-feature img{width:30px;height:30px;object-fit:contain;border-radius:50%;background:#fff;flex:0 0 30px}
@media (max-width:480px){.toast.toast-feature{max-width:calc(100vw - 36px);font-size:14px;padding-right:16px}}
.page-loader{position:fixed;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10000}
.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #804307;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.auth-container{position:absolute;inset:0;background:#fff7ef;z-index:200}
#loginPage,#registerPage{position:relative;overflow:hidden;min-height:100%;background:#fdf6ec}
#loginPage .auth-card,#registerPage .auth-card{background:transparent}
.auth-back-btn{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:999px;background:rgba(255,255,255,.72);color:#804307;box-shadow:0 4px 14px rgba(128,67,7,.12);cursor:pointer}
.auth-back-btn .material-icons-round{font-size:22px}
.auth-card{padding:88px 24px 30px;text-align:center;width:100%;max-width:480px;margin:0 auto}
.auth-logo{width:210px;max-width:78%;height:auto;object-fit:contain;display:block;margin:0 auto 20px;filter:drop-shadow(0 10px 18px rgba(15,23,42,.08));animation:authLogoFloat 2.2s ease-in-out infinite}
#loginPage .auth-logo{width:210px;max-width:78%;height:auto;object-fit:contain;display:block;margin:0 auto 20px;border:0;background:transparent;box-shadow:none;padding:0}
@keyframes authLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.035)}}
.auth-card h2{font-size:24px;color:#1a1a2e;margin-bottom:8px}
.auth-card p{color:#888;font-size:14px;margin-bottom:24px}
.auth-phone-row{display:flex;align-items:stretch;gap:10px;margin-bottom:16px}
.auth-phone-input{flex:1;min-width:0;margin-bottom:0}
.btn-auth-send-otp{flex-shrink:0;border:none;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,#ec7b0a,#804307);color:#fff;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(128,67,7,.18)}
.btn-auth-send-otp:disabled{opacity:.55;cursor:not-allowed}
.btn-auth-resend{display:block;width:100%;margin:-4px 0 16px;border:none;background:none;color:#ec7b0a;font-size:13px;font-weight:800;text-align:left;padding:0 4px;cursor:pointer}
.btn-auth-resend:disabled{color:#9ca3af;cursor:not-allowed}
.input-group{display:flex;align-items:center;gap:12px;background:#f5f5f5;border-radius:12px;padding:12px 16px;margin-bottom:16px;border:1px solid transparent;transition:.3s}
.input-group:focus-within{background:#fff;border-color:#804307;box-shadow:0 0 0 4px rgba(128,67,7,.05)}
.input-group span{color:#888;font-size:20px}
.input-group input,
.input-group select{border:none;background:none;outline:none;flex:1;font-size:14px;font-family:inherit;min-width:0;color:#222}
.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:24px;justify-content:flex-start;padding:0 4px}
.checkbox-group label{font-size:14px;color:#555}
.policy-check-group{
  align-items:flex-start;
  gap:10px;
  padding:0 2px;
}
.policy-check-group label{
  flex:1;
  text-align:left;
  line-height:1.35;
}
.policy-link-btn{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:12px;
  font-weight:900;
  padding:2px 0 0;
  white-space:nowrap;
}
.auth-footer{margin-top:24px;font-size:14px;color:#555}
.auth-footer span{color:#804307;font-weight:700;cursor:pointer}
.search-header{padding:8px 16px;background:#804307;display:flex;align-items:center;gap:12px}
.home-search{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 12px;margin:8px 0 0;min-height:44px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.home-search span{color:#9ca3af}
.home-search .material-icons-round{font-size:20px;flex-shrink:0}
.home-search-camera{border:0;background:transparent;padding:0;margin:0;color:#9ca3af;display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer}
.home-search input{border:none;outline:none;flex:1;min-width:0;font-size:14px;line-height:1.2;background:transparent;color:#111827}
.home-search input::placeholder{color:#9ca3af}
.food-item-card{background:#fff;border-radius:16px;padding:12px;display:flex;gap:16px;margin:0 16px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05);align-items:center}
.food-item-img{width:80px;height:80px;border-radius:12px;object-fit:cover}
.food-item-info{flex:1}
.food-item-info h4{font-size:15px;margin-bottom:4px}
.food-item-info p{font-size:12px;color:#888;margin-bottom:8px}
.food-item-price{font-weight:700;color:#804307}
.btn-add-food{background:#804307;color:#fff;border:none;padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}
.modal-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:flex-end;
  justify-content:center;
  background:rgba(17,24,39,.45);
  z-index:1200;
  padding:16px;
  box-sizing:border-box;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-overlay.show{display:flex}
.modal{
  background:#fff;
  border-radius:20px 20px 0 0;
  width:100%;
  max-width:480px;
  max-height:80vh;
  overflow-y:auto;
  padding:20px;
  animation:slideUp .3s ease;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.modal h2{font-size:18px;font-weight:700;margin-bottom:16px}
.modal.policy-sheet{
  padding:0;
  border-radius:24px 24px 0 0;
  max-height:86vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}

.policy-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 14px;
  border-bottom:1px solid #ececf3;
  flex:0 0 auto;
}

.policy-brand-wrap{
  min-width:0;
}

.policy-brand-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}

.policy-brand-chip .material-icons-round{
  font-size:14px;
}

.policy-brand-title{
  margin:10px 0 4px;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  color:#222;
}

.policy-brand-copy{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#6b7280;
}

.policy-sheet-close{
  width:36px;
  height:36px;
  border:none;
  background:transparent;
  color:#6b7280;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex-shrink:0;
}

.policy-sheet-close .material-icons-round{
  font-size:24px;
}

.policy-sheet-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:16px 18px 18px;
}

.policy-highlight-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border-radius:16px;
  background:#fef9f3;
  border:1px solid #f9e6d2;
  margin-bottom:14px;
}

.policy-highlight-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  line-height:1.45;
  color:#8e4b07;
  font-weight:800;
}

.policy-highlight-item .material-icons-round{
  font-size:18px;
  color:#ec7b0a;
  flex-shrink:0;
  margin-top:1px;
}

.policy-text-block{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.policy-text-block p{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:#31313a;
}

.policy-confirm-box{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  background:#f8f8fc;
  border:1px solid #ececf3;
}

.policy-confirm-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
  color:#343442;
}

.policy-confirm-row input{
  width:18px;
  height:18px;
  margin-top:1px;
  accent-color:#ec7b0a;
  flex-shrink:0;
}

.policy-note{
  margin-top:10px;
  font-size:12px;
  line-height:1.45;
  color:#8b5e00;
}

.policy-sheet-footer{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px 16px;
  border-top:1px solid #ececf3;
  background:#fff;
  flex:0 0 auto;
}

.modal-overlay.product-reviews-overlay{
  align-items:stretch;
  justify-content:stretch;
  padding:0;
  background:#fff;
}

.modal-overlay.product-reviews-overlay .modal{
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  padding:0;
  border-radius:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:none;
}

.modal.product-reviews-sheet{
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  padding:0;
  border-radius:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:none;
}

.product-reviews-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px 12px;
  border-bottom:1px solid #ececf3;
  flex:0 0 auto;
}

.product-reviews-sheet-title{
  min-width:0;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#4b4b55;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.product-reviews-sheet-close{
  width:34px;
  height:34px;
  border:none;
  background:transparent;
  color:#6b7280;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex-shrink:0;
}

.product-reviews-sheet-close .material-icons-round{
  font-size:24px;
}

.product-reviews-sheet-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:16px 16px 18px;
}

.policy-secondary-btn,
.policy-primary-btn{
  flex:1;
  border:none;
  border-radius:12px;
  padding:13px 16px;
  font-size:14px;
  font-weight:900;
}

.policy-secondary-btn{
  background:#fff;
  color:#3e3e4b;
  border:1px solid #d9d9e4;
}

.policy-primary-btn{
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
}

.policy-primary-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.checkout-section{margin-bottom:16px}
.checkout-section h3{font-size:15px;font-weight:600;margin-bottom:8px;color:#1a1a2e}
.checkout-policy-card{
  margin-bottom:16px;
  padding:14px;
  border-radius:16px;
  background:#fff9f2;
  border:1px solid #f9e6d2;
}
.checkout-policy-head{
  margin-bottom:12px;
}
.checkout-policy-head h3{
  margin:0;
  font-size:15px;
  font-weight:900;
  color:#1a1a2e;
}
.checkout-policy-head p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.45;
  color:#7d7181;
}
.checkout-policy-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.checkout-policy-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #ececf3;
}
.checkout-policy-check{
  flex:1;
  display:flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
  min-width:0;
}
.checkout-policy-check input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:#ec7b0a;
  flex-shrink:0;
}
.checkout-policy-copy{
  min-width:0;
}
.checkout-policy-title{
  font-size:14px;
  font-weight:900;
  color:#2a2a36;
  line-height:1.25;
}
.checkout-policy-subtitle{
  margin-top:3px;
  font-size:12px;
  line-height:1.4;
  color:#7b7b88;
}
.address-card{padding:12px;background:#f8f8f8;border-radius:10px;border:2px solid transparent;cursor:pointer;margin-bottom:8px;transition:.2s}
.address-card.selected{border-color:#804307;background:#fcf4ec}
.address-card h4{font-size:14px;font-weight:600}
.address-card p{font-size:12px;color:#888;margin-top:2px}
.payment-option{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border-radius:10px;margin-bottom:8px;cursor:pointer;border:2px solid transparent;transition:.2s}
.payment-option.selected{border-color:#804307;background:#fcf4ec}
.payment-option .material-icons-round{color:#804307;font-size:24px}
.payment-option span{font-size:14px;font-weight:500}
.tracking-timeline{padding:16px}
.tl-step{display:flex;gap:12px;padding-bottom:24px;position:relative}
.tl-step::before{content:'';position:absolute;left:15px;top:32px;bottom:0;width:2px;background:#e0e0e0}
.tl-step.done::before{background:#4caf50}
.tl-step:last-child::before{display:none}
.tl-dot{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}
.tl-step.done .tl-dot{background:#4caf50}
.tl-dot span{font-size:16px;color:#fff}
.tl-info h4{font-size:14px;font-weight:600;color:#1a1a2e}
.tl-info p{font-size:12px;color:#888;margin-top:2px}
.profile-header{text-align:center;padding:24px;background:var(--brand-green);color:#fff;border-radius:0 0 24px 24px;margin-bottom:16px}
.profile-avatar{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.profile-avatar span{font-size:36px}
.profile-name{font-size:20px;font-weight:700}
.profile-email{font-size:13px;opacity:.7;margin-top:2px}
.profile-menu{padding:0 16px}
.profile-shell{padding:16px 16px 96px;background:#f7f7f7}
.profile-account-card{background:#fff;border-radius:18px;padding:18px 16px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:14px}
.profile-account-top{display:flex;align-items:center;gap:12px}
.profile-account-avatar{width:54px;height:54px;border-radius:50%;background:#fdf2e7;color:#804307;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0}
.profile-account-meta{min-width:0}
.profile-account-name{font-size:17px;font-weight:700;color:#1a1a2e}
.profile-account-phone{font-size:13px;color:#666;margin-top:3px}
.profile-account-address{font-size:12px;color:#888;margin-top:12px;line-height:1.5}
.profile-edit-btn{margin-top:14px;background:#fff;border:1px solid #f9e6d2;color:#804307;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}
.profile-option-group{background:#fff;border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:14px;overflow:hidden}
.profile-group-title{padding:14px 16px 8px;font-size:12px;font-weight:700;color:#8a8a8a;letter-spacing:.02em;text-transform:uppercase}
.profile-option-row{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:none;border-top:1px solid #f1f1f1;color:#1a1a2e;font-size:14px;font-weight:500;cursor:pointer;text-align:left}
.profile-option-group .profile-option-row:first-of-type{border-top:none}
.profile-option-row .material-icons-round:first-child{font-size:22px;color:#804307}
.profile-option-row span:nth-child(2){flex:1}
.profile-option-row .material-icons-round:last-child{font-size:20px;color:#b7b7b7}
.profile-option-row-danger{color:#d32f2f}
.profile-option-row-danger .material-icons-round:first-child,.profile-option-row-danger .material-icons-round:last-child{color:#d32f2f}
.profile-option-row .profile-row-badge,
.profile-option-row .profile-row-label,
.profile-option-row .profile-row-chevron,
.profile-option-row .profile-row-icon{pointer-events:none}

#profilePage .profile-page-header{
  justify-content:space-between;
  gap:2px;
  padding:8px 10px 8px 12px;
  background:#fff;
  border-bottom:1px solid #ececec;
}

#profilePage .profile-page-header h1{
  flex:1;
  text-align:left;
  font-size:16px;
  font-weight:800;
  letter-spacing:.03em;
  color:#1f1f1f;
}

#profilePage .profile-page-header .icon-btn{
  color:#1f1f1f;
}

#profilePage .profile-page-header-actions{
  display:flex;
  align-items:center;
  gap:2px;
}

#profilePage .profile-page-cart-btn{
  position:relative;
}

#profilePage .profile-page-cart-btn .badge{
  top:3px;
  right:0;
}

#profilePage .profile-shell{
  padding:0 0 12px;
  background:#fff;
}

#profilePage .profile-account-card{
  background:#fff;
  border-radius:0;
  box-shadow:none;
  margin:0 16px 12px;
  padding:0;
  border:none;
}

#profilePage .profile-top-card{
  width:calc(100% - 32px);
  margin:0 16px 12px;
  padding:14px 0 16px;
  border:none;
  border-bottom:1px solid #ececec;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border-radius:0;
}

#profilePage .profile-top-card:active{
  transform:scale(.995);
}

#profilePage .profile-top-card-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

#profilePage .profile-avatar-stack{
  position:relative;
  width:56px;
  height:56px;
  flex-shrink:0;
}

#profilePage .profile-avatar-art{
  width:100%;
  height:100%;
  display:block;
}

#profilePage .profile-avatar-photo{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:2px solid #fff;
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}

#profilePage .profile-avatar-camera{
  position:absolute;
  right:-2px;
  bottom:-1px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ececec;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 4px rgba(15,23,42,.12);
}

#profilePage .profile-avatar-camera .material-icons-round{
  font-size:12px;
  color:#7f7f7f;
}

#profilePage .profile-account-phone-block{
  min-width:0;
}

#profilePage .profile-account-phone{
  font-size:18px;
  font-weight:700;
  color:#1f1f1f;
  letter-spacing:-0.02em;
  white-space:nowrap;
}

#profilePage .profile-account-chevron{
  font-size:22px;
  color:#9e9e9e;
  flex-shrink:0;
}

#profilePage .profile-quick-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:0 16px 10px;
}

#profilePage .profile-quick-action{
  min-height:86px;
  border:1px solid #dfe3ea;
  border-radius:16px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#1f1f1f;
  cursor:pointer;
  box-shadow:none;
}

#profilePage .profile-quick-action:active{
  transform:scale(.99);
}

#profilePage .profile-quick-action-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:#4a77e0;
}

#profilePage .profile-quick-action-icon .material-icons-round{
  font-size:24px;
}

#profilePage .profile-quick-action-label{
  font-size:14px;
  font-weight:600;
  color:#404040;
}

#profilePage .profile-section-card{
  padding:0 16px;
  background:#fff;
  margin-top:2px;
}

#profilePage .profile-section-title{
  padding:12px 0 8px;
  font-size:14px;
  font-weight:800;
  color:#2f2f2f;
  letter-spacing:0;
  text-transform:none;
}

#profilePage .profile-option-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 0;
  background:#fff;
  border:none;
  border-top:1px solid #ececec;
  color:#1f1f1f;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  text-align:left;
  min-height:46px;
}

#profilePage .profile-option-row:first-of-type{
  border-top:none;
}

#profilePage .profile-option-row:active,
#profilePage .profile-option-row:focus,
#profilePage .profile-option-row:focus-visible{
  background:#fff !important;
  outline:none !important;
  box-shadow:none !important;
}

#profilePage .profile-row-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:22px;
  height:22px;
  font-size:20px;
}

#profilePage .profile-row-icon-blue{color:#4b7bd8}
#profilePage .profile-row-icon-purple{color:#f58414}
#profilePage .profile-row-icon-red{color:#ef5350}
#profilePage .profile-row-icon-pink{color:#f58515}
#profilePage .profile-row-icon-shop{color:#ff9f1c}
#profilePage .profile-row-icon-balance{
  width:18px;
  height:18px;
  border-radius:4px;
  overflow:hidden;
  background:#fff;
  flex-shrink:0;
}

#profilePage .profile-row-icon-balance img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#profilePage .profile-row-icon-supplier{color:#f59f3a}
#profilePage .profile-row-icon-settings{color:#9e9e9e}
#profilePage .profile-row-icon-rate{color:#f5800b}
#profilePage .profile-row-icon-legal{color:#e08b2b}
#profilePage .profile-row-icon-logout{color:#4b7bd8}

#profilePage .profile-row-label{
  flex:1;
  min-width:0;
  line-height:1.25;
  color:#505050;
}

#profilePage .profile-row-chevron{
  font-size:20px;
  color:#c1c1c1;
  flex-shrink:0;
}

#profilePage .profile-row-badge{
  flex-shrink:0;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:20px;
  min-width:34px;
  padding:0 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  line-height:1;
}

#profilePage .profile-row-badge-new{
  background:#edf4ff;
  color:#7d93db;
}

#profilePage .profile-row-badge-balance{
  background:#e7f7ef;
  color:#2ba667;
  min-width:40px;
}

#profilePage .profile-option-row-logout{
  border-bottom:1px solid #ececec;
}

#profilePage .profile-option-row-logout .profile-row-chevron{
  display:none;
}

#profilePage .profile-footer-card{
  margin:8px 0 0;
  padding:18px 16px 16px;
  background:
    radial-gradient(circle at 86% 24%,rgba(255,153,51,.18),transparent 30%),
    radial-gradient(circle at 92% 78%,rgba(19,136,8,.16),transparent 34%),
    linear-gradient(135deg,#fffaf3 0%,#ffffff 52%,#f1fff5 100%);
  border:1px solid rgba(19,136,8,.08);
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

#profilePage .profile-footer-copy{
  flex:1;
  min-width:0;
}

#profilePage .profile-footer-tagline{
  font-family:inherit;
  font-size:23px;
  line-height:1;
  color:#172554;
  font-weight:950;
  letter-spacing:-0.04em;
}

#profilePage .profile-footer-kicker{
  display:inline-flex;
  width:max-content;
  margin-bottom:7px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,153,51,.13);
  color:#c2410c;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#profilePage .profile-footer-note{
  margin-top:7px;
  max-width:170px;
  color:#64748b;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}

#profilePage .profile-footer-art{
  width:min(180px,46vw);
  height:auto;
  display:block;
  flex-shrink:0;
}

#profilePage .profile-footer-version{
  padding:4px 0 0;
  text-align:center;
  font-size:10px;
  line-height:1.2;
  color:#b6b6be;
}

#followedShopsPage .page-header{
  justify-content:flex-start;
  gap:12px;
}

#followedShopsPage .page-header h1{
  flex:0;
  text-align:left;
  font-size:15px;
  font-weight:700;
  letter-spacing:.03em;
  color:#1f1f1f;
}

#followedShopsPage .page-scroll{
  background:#fff;
}

#followedShopsPage .followed-shops-shell{
  min-height:100%;
  background:#fff;
  display:flex;
  flex-direction:column;
}

#followedShopsPage .followed-shops-tabs{
  display:flex;
  align-items:stretch;
  border-bottom:1px solid #ececec;
  background:#fff;
}

#followedShopsPage .followed-shops-tab{
  flex:1 1 0;
  min-width:0;
  padding:12px 8px 10px;
  border:none;
  border-bottom:2px solid transparent;
  background:#fff;
  color:#6c6c6c;
  font-size:14px;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}

#followedShopsPage .followed-shops-tab.active{
  color:#ef7c0a;
  border-bottom-color:#ef7c0a;
}

#followedShopsPage .followed-shops-list{
  background:#fff;
}

#followedShopsPage .followed-shops-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:none;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
  color:#1f1f1f;
  text-align:left;
  cursor:pointer;
}

#followedShopsPage .followed-shops-row:active{
  background:#fafafa;
}

#followedShopsPage .followed-shop-avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f7ff;
  border:1px solid #dbe6ff;
  color:#6f8fe5;
}

#followedShopsPage .followed-shop-avatar .material-icons-round{
  font-size:18px;
}

#followedShopsPage .followed-shop-name{
  font-size:14px;
  font-weight:700;
  color:#2c2c2c;
}

@media (max-width:480px){
  #followedShopsPage .followed-shops-tab{
    padding:10px 4px 9px;
    font-size:12px;
  }

  #followedShopsPage .followed-shop-name{
    font-size:13px;
  }
}

.pm-item{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:12px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer}
.pm-item .material-icons-round{color:#804307;font-size:22px}
.pm-item span:last-child{margin-left:auto;color:#ccc}
.pm-item h4{font-size:14px;font-weight:500;color:#1a1a2e}
.wallet-card{background:linear-gradient(135deg,#667eea,#f37f0a);border-radius:16px;padding:20px;margin:0 16px 16px;color:#fff}
.wallet-balance{font-size:28px;font-weight:800}
.wallet-label{font-size:12px;opacity:.7;margin-bottom:4px}
.wallet-actions{display:flex;gap:10px;margin-top:12px}
.mall-category-scroll{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px}
.mall-category-scroll::-webkit-scrollbar{display:none}
.mall-category-scroll .wallet-btn{white-space:nowrap;flex-shrink:0}
.wallet-btn{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}
.notif-item{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0}
.notif-icon{width:92px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.notif-info h4{font-size:14px;font-weight:600;color:#1a1a2e}
.notif-info p{font-size:12px;color:#888;margin-top:2px}
.notif-time{font-size:11px;color:#bbb;margin-top:4px}
.resell-card{background:#fff;border-radius:12px;padding:14px;margin:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.legal-policies-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px 16px 24px;
}

#legalPoliciesPage .page-scroll{
  background:#f7f8fc;
}

.legal-policies-shell .resell-card{
  margin:0;
}

.legal-policies-hero{
  background:linear-gradient(135deg,#fff7ed,#fdf8f2);
  border:1px solid #f4e1d2;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.legal-policies-hero h3{
  margin:0 0 6px;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  color:#1a1a2e;
}

.legal-policies-hero p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#666;
}

.legal-policy-card{
  padding:14px 14px 12px;
}

.legal-policy-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.legal-policy-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:#fef9f3;
  color:#ec7b0a;
}

.legal-policy-icon .material-icons-round{
  font-size:22px;
}

.legal-policy-copy{
  min-width:0;
  flex:1;
}

.legal-policy-copy h4{
  margin:0;
  font-size:16px;
  line-height:1.25;
  font-weight:900;
  color:#1a1a2e;
}

.legal-policy-copy p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.45;
  color:#666;
}

.legal-policy-view-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:none;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  flex-shrink:0;
  white-space:nowrap;
}

.legal-policy-view-btn .material-icons-round{
  font-size:16px;
}

.legal-policy-view-btn:active{
  transform:scale(.98);
}

.legal-policy-card .policy-highlight-card{
  margin:12px 0 0;
}

.resell-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 16px}
.rs-item{background:linear-gradient(135deg,#fff7ed,#f6fdf3);border-radius:12px;padding:12px;text-align:center}
.rs-item h4{font-size:20px;font-weight:800;color:#804307}
.rs-item p{font-size:11px;color:#888;margin-top:2px}
.resell-flow-shell{display:flex;flex-direction:column;gap:12px;padding:16px 16px 24px}
#resellPage .wallet-card.resell-earn-card{margin:0;border-radius:20px;background:linear-gradient(135deg,#ff9800,#ffb13b);box-shadow:0 10px 20px rgba(255,153,0,.18)}
#resellPage .wallet-card.resell-earn-card .wallet-label{color:rgba(255,255,255,.85)}
#resellPage .wallet-card.resell-earn-card .wallet-balance{font-size:30px}
#resellPage .wallet-card.resell-earn-card .wallet-actions{flex-wrap:wrap}
#resellPage .wallet-card.resell-earn-card .wallet-btn{background:rgba(255,255,255,.18);color:#fff}
.resell-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resell-balance-card{background:#fff7e6;border-radius:16px;padding:14px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.resell-balance-label{font-size:12px;font-weight:600;color:#9a6400}
.resell-balance-value{display:block;margin-top:6px;font-size:20px;font-weight:800;color:#d97706}
.resell-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resell-action-card{border:1px solid #e8e3d6;border-radius:16px;background:#fff;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:88px;color:#1f1f1f;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.resell-action-card .material-icons-round{font-size:24px;color:#ec7b0a}
.resell-action-card span:last-child{font-size:13px;font-weight:700}
.resell-section-card{background:#fff;border-radius:16px;padding:14px 14px 6px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.resell-section-title{font-size:16px;font-weight:800;color:#1f1f1f;margin-bottom:10px}
.resell-order-list,.resell-history-list{display:flex;flex-direction:column}
.resell-order-row,.resell-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eee}
.resell-order-row:first-child,.resell-history-row:first-child{border-top:none;padding-top:0}
.resell-order-row h4,.resell-history-row h4{font-size:14px;font-weight:700;color:#1f1f1f}
.resell-order-row p,.resell-history-row p{font-size:12px;color:#7b7b7b;margin-top:3px;line-height:1.4}
.resell-order-row strong,.resell-history-row strong{font-size:14px;font-weight:800;color:#d97706;flex-shrink:0;white-space:nowrap}
.resell-performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resell-performance-card{background:#fff7ed;border-radius:14px;padding:14px 10px;text-align:center}
.resell-performance-value{display:block;font-size:18px;font-weight:800;color:#d97706}
.resell-performance-label{display:block;font-size:11px;color:#7b7b7b;margin-top:4px;line-height:1.3}
.resell-faq-row{width:100%;display:flex;align-items:center;gap:10px;padding:14px 0;border:none;border-top:1px solid #eee;background:#fff;color:#1f1f1f;cursor:pointer;text-align:left}
.resell-faq-row:first-of-type{border-top:none}
.resell-faq-row .material-icons-round:first-child{font-size:18px;color:#ec7b0a}
.resell-faq-row .material-icons-round:last-child{font-size:18px;color:#c9c9c9;margin-left:auto}
.resell-faq-row span:nth-child(2){flex:1;font-size:13px;font-weight:600;color:#404040}
.resell-withdrawal-copy{margin:0 0 12px;font-size:13px;line-height:1.55;color:#666}
.resell-balance-note{margin-top:8px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.9)}
#profilePage .profile-resell-summary-card{border:1px solid #f5d8b8;background:linear-gradient(135deg,#fff8ef,#fff);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.profile-resell-summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.profile-resell-summary-copy{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.profile-resell-summary-label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#9a6400}
.profile-resell-summary-value{font-size:24px;font-weight:900;color:#d97706;line-height:1.1}
.profile-resell-summary-note{font-size:12px;line-height:1.4;color:#7b7b7b}
.profile-resell-summary-action{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff9800,#ffb13b);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;box-shadow:0 8px 16px rgba(255,153,0,.18)}
.profile-resell-summary-action .material-icons-round{font-size:22px}
.product-resell-card{margin:0 16px 12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff8ef,#fff);border:1px solid #f5d8b8;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.product-resell-card-head{display:flex;align-items:flex-start;gap:12px}
.product-resell-card-head .material-icons-round{font-size:24px;color:#d97706;flex-shrink:0}
.product-resell-card-copy{min-width:0;flex:1}
.product-resell-card-copy h3{font-size:15px;font-weight:900;color:#1f1f1f}
.product-resell-card-copy p{margin-top:4px;font-size:12px;line-height:1.45;color:#7b7b7b}
.product-resell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.product-resell-item{background:#fff;border-radius:14px;padding:10px 12px;border:1px solid #f4e2c8}
.product-resell-item span{display:block;font-size:11px;font-weight:700;color:#9a6400;text-transform:uppercase;letter-spacing:.03em}
.product-resell-item strong{display:block;margin-top:4px;font-size:15px;font-weight:900;color:#d97706}
.product-resell-note{margin-top:12px;font-size:12px;line-height:1.5;color:#8a6a33}
.resell-sheet-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px}
.resell-sheet-product{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;background:#fff8ef;border:1px solid #f6d8b9}
.resell-sheet-product-media{width:72px;flex-shrink:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.resell-sheet-product-media img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.resell-sheet-product-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.resell-sheet-product-copy h3{font-size:15px;font-weight:900;color:#1f1f1f;line-height:1.3}
.resell-sheet-product-copy p{font-size:12px;line-height:1.4;color:#7b7b7b}
.resell-sheet-product-price{margin-top:2px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px dashed #f0cfaa}
.resell-sheet-product-price span{font-size:11px;font-weight:700;color:#9a6400;text-transform:uppercase;letter-spacing:.03em}
.resell-sheet-product-price strong{font-size:16px;font-weight:900;color:#d97706;white-space:nowrap}
.resell-sheet-input-group{margin-bottom:0}
.resell-sheet-input-group input{font-size:15px;font-weight:700;color:#1f1f1f}
.resell-sheet-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resell-sheet-metric{background:#fff;border-radius:14px;padding:12px;border:1px solid #f3eadf}
.resell-sheet-metric span{display:block;font-size:11px;font-weight:700;color:#9a6400;text-transform:uppercase;letter-spacing:.03em}
.resell-sheet-metric strong{display:block;margin-top:5px;font-size:16px;font-weight:900;color:#d97706}
.resell-sheet-status,.resell-sheet-validation{border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45}
.resell-sheet-status{background:#fff7ed;border:1px solid #f7d7ab;color:#8a5a00}
.resell-sheet-validation{background:#fff8f1;border:1px solid #f4dfbf;color:#a16207}
.resell-sheet-actions{display:flex;flex-direction:column;gap:10px}
.resell-link-row{align-items:center}
.resell-link-copy{min-width:0;flex:1}
.resell-link-copy p{display:flex;flex-wrap:wrap;gap:4px}
.resell-link-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.resell-mini-action{width:34px;height:34px;border:none;border-radius:50%;background:#fff7ed;color:#ec7b0a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.resell-mini-action .material-icons-round{font-size:18px}
.resell-link-preview-row{margin-top:2px;padding:12px;border-radius:14px;background:#fff;border:1px solid #f3eadf;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.resell-link-preview-row .resell-link-copy h4{font-size:13px;font-weight:800;color:#1f1f1f}
.resell-link-preview-row .resell-link-copy p{margin-top:3px;font-size:12px;line-height:1.4;word-break:break-all;color:#7b7b7b}
.modal-overlay.resell-overlay{background:rgba(17,24,39,.48)}
@media (max-width: 420px){
  .product-resell-card{margin:0 12px 12px;padding:12px}
  .product-resell-grid,
  .resell-sheet-metrics{grid-template-columns:1fr}
  .resell-sheet-product{flex-direction:column}
  .resell-sheet-product-media{width:100%;max-width:160px}
  .profile-resell-summary-row{gap:10px}
  .profile-resell-summary-value{font-size:22px}
}
.mall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}
.mall-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:.2s}
.mall-card:active{transform:scale(.97)}
.mall-card img{width:100%;aspect-ratio:1;object-fit:cover}
.mall-card-info{padding:10px}
.mall-card-info h4{font-size:14px;font-weight:600;color:#1a1a2e}
.mall-card-info p{font-size:12px;color:#888}
.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-stat-card{background:#fff;border-radius:14px;padding:14px 10px;box-shadow:0 2px 8px rgba(0,0,0,.05);text-align:center}
.mini-stat-value{display:block;font-size:18px;font-weight:800;color:#804307}
.mini-stat-label{display:block;font-size:11px;color:#888;margin-top:4px}
.quick-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px}
.quick-link-card{background:#fff;border:none;border-radius:14px;padding:16px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#1a1a2e;cursor:pointer}
.quick-link-card .material-icons-round{color:#804307;font-size:24px}
.quick-link-card span:last-child{font-size:13px;font-weight:600}
.review-item{padding:12px 0;border-bottom:1px solid #f0f0f0}
.review-user{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.review-user strong{font-size:13px}
.review-stars{color:#ffc107;font-size:12px}
.review-text{font-size:13px;color:#555;line-height:1.4}
.review-date{font-size:11px;color:#bbb;margin-top:4px}
.status-bar,.app-header{background:var(--brand-green-dark)}
.logo-text,.status-bar,.status-bar .material-icons-round,.app-header .icon-btn,.app-header .material-icons-round{color:#fff!important}
.see-all,.pc-share,.nav-item.active,.pm-item .material-icons-round,.wallet-btn,.section-title{color:var(--text-primary)}
.btn-primary{background:linear-gradient(135deg,#ec7b0a,#f58311);color:#fff}
.btn-outline{color:#ec7b0a;border-color:#ec7b0a}
.wallet-card,.rb-content{background:var(--brand-orange)}
.sanraj-wallet-card{background:linear-gradient(135deg,#f58311,#f07d0a)}
.sanraj-wallet-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.88)}
.sanraj-wallet-history{margin:0 16px 24px}
.sanraj-wallet-history h3{margin:18px 0 10px;font-size:16px;font-weight:800;color:#111827}
.sanraj-wallet-txn-list{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.06);overflow:hidden}
.sanraj-wallet-txn{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9}
.sanraj-wallet-txn:last-child{border-bottom:none}
.sanraj-wallet-txn-copy{flex:1;min-width:0}
.sanraj-wallet-txn-copy strong{display:block;font-size:14px;font-weight:700;color:#111827;line-height:1.35;word-break:break-word}
.sanraj-wallet-txn-copy span{display:block;margin-top:4px;font-size:12px;color:#6b7280;line-height:1.4;word-break:break-word}
.sanraj-wallet-txn-amount{flex:0 0 auto;font-size:14px;font-weight:800;white-space:nowrap;padding-top:1px}
.sanraj-wallet-txn-amount.credit{color:#059669}
.sanraj-wallet-txn-amount.debit{color:#dc2626}
.sanraj-wallet-empty{margin:0;padding:16px;font-size:13px;color:#6b7280;background:#fff;border-radius:14px}
.sanraj-wallet-breakdown{margin:0 16px 16px;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}
.sanraj-wallet-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9}
.sanraj-wallet-row:last-child{border-bottom:none}
.sanraj-wallet-row-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}
.sanraj-wallet-row-icon-spin{background:#fff7ed;color:#ea580c}
.sanraj-wallet-row-icon-reward{background:#eff6ff;color:#2563eb}
.sanraj-wallet-row-icon-refund{background:#ecfdf5;color:#059669}
.sanraj-wallet-row-copy{flex:1;min-width:0}
.sanraj-wallet-row-copy strong{display:block;font-size:14px;color:#111827}
.sanraj-wallet-row-copy span{display:block;margin-top:2px;font-size:12px;color:#6b7280}
.sanraj-wallet-row-amount{font-size:14px;color:#111827;white-space:nowrap}
.sanraj-wallet-info-card{display:flex;gap:10px;align-items:flex-start;margin:0 16px 20px;padding:14px 16px;border-radius:14px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.5}
.sanraj-wallet-info-card .material-icons-round{font-size:18px;color:#f58311}
.checkout-wallet-card{margin:0 16px 12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #fef3e9;box-shadow:0 6px 18px rgba(240,125,10,.08)}
.checkout-wallet-card--disabled{opacity:.72}
.checkout-wallet-toggle{display:flex;align-items:flex-start;gap:12px;margin:0;cursor:pointer}
.checkout-wallet-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#f58311;flex-shrink:0}
.checkout-wallet-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.checkout-wallet-copy strong{font-size:14px;color:#111827}
.checkout-wallet-copy span{font-size:12px;line-height:1.45;color:#6b7280}
.checkout-wallet-applied{font-size:12px;font-weight:700;color:#059669}
.mall-title-wrap--with-back{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
.mall-back-btn,.mall-back-btn--inline{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.08);color:#111827;cursor:pointer}
.mall-secondary-header{display:flex;align-items:flex-start;gap:10px}
.categories-product-search{margin-bottom:12px}
.chip.active,.order-tab.active{background:#ec7b0a;border-bottom-color:#ec7b0a;color:#fff}
.food-quick-banner{background:var(--brand-orange)}
.bottom-nav{border-top:1px solid #ece3d1}
.nav-item.active{color:#ec7b0a}
.search-input-wrap input:focus,.input-group:focus-within{border-color:#ec7b0a}
.input-group:focus-within{box-shadow:0 0 0 4px rgba(236,123,10,.08)}
.feedback-box{width:100%;min-height:120px;border:1px solid #e5ddcf;border-radius:14px;padding:12px;margin:16px 0;font-family:inherit;resize:none}
.rating-stars{display:flex;justify-content:center;gap:8px}
.star-btn{background:none;border:none;font-size:32px;color:#cfcfcf;cursor:pointer}
.star-btn.active{color:#f58311}
.page-scroll img{opacity:.92;transition:opacity .25s ease}
.page-scroll img.loaded{opacity:1}
.settings-card{background:#fff;border-radius:16px;padding:4px 16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px}
.settings-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0}
.settings-item:last-child{border-bottom:none}
.settings-item h4{font-size:14px;font-weight:600;color:#1a1a2e}
.settings-item p{font-size:12px;color:#777;margin-top:4px;max-width:220px}
.toggle-switch{width:52px;height:30px;border:none;border-radius:999px;background:#d7d7d7;position:relative;cursor:pointer;transition:.2s;flex-shrink:0}
.toggle-switch.on{background:#ec7b0a}
.toggle-thumb{position:absolute;top:3px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.toggle-switch.on .toggle-thumb{left:24px}
.faq-card{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:10px}
.faq-card h4{font-size:14px;font-weight:600;color:#1a1a2e}
.faq-card p{font-size:12px;color:#777;margin-top:6px;line-height:1.5}
.support-list{margin-top:8px}

.pc-share,
.nav-item.active,
.pm-item .material-icons-round,
.payment-option .material-icons-round,
.quick-link-card .material-icons-round,
.food-item-price,
.rs-item h4,
.mini-stat-value,
.auth-footer span{
  color:#000!important;
}

.btn-outline{
  color:#000!important;
  border-color:#000!important;
}

.home-search .material-icons-round{
  color:#9ca3af!important;
}

.home-search input{
  color:#111827!important;
}

.home-search input::placeholder{
  color:#9ca3af!important;
}

.filter-group input[type=range]{
  accent-color:var(--brand-orange)!important;
}

.spin-wheel-launcher{position:fixed;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));width:72px;height:72px;border:none;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 12px 24px rgba(239,68,68,.28);cursor:pointer;z-index:110;animation:none;margin:0}
.spin-wheel-launcher:active{transform:scale(.96)}
.spin-wheel-launcher .material-icons-round{font-size:26px}
.spin-wheel-text{font-size:11px;font-weight:700;line-height:1}
.spin-wheel-badge{position:absolute;top:-4px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#16a34a;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.spin-wheel-modal{text-align:center;padding:12px 6px 0}
.spin-wheel-modal h2{margin-bottom:6px}
.spin-wheel-sub{font-size:13px;color:#666;margin-bottom:14px}
.spin-wheel-counter{display:inline-flex;align-items:center;gap:6px;background:#fff7ed;color:#c2410c;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;margin-bottom:16px}
.spin-wheel-stage{position:relative;width:260px;height:280px;margin:0 auto 16px}
.spin-wheel-pointer{position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #1f2937;z-index:2}
.spin-wheel-disc{position:absolute;top:20px;left:50%;transform:translateX(-50%) rotate(0deg);width:240px;height:240px;border-radius:50%;border:10px solid #fff;background:conic-gradient(#f59e0b 0deg 45deg,#fb7185 45deg 90deg,#22c55e 90deg 135deg,#38bdf8 135deg 180deg,#f58617 180deg 225deg,#f97316 225deg 270deg,#14b8a6 270deg 315deg,#eab308 315deg 360deg);box-shadow:0 16px 30px rgba(0,0,0,.12);transition:transform 4.8s cubic-bezier(.17,.67,.14,1)}
.spin-wheel-disc::after{content:'';position:absolute;inset:50%;width:52px;height:52px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.spin-wheel-label{position:absolute;top:50%;left:50%;transform-origin:center center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);white-space:nowrap;display:flex;align-items:center;justify-content:center}
.spin-wheel-result{font-size:14px;font-weight:700;color:#166534;min-height:20px;margin:6px 0 14px}
.spin-wheel-actions{display:flex;flex-direction:column;gap:10px}

.modal-overlay.spin-win-overlay{
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(17,24,39,.58);
}

.modal-overlay.spin-win-overlay .modal{
  width:100%;
  max-width:360px;
  max-height:none;
  padding:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  border-radius:0;
  animation:spinWinPop .24s ease;
}

.spin-win-modal{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}

.spin-win-card{
  width:min(320px,calc(100vw - 40px));
  margin:0 auto;
  padding:26px 22px 24px;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#fff8eb 100%);
  border:1px solid rgba(245,158,11,.16);
  box-shadow:0 22px 60px rgba(0,0,0,.2);
  text-align:center;
}

.spin-win-icon{
  width:76px;
  height:76px;
  margin:0 auto 14px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff4cc,#ffe19d);
  color:#f59e0b;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(245,158,11,.18);
}

.spin-win-icon .material-icons-round{
  font-size:40px;
}

.spin-win-card h2{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
  color:#16a34a;
  letter-spacing:.2px;
}

.spin-win-card p{
  margin:0;
  font-size:15px;
  line-height:1.5;
  font-weight:700;
  color:#4b5563;
}

@keyframes spinWinPop{
  from{transform:scale(.92);opacity:0}
  to{transform:scale(1);opacity:1}
}

#spinPage .page-header{
  background:linear-gradient(180deg,#e8790a 0%,#8f4b08 100%);
  border-bottom:none;
  color:#fff;
}

#spinPage .page-header h1{
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
  font-size:18px;
  font-weight:800;
}

#spinPage .page-header .icon-btn{
  color:#fff;
}

#spinPage .page-header > span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:40px;
}

#spinPage .page-header .spin-rules-btn{
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:34px;
  padding:0 12px;
  font-size:12px;
  line-height:1;
  background:#fff!important;
  color:#f79a15!important;
  border:1px solid rgba(247,154,21,.28)!important;
  box-shadow:0 6px 14px rgba(247,154,21,.12)!important;
}

#spinPage .page-header .spin-rules-btn .material-icons-round{
  font-size:16px;
  color:#f79a15!important;
}

#spinPage .page-scroll{
  background:linear-gradient(180deg,#e8790a 0%,#8c4a07 46%,#fcf2e7 100%);
  padding:16px 16px 120px;
}

.spin-page-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.spin-delivery-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border-radius:20px;
  padding:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.spin-delivery-art{
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg,#f5e4c9,#fff1d7);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  flex-shrink:0;
}

.spin-delivery-art .material-icons-round{
  font-size:30px;
  color:#c28d4b;
}

.spin-delivery-check{
  position:absolute;
  right:-2px;
  bottom:-2px;
  font-size:18px!important;
  color:#16a34a!important;
  background:#fff;
  border-radius:50%;
}

.spin-delivery-copy{
  min-width:0;
  flex:1;
}

.spin-delivery-title{
  font-size:18px;
  font-weight:800;
  color:#1f2937;
  line-height:1.2;
}

.spin-delivery-subtitle{
  font-size:13px;
  color:#7b7b7b;
  margin-top:2px;
}

.spin-delivery-meta{
  font-size:12px;
  color:#9a9a9a;
  margin-top:6px;
}

.spin-delivery-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#eafaf0;
  color:#2fa55d;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  flex-shrink:0;
}

.spin-delivery-pill .material-icons-round{
  font-size:16px;
}

.spin-wheel-shell{
  position:relative;
  display:flex;
  justify-content:center;
  padding:14px 0 4px;
}

.spin-wheel-shell::before{
  content:'';
  position:absolute;
  width:308px;
  height:308px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(246,138,30,.42) 0%, rgba(246,138,30,.18) 40%, rgba(246,138,30,0) 72%);
  filter:blur(4px);
  transform:translateY(2px);
}

#spinPage .spin-wheel-stage{
  position:relative;
  width:min(100%,344px);
  height:364px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

#spinPage .spin-wheel-pointer{
  position:absolute;
  top:2px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:28px solid #f2c15e;
  z-index:3;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));
}

#spinPage .spin-wheel-pointer::after{
  content:'';
  position:absolute;
  left:-7px;
  top:-28px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#f6d37c;
  box-shadow:0 0 0 4px rgba(255,255,255,.35);
}

#spinPage .spin-wheel-disc{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%) rotate(0deg);
  width:292px;
  height:292px;
  border-radius:50%;
  border:10px solid rgba(255,255,255,.92);
  background:conic-gradient(from -90deg,#d72d62 0deg 72deg,#f5800b 72deg 144deg,#2e7ae8 144deg 216deg,#f39a1f 216deg 288deg,#18b06c 288deg 360deg);
  box-shadow:0 20px 36px rgba(0,0,0,.24);
  transition:transform 4.8s cubic-bezier(.17,.67,.14,1);
}

#spinPage .spin-wheel-disc::before{
  content:'';
  position:absolute;
  inset:12px;
  border-radius:50%;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
  pointer-events:none;
}

#spinPage .spin-wheel-disc::after{
  content:'';
  position:absolute;
  inset:50%;
  width:66px;
  height:66px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 35% 30%,#f58412 0%,#eb7b0a 55%,#8c4a07 100%);
  border-radius:50%;
  box-shadow:0 6px 18px rgba(0,0,0,.28), inset 0 2px 2px rgba(255,255,255,.25);
}

#spinPage .spin-wheel-label{
  position:absolute;
  top:50%;
  left:50%;
  transform-origin:0 0;
  font-size:17px;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.18);
  white-space:normal;
  width:82px;
  text-align:center;
  letter-spacing:-0.01em;
}

#spinPage .spin-wheel-label.try-again{
  font-size:14px;
  line-height:1.05;
  width:78px;
}

#spinPage .spin-wheel-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:88px;
  height:88px;
  border:none;
  padding:0;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f58312 0%,#ea7a0a 60%,#8b4907 100%);
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.04em;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.2), 0 10px 24px rgba(0,0,0,.24);
  z-index:2;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

#spinPage .spin-wheel-center.disabled{
  opacity:.55;
  pointer-events:none;
}

.spin-rule{
  font-size:13px;
  font-weight:700;
  color:#fff3e7;
  text-align:center;
}

.spin-rule-sub{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:12px;
  color:rgba(255,255,255,.88);
  margin-top:6px;
}

.spin-rule-sub .material-icons-round{
  font-size:16px;
}

.spin-now-btn{
  width:100%;
  border:none;
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(90deg,#f58617 0%,#ff6c87 100%);
  color:#fff;
  font-size:18px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 16px 28px rgba(245,134,23,.32);
  cursor:pointer;
}

.spin-now-btn .material-icons-round{
  font-size:20px;
}

.spin-now-btn:active{
  transform:scale(.99);
}

.spin-now-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.spin-result-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border-radius:20px;
  padding:14px 16px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  min-height:86px;
}

.spin-result-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#e8f7e8;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.spin-result-icon .material-icons-round{
  font-size:28px;
  color:#16a34a;
}

.spin-result-copy{
  min-width:0;
  flex:1;
}

.spin-result-title{
  font-size:22px;
  font-weight:900;
  color:#16a34a;
  line-height:1.15;
}

.spin-result-sub{
  font-size:13px;
  color:#6b7280;
  margin-top:4px;
}

.spin-result-card.try-again .spin-result-icon{
  background:#fdecef;
}

.spin-result-card.try-again .spin-result-icon .material-icons-round{
  color:#e11d48;
}

.spin-result-card.try-again .spin-result-title{
  color:#e11d48;
}

#spinPage .spin-help-btn{
  width:36px;
  height:36px;
}

#spinPage .spin-page-title-icon{
  font-size:18px;
}

#spinWheelPage .spin-help-btn{
  width:36px;
  height:36px;
}

#spinWheelPage .spin-page-title-icon{
  font-size:18px;
}

body.spin-screenshot-mode .bottom-nav{
  display:none!important;
}

body.spin-screenshot-mode #spinPage .page-header{
  display:flex!important;
}

body.spin-screenshot-mode #spinPage .page-scroll{
  padding:16px 16px 120px!important;
  background:linear-gradient(180deg,#e8790a 0%,#8c4a07 46%,#fcf2e7 100%)!important;
  overflow:auto!important;
}

body.spin-screenshot-mode #spinPageContent{
  min-height:100%;
}

.spin-screenshot-screen{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
}

.spin-screenshot-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:top left;
  user-select:none;
  -webkit-user-drag:none;
}

.spin-screenshot-back{
  position:absolute;
  top:0;
  left:0;
  width:56px;
  height:56px;
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  z-index:2;
}

body.spin-screenshot-mode .bottom-nav{
  display:flex!important;
}

body.spin-screenshot-mode #spinPage .page-header{
  background:linear-gradient(180deg,#245fd6 0%,#245fd6 100%);
  border-bottom:none;
  min-height:92px;
  align-items:flex-end;
  justify-content:flex-start;
  padding:14px 16px 18px;
}

body.spin-screenshot-mode #spinPage .page-header h1{
  flex:1;
  text-align:left;
  justify-content:flex-start;
  color:#fff;
  font-size:26px;
  font-weight:800;
  letter-spacing:-0.02em;
}

body.spin-screenshot-mode #spinPage .page-header .icon-btn{
  display:flex!important;
  color:#fff!important;
}

body.spin-screenshot-mode #spinPage .page-header > span:last-child{
  display:block!important;
  min-width:40px;
}

body.spin-screenshot-mode #spinPage .page-scroll{
  background:#f7f1e7!important;
  padding:14px 16px 108px!important;
  overflow:auto!important;
}

body.spin-screenshot-mode #spinPageContent{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.spin-rewards-screen{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.spin-rewards-hero-card{
  position:relative;
  min-height:150px;
  border-radius:18px;
  overflow:hidden;
  padding:16px 14px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.42) 0 14%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#f6de9c 0%,#f3cb74 60%,#f7dfad 100%);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.spin-rewards-hero-card::after{
  content:'';
  position:absolute;
  inset:-28% -18% auto -18%;
  height:220px;
  background:radial-gradient(circle at center, rgba(255,255,255,.25) 0 20%, rgba(255,255,255,0) 58%);
  opacity:.9;
  pointer-events:none;
}

.spin-rewards-hero-copy{
  position:relative;
  z-index:1;
  max-width:58%;
}

.spin-rewards-hero-copy h2{
  font-size:22px;
  line-height:1.15;
  font-weight:500;
  color:#66523a;
  margin-bottom:6px;
}

.spin-rewards-hero-copy p{
  font-size:13px;
  line-height:1.35;
  color:#7a6448;
  margin-bottom:14px;
}

.spin-rewards-hero-card .spin-now-btn{
  width:auto;
  min-width:96px;
  height:34px;
  border:none;
  border-radius:6px;
  padding:0 14px;
  background:#4462d6;
  box-shadow:none;
  color:#fff;
  font-size:14px;
  font-weight:700;
}

.spin-rewards-hero-wheel{
  position:absolute;
  right:-2px;
  bottom:-8px;
  width:160px;
  height:160px;
  z-index:1;
}

#spinPage .spin-wheel-stage--preview{
  position:absolute;
  right:0;
  bottom:0;
  width:160px;
  height:160px;
  margin:0;
  display:block;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-pointer{
  top:6px;
  border-left-width:11px;
  border-right-width:11px;
  border-top-width:22px;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-pointer::after{
  left:-6px;
  top:-23px;
  width:12px;
  height:12px;
  box-shadow:0 0 0 3px rgba(255,255,255,.35);
}

#spinPage .spin-wheel-stage--preview .spin-wheel-disc{
  top:20px;
  width:124px;
  height:124px;
  border-width:7px;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  transition:none !important;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-disc::before{
  inset:10px;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-disc::after{
  width:38px;
  height:38px;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-label{
  width:62px;
  font-size:10px;
  line-height:1.05;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-label.try-again{
  width:58px;
  font-size:9px;
}

#spinPage .spin-wheel-stage--preview .spin-wheel-center{
  width:46px;
  height:46px;
  font-size:11px;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.25), 0 6px 12px rgba(0,0,0,.18);
  pointer-events:none;
}

.spin-ads-card{
  background:#fff;
  border-radius:16px;
  padding:14px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.spin-ads-title{
  font-size:17px;
  font-weight:600;
  color:#4b3b2d;
  margin-bottom:10px;
}

.spin-ads-slot{
  min-height:74px;
  border:1px dashed #d8d8d8;
  border-radius:14px;
  background:#fbfbfb;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a8a8a;
  font-size:13px;
  font-weight:500;
}

.spin-ads-slot--live{
  width:100%;
  padding:0;
  border-style:solid;
  overflow:hidden;
  cursor:pointer;
}

.spin-ads-slot--live img{
  display:block;
  width:100%;
  min-height:74px;
  max-height:180px;
  object-fit:cover;
}

.spin-ads-empty{
  min-height:74px;
  border:1px dashed #d8d8d8;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fbfbfb;
  color:#8a8a8a;
  font-size:13px;
  font-weight:600;
}

.spin-info-card{
  background:#fff;
  border-radius:16px;
  padding:14px 16px 16px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.spin-info-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.spin-info-head > div:first-child{
  min-width:0;
  flex:1;
}

.spin-info-subtitle{
  font-size:12px;
  line-height:1.35;
  color:#7d7d7d;
  margin-top:4px;
}

.spin-info-subtitle--labels{
  display:grid;
  grid-template-columns:0.95fr 1fr 1.15fr;
  gap:10px;
  width:100%;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
}

.spin-info-subtitle--labels span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.spin-info-subtitle--labels span:nth-child(2){
  text-align:center;
}

.spin-info-subtitle--labels span:nth-child(3){
  text-align:right;
}

.spin-info-count{
  flex:none;
  padding:4px 10px;
  border-radius:999px;
  background:#f4f4f4;
  color:#6a6a6a;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.spin-info-table{
  display:flex;
  flex-direction:column;
  border:1px solid #ececec;
  border-radius:14px;
  overflow:hidden;
}

.spin-info-row{
  display:grid;
  grid-template-columns:0.9fr 1fr 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  background:#fff;
  border-top:1px solid #f1f1f1;
}

.spin-info-row--head{
  background:#fff9f2;
  border-top:none;
  color:#ed7c0a;
  font-size:12px;
  font-weight:800;
}

.spin-info-row:not(.spin-info-row--head) span:nth-child(1){
  font-weight:700;
  color:#4b3b2d;
}

.spin-info-row:not(.spin-info-row--head) span:nth-child(2){
  font-weight:700;
  color:#1f2937;
}

.spin-info-row:not(.spin-info-row--head) span:nth-child(3){
  justify-self:end;
}

.spin-info-row--head span{
  color:#ed7c0a;
  font-weight:800;
}

.spin-info-empty{
  padding:14px 12px;
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  text-align:center;
  color:#7d7d7d;
  font-size:12px;
  line-height:1.45;
}

.spin-rules-card{
  background:#fffaf6;
  align-self:flex-end;
  width:min(100%,320px);
}

.spin-rules-btn{
  border:none;
  border-radius:999px;
  padding:8px 14px;
  background:#834507;
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(131,69,7,.16);
}

.spin-rules-btn:active{
  transform:translateY(1px);
}

.spin-rewards-screen--minimal{
  gap:0;
}

.spin-rules-only-card{
  width:min(100%,320px);
  min-height:auto;
  border-radius:16px;
  background:#fffaf6;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:14px 16px;
  align-self:flex-end;
}

#spinPage .spin-rules-only-card .spin-rules-btn{
  min-width:120px;
  height:40px;
  font-size:14px;
}

.spin-rules-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.spin-rule-item{
  padding:10px 12px;
  border-radius:12px;
  background:#fff;
  border:1px solid #faebdb;
  color:#4b3b2d;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}

#spinWheelPage .page-header{
  background:linear-gradient(90deg,#ed7b0a 0%,#ea7a0a 28%,#8e4b07 68%,#834507 100%);
  border-bottom:none;
  color:#fff;
  min-height:92px;
  align-items:flex-end;
  justify-content:flex-start;
  padding:14px 16px 18px;
}

#spinWheelPage .page-header h1{
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
  font-size:18px;
  font-weight:800;
}

#spinWheelPage .page-header .icon-btn{
  color:#fff;
}

#spinWheelPage .page-header > span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:40px;
}

#spinWheelPage .page-scroll{
  background:
    radial-gradient(circle at 50% 30%, rgba(246,140,34,.34) 0%, rgba(246,140,34,0) 26%),
    radial-gradient(circle at 35% 48%, rgba(245,136,26,.18) 0%, rgba(245,136,26,0) 34%),
    radial-gradient(circle at 78% 42%, rgba(132,69,7,.28) 0%, rgba(132,69,7,0) 32%),
    linear-gradient(135deg,#ed7b0a 0%,#f07d0a 31%,#e9790a 56%,#884807 78%,#834507 100%);
  padding:14px 16px 108px;
  overflow:auto;
}

#spinWheelPageContent{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.spin-wheel-page-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}

@media (max-width: 380px){
  .spin-rules-card{
    width:min(100%,304px);
  }

  .spin-info-subtitle--labels{
    gap:10px;
    font-size:10px;
  }

  .spin-info-row{
    grid-template-columns:0.75fr 1fr 1fr;
    padding:11px 10px;
    gap:10px;
  }

  .spin-info-row--head{
    font-size:11px;
  }

  .spin-info-count{
    font-size:10px;
  }
}

#spinWheelPage .spin-wheel-stage{
  position:relative;
  width:min(100%,344px);
  height:364px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  isolation:isolate;
}

#spinWheelPage .spin-wheel-stage::before{
  content:'';
  position:absolute;
  left:50%;
  top:14px;
  width:336px;
  height:336px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.14) 0 44%, rgba(246,137,28,.34) 52%, rgba(246,137,28,.16) 61%, rgba(246,137,28,0) 72%);
  filter:blur(14px);
  opacity:.96;
  z-index:0;
  animation:spinGlowPulse 3.8s ease-in-out infinite;
}

#spinWheelPage .spin-wheel-stage::after{
  content:'';
  position:absolute;
  left:50%;
  top:10px;
  width:332px;
  height:332px;
  transform:translateX(-50%) rotate(0deg);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, transparent 59%, rgba(255,246,185,.96) 60% 61%, rgba(246,138,29,.55) 62% 63.5%, transparent 64.5%),
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(255,255,255,.22) 67% 68%, transparent 69%);
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 24px rgba(245,136,26,.32);
  filter:drop-shadow(0 0 16px rgba(245,136,26,.62));
  opacity:.95;
  z-index:1;
  pointer-events:none;
  animation:spinWheelOrbit 16s linear infinite;
}

#spinWheelPage .spin-wheel-pointer{
  position:absolute;
  top:2px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:28px solid #f4ca58;
  z-index:3;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18)) drop-shadow(0 0 8px rgba(255,223,112,.4));
}

#spinWheelPage .spin-wheel-pointer::after{
  content:'';
  position:absolute;
  left:-7px;
  top:-28px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffd96a;
  box-shadow:0 0 0 4px rgba(255,255,255,.34), 0 0 10px rgba(255,217,106,.55);
}

#spinWheelPage .spin-wheel-disc{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%) rotate(0deg);
  width:292px;
  height:292px;
  border-radius:50%;
  border:9px solid #f5cd63;
  background:conic-gradient(from -126deg,#ee7c0a 0deg 72deg,#ec7b0a 72deg 144deg,#1f68d1 144deg 216deg,#f8991f 216deg 288deg,#05a88b 288deg 360deg);
  box-shadow:0 0 0 4px rgba(255,255,255,.12), 0 0 26px rgba(245,135,25,.45), 0 0 64px rgba(245,135,25,.22), 0 18px 36px rgba(0,0,0,.22);
  transition:transform 4.8s cubic-bezier(.17,.67,.14,1);
  z-index:2;
}

#spinWheelPage .spin-wheel-disc::before{
  content:'';
  position:absolute;
  inset:11px;
  border-radius:50%;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35), inset 0 0 0 7px rgba(255,209,103,.12);
  pointer-events:none;
}

#spinWheelPage .spin-wheel-disc::after{
  content:'';
  position:absolute;
  inset:50%;
  width:66px;
  height:66px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 35% 30%,#f58617 0%,#f17e0a 55%,#934e08 100%);
  border-radius:50%;
  box-shadow:0 0 0 4px #f6ca57, 0 6px 18px rgba(0,0,0,.28), inset 0 2px 2px rgba(255,255,255,.25);
}

#spinWheelPage .spin-wheel-label{
  position:absolute;
  top:50%;
  left:50%;
  transform-origin:center center;
  font-size:16px;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.18);
  white-space:normal;
  width:88px;
  text-align:center;
  letter-spacing:-0.01em;
  display:flex;
  align-items:center;
  justify-content:center;
}

#spinWheelPage .spin-wheel-label.try-again{
  font-size:14px;
  line-height:1.05;
  width:78px;
}

#spinWheelPage .spin-wheel-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:88px;
  height:88px;
  border:none;
  padding:0;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f58515 0%,#ed7b0a 60%,#8d4a07 100%);
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.04em;
  box-shadow:0 0 0 4px #f6ca57, inset 0 2px 3px rgba(255,255,255,.2), 0 10px 24px rgba(0,0,0,.24);
  z-index:2;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

#spinWheelPage .spin-wheel-center.disabled{
  opacity:.55;
  pointer-events:none;
}

#spinWheelPage .spin-rule{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:13px;
  font-weight:700;
  color:#fff3e7;
  text-align:center;
}

#spinWheelPage .spin-rule-sub{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:12px;
  color:rgba(255,255,255,.88);
  margin-top:6px;
}

#spinWheelPage .spin-rule-sub .material-icons-round{
  font-size:16px;
  color:#ffd36a;
}

#spinWheelPage .spin-rule .material-icons-round{
  font-size:16px;
  color:#ffd36a;
}

@keyframes spinGlowPulse{
  0%,100%{
    opacity:.84;
    transform:translateX(-50%) scale(1);
  }
  50%{
    opacity:1;
    transform:translateX(-50%) scale(1.02);
  }
}

@keyframes spinWheelOrbit{
  0%{
    transform:translateX(-50%) rotate(0deg);
  }
  100%{
    transform:translateX(-50%) rotate(360deg);
  }
}

@keyframes spinLauncher{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@media (max-width: 380px){
  .categories-rail{width:86px;padding:8px 5px}
  .categories-rail-item{padding:10px 4px}
  .categories-unified-grid{gap:10px}
  .listing-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-hero h2{font-size:18px}
}

/* === Shopping Theme Overrides === */
#homePage .home-location-row{
  padding:0;
  margin-top:4px;
}

#homePage #homeScroll{
  padding-bottom:0;
}

.orders-page-shell{
  padding:0 16px;
}

.home-location-card,
.orders-search-wrap{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:14px;
  padding:0 12px;
  min-height:44px;
  box-shadow:0 2px 8px rgba(15,23,42,.05);
}

.home-location-card{
  cursor:pointer;
  text-align:left;
}

#homePage .home-location-card{
  border:none;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  min-height:auto;
  padding:6px 0 8px;
  gap:10px;
}

.home-location-card .material-icons-round{
  color:#5b6fdc!important;
  flex-shrink:0;
  font-size:18px;
}

.home-location-copy{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
}

.home-location-label{
  font-size:14px;
  font-weight:700;
  color:#1f2937;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.home-location-sub{
  font-size:11px;
  color:#6b7280;
  margin-top:3px;
}

.home-location-arrow{
  color:#9ca3af!important;
  font-size:18px;
  margin-left:auto;
}

#homePage .home-categories-section .section-header{
  display:none;
}

.home-category-scroll-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  padding:0;
}

.home-category-hgrid{
  display:grid;
  grid-auto-flow:row;
  grid-template-rows:repeat(2,auto);
  grid-template-columns:repeat(6,58px);
  grid-auto-columns:58px;
  gap:12px 6px;
  width:max-content;
  padding:8px 0 4px;
}

.home-category-card{
  width:58px;
  min-width:58px;
  max-width:58px;
  gap:4px;
}

.home-category-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f9f9f9;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  box-sizing:border-box;
  padding:4px;
}

.home-category-icon .material-icons-round{
  color:#fff;
  font-size:26px;
}

.home-category-card span:last-child{
  font-size:11px;
  font-weight:600;
  color:#4b5563;
  line-height:1.2;
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:0;
  margin-top:0;
  text-align:center;
}

.banner-carousel,
.food-banner-section,
.reseller-banner{
  display:none!important;
}

#homePage .home-feed-comparison-section{
  display:block!important;
  padding:4px 8px 0!important;
}

#homePage #trendingProducts{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:12px;
  margin:0 -16px;
  padding:0 16px 16px;
  width:calc(100% + 32px);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

#homePage #trendingProducts::-webkit-scrollbar{
  display:none;
}

#homePage #trendingProducts .home-product-card{
  flex:0 0 46%;
  min-width:46%;
  max-width:280px;
  scroll-snap-align:start;
}

#homePage .home-feed-split-shell{
  margin:0 -8px;
  padding:0 8px 2px;
}

#homePage .home-feed-split-grid{
  display:flex;
  gap:6px;
  align-items:stretch;
  width:100%;
}

#homePage .home-feed-split-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  min-height:0;
}

#homePage .home-feed-split-column:first-child{
  flex:1 1 0;
}

#homePage .home-feed-split-column:last-child{
  flex:1 1 0;
}

#homePage .home-feed-split-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:none;
  overflow:visible;
  scroll-snap-type:none;
  scroll-behavior:auto;
  overscroll-behavior:auto;
  padding-right:0;
  scrollbar-width:auto;
  width:100%;
}

#homePage .home-feed-split-list::-webkit-scrollbar{
  display:none;
}

#homePage .home-feed-split-sentinel{
  width:100%;
  height:1px;
}

#homePage .home-feed-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #edf0f5;
  background:#fff;
  border-radius:14px;
  padding:8px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  transition:.2s;
  min-height:72px;
  scroll-snap-align:start;
}

#homePage .home-feed-card:active{
  transform:scale(.99);
}

#homePage .home-food-rail-card{
  width:100%;
  min-width:0;
  max-width:none;
  border:none;
  border-radius:0;
  appearance:none;
  -webkit-appearance:none;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  min-height:0;
  overflow:hidden;
  text-align:left;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  min-height:300px;
}

#homePage .home-food-rail-card .pc-img{
  border-radius:0;
}

#homePage .home-food-subcats{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  max-height:none;
  overflow:visible;
  padding-right:0;
  scrollbar-width:auto;
}

#homePage .home-food-subcats::-webkit-scrollbar{
  display:none;
}

#homePage .home-food-subcat{
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(118,169,59,.08);
  color:#2e6b45;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

#homePage .home-feed-split-column .product-card{
  min-width:0;
  max-width:none;
  width:100%;
  border-radius:0;
  min-height:300px;
}

#homePage .home-feed-split-column .product-card .pc-img{
  border-radius:0;
}

#homePage .home-feed-split-column .product-card .pc-verified-badge{
  right:6px;
  bottom:6px;
}

#homePage .home-categories-shell{
  margin:0 -8px;
  padding:0 8px 2px;
}

#homePage .home-categories-filter-bar{
  position:sticky;
  top:0;
  z-index:20;
  margin:0 0 12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.06);
}

#homePage .home-categories-filter-bar .mall-filter-button{
  min-height:50px;
  padding:10px 8px;
}

#homePage .home-categories-filter-bar .mall-filter-sub{
  font-size:10px;
}

#homePage .home-categories-summary{
  margin:0 0 12px;
  font-size:12px;
  font-weight:700;
  color:#6b7280;
}

#homePage .home-categories-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  min-width:0;
}

#homePage .home-categories-grid .listing-card{
  width:100%;
}

#homePage .home-categories-empty{
  grid-column:1 / -1;
}

#categoriesPage .page-scroll{
  background:#fff;
}

.categories-page-header{
  background:#fff;
}

.categories-page-actions .badge.cart-badge{
  top:2px;
  right:2px;
}

.categories-split{
  background:#fff;
}

.categories-rail{
  width:108px;
  border-right:1px solid #f1e8db;
  gap:10px;
  padding:10px 8px;
}

.categories-rail-item{
  padding:10px 6px;
  border-radius:16px;
  border:1px solid #f4ebe0;
}

.categories-rail-item.active{
  border-color:rgba(244,127,10,.22);
  box-shadow:0 0 0 1px rgba(244,127,10,.16) inset;
}

.categories-rail-item.active::before{
  background:#f47f0a;
}

.categories-rail-item.active span{
  color:#f47f0a;
}

.categories-rail-icon{
  width:46px;
  height:46px;
  border-radius:0;
  background:#f8f9fc;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #e8edf4;
  box-shadow:0 4px 10px rgba(15,23,42,.05);
  box-sizing:border-box;
  padding:4px;
}

.categories-rail-icon .material-icons-round{
  color:#fff;
  font-size:24px;
}

.categories-columns{
  padding:12px 12px 18px;
}

.categories-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:12px;
}

.categories-detail-title{
  font-size:16px;
  font-weight:800;
  color:#1f2937;
}

.categories-detail-subtitle{
  font-size:12px;
  color:#6b7280;
  margin-top:4px;
}

.categories-unified-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.categories-unified-thumb{
  border-radius:0;
  background:#fff7ed;
  border:1px solid #f2e3d1;
}

.categories-unified-title{
  font-size:12px;
  font-weight:700;
  color:#263238;
  min-height:30px;
}

.orders-page-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:18px;
}

.orders-search-wrap .material-icons-round{
  color:var(--brand-orange-dark);
}

.orders-search-wrap input{
  border:none;
  outline:none;
  flex:1;
  font-size:14px;
  font-family:inherit;
  background:transparent;
}

.order-tabs.order-tabs--scroll{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:0 0 2px;
  scrollbar-width:none;
}

.order-tabs.order-tabs--scroll::-webkit-scrollbar{
  display:none;
}

.order-tab{
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #eadfd2;
  background:#fff7ed;
  color:#8a5a1a;
  white-space:nowrap;
}

.order-tab.active{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green));
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 16px rgba(247,154,21,.18);
}

.order-tab-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  margin-left:6px;
  font-size:10px;
  font-weight:800;
}

.orders-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.order-card{
  margin:0;
  border-radius:20px;
  border:1px solid #f0e6d9;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.oc-date{
  font-size:11px;
  color:#7a7a7a;
  margin-top:4px;
}

.oc-items{
  align-items:flex-start;
  margin-top:12px;
}

.oc-thumb{
  width:76px;
  height:76px;
  border-radius:16px;
}

.oc-info h4{
  font-size:15px;
  font-weight:800;
}

.oc-info p{
  color:var(--brand-orange-dark);
  font-weight:800;
  margin-top:4px;
}

.oc-meta-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}

.oc-meta-grid span{
  padding:5px 8px;
  border-radius:999px;
  background:#faf7f2;
  border:1px solid #efe5d8;
  font-size:11px;
  color:#5b5b5b;
}

.oc-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.oc-action-btn{
  border:1px solid #eadfd2;
  background:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
  color:#4b3b2d;
  cursor:pointer;
}

.oc-action-btn--primary{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green));
  border-color:transparent;
  color:#fff;
}

.oc-action-btn--danger{
  background:#fff6f6;
  border-color:#f5cccc;
  color:#d32f2f;
}

.oc-status.ordered{
  background:#fff3e0;
  color:#c2410c;
}

.oc-status.shipped,
.oc-status.out-for-delivery,
.oc-status.delivered{
  background:#eafaf0;
  color:var(--brand-green-dark);
}

.oc-status.cancelled,
.oc-status.returned{
  background:#f1f1f1;
  color:#6b7280;
}

.orders-empty-state{
  padding:42px 20px 18px;
}

.orders-empty-state .material-icons-round{
  font-size:58px;
  color:var(--brand-orange);
  margin-bottom:12px;
}

.orders-empty-state h3{
  font-size:18px;
  font-weight:800;
}

.orders-empty-state p{
  font-size:13px;
  color:#6b7280;
  text-align:center;
}

.badge.cart-badge{
  background:var(--brand-orange);
}

.listing-empty-action{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green));
}

#bottomNav .nav-item.active,
#bottomNav .nav-item.active .material-icons-round{
  color:var(--brand-green-dark)!important;
}

.btn-outline{
  color:var(--brand-green-dark)!important;
  border-color:var(--brand-green-dark)!important;
}

.spin-wheel-launcher{
  background:linear-gradient(135deg,#ec7b0a,#f58311)!important;
  box-shadow:0 12px 24px rgba(236,123,10,.22)!important;
}

#spinPage .page-header,
#spinWheelPage .page-header{
  background:linear-gradient(180deg,#ec7b0a 0%,#e6780a 100%)!important;
  border-bottom:none!important;
  min-height:62px!important;
  align-items:center!important;
  padding:8px 16px 10px!important;
}

#spinWheelPage .page-header h1{
  gap:6px!important;
}

#spinWheelPage .page-scroll{
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.24) 0 12%, rgba(255,255,255,.12) 13%, rgba(255,255,255,.05) 18%, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 50% 43%, rgba(246,137,28,.24) 0 18%, rgba(246,137,28,.1) 28%, rgba(246,137,28,0) 42%),
    linear-gradient(180deg,#ec7b0a 0%,#ea7a0a 18%,#8e4b07 55%,#824407 100%)!important;
}

#spinWheelPage .spin-wheel-stage::before{
  background:radial-gradient(circle, rgba(255,255,255,.16) 0 44%, rgba(246,137,28,.34) 52%, rgba(246,137,28,.15) 61%, rgba(246,137,28,0) 72%)!important;
  box-shadow:0 0 24px rgba(246,137,28,.28)!important;
}

#spinWheelPage .spin-wheel-stage::after{
  background:
    conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 56deg, rgba(255,245,184,.98) 56deg 62deg, rgba(246,137,29,.74) 62deg 69deg, rgba(255,255,255,0) 69deg 360deg),
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(255,255,255,.22) 67% 68%, transparent 69%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 24px rgba(245,136,26,.34)!important;
}

#spinWheelPage .spin-wheel-disc{
  border-color:#f5cd63!important;
  background:conic-gradient(from -36deg,#ef7d0a 0deg 72deg,#f17e0a 72deg 144deg,#2e73e6 144deg 216deg,#f59a15 216deg 288deg,#1faf59 288deg 360deg)!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.12), 0 0 26px rgba(245,135,25,.45), 0 0 64px rgba(245,135,25,.22), 0 18px 36px rgba(0,0,0,.22)!important;
}

#spinWheelPage .spin-wheel-disc::after{
  background:radial-gradient(circle at 35% 30%,#f58617 0%,#f17e0a 55%,#934e08 100%)!important;
  box-shadow:0 0 0 4px #f6ca57, 0 6px 18px rgba(0,0,0,.28), inset 0 2px 2px rgba(255,255,255,.25)!important;
}

#spinWheelPage .spin-wheel-pointer{
  border-top-color:#f4ca58!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18)) drop-shadow(0 0 8px rgba(255,223,112,.4))!important;
}

#spinWheelPage .spin-wheel-pointer::after{
  background:#ffd96a!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.34), 0 0 10px rgba(255,217,106,.55)!important;
}

#spinWheelPage .spin-wheel-center{
  background:radial-gradient(circle at 35% 30%,#f58515 0%,#ed7b0a 60%,#8d4a07 100%)!important;
}

#spinWheelPage .spin-now-btn{
  background:linear-gradient(90deg,#f58617 0%,#ff6c87 100%)!important;
  box-shadow:0 16px 28px rgba(245,134,23,.32)!important;
  justify-content:space-between!important;
  padding:14px 22px 14px 24px!important;
  position:relative!important;
}

#spinWheelPage .spin-now-btn::after{
  content:'\e5cc';
  font-family:'Material Icons Round';
  font-size:24px;
  line-height:1;
}

#spinPage .spin-now-btn,
#spinPage .spin-rewards-hero-card .spin-now-btn{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
  box-shadow:0 16px 28px rgba(247,154,21,.24)!important;
}

#spinPage .spin-rules-btn{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
  box-shadow:0 6px 14px rgba(247,154,21,.18)!important;
}

#spinPage .spin-rewards-hero-card,
#spinPage .spin-info-card,
#spinPage .spin-ads-card,
#spinPage .spin-info-row--head{
  border-color:#f0e5d5!important;
}

#spinPage .spin-info-row--head{
  background:#fff7ed!important;
}

#spinPage .spin-info-row--head span{
  color:var(--brand-orange-dark)!important;
}

#spinPage .spin-rule{
  color:var(--brand-green-dark)!important;
}

#spinWheelPage .spin-rule{
  color:#fff9f2!important;
}

#spinPage .spin-rule .material-icons-round,
#spinPage .spin-rule-sub .material-icons-round{
  color:var(--brand-orange-dark)!important;
}

#spinWheelPage .spin-rule .material-icons-round,
#spinWheelPage .spin-rule-sub .material-icons-round{
  color:#ffd96a!important;
}

#spinPage .spin-rule-sub{
  color:var(--brand-green-dark)!important;
}

#spinWheelPage .spin-rule-sub{
  color:rgba(255,255,255,.9)!important;
}

#spinPage .spin-result-title,
#spinWheelPage .spin-result-title{
  color:var(--brand-green-dark)!important;
}

#spinPage .spin-result-icon .material-icons-round,
#spinWheelPage .spin-result-icon .material-icons-round{
  color:var(--brand-green-dark)!important;
}

#spinPage .spin-result-card.try-again .spin-result-icon,
#spinWheelPage .spin-result-card.try-again .spin-result-icon{
  background:#fff7ed!important;
}

#spinPage .spin-result-card.try-again .spin-result-icon .material-icons-round,
#spinWheelPage .spin-result-card.try-again .spin-result-icon .material-icons-round{
  color:var(--brand-orange-dark)!important;
}

#spinPage .spin-result-card.try-again .spin-result-title,
#spinWheelPage .spin-result-card.try-again .spin-result-title{
  color:var(--brand-orange-dark)!important;
}

#spinPage .spin-wheel-shell::before{
  background:radial-gradient(circle, rgba(247,154,21,.28) 0%, rgba(247,154,21,.12) 40%, rgba(118,169,59,0) 72%)!important;
}

#spinWheelPage .spin-wheel-stage::before{
  background:radial-gradient(circle, rgba(255,255,255,.16) 0 44%, rgba(246,137,28,.34) 52%, rgba(246,137,28,.15) 61%, rgba(246,137,28,0) 72%)!important;
  box-shadow:0 0 24px rgba(246,137,28,.28)!important;
}

#spinWheelPage .spin-wheel-stage::after{
  background:
    conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 56deg, rgba(255,245,184,.98) 56deg 62deg, rgba(246,137,29,.74) 62deg 69deg, rgba(255,255,255,0) 69deg 360deg),
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(255,255,255,.22) 67% 68%, transparent 69%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 24px rgba(245,136,26,.34)!important;
}

body.spin-screenshot-mode #spinPage .page-header{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
}

body.spin-screenshot-mode #spinPage .page-scroll,
body.spin-screenshot-mode #spinWheelPage .page-scroll{
  background:linear-gradient(180deg,#fff8ee 0%,#f6fdf3 100%)!important;
}

.spinner{
  border-top-color:var(--brand-orange)!important;
}

.search-header{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
}

.address-card.selected,
.payment-option.selected{
  border-color:var(--brand-orange)!important;
  background:#fff7ed!important;
}

.payment-option .material-icons-round{
  color:var(--brand-orange-dark)!important;
}

.profile-account-avatar{
  background:#fff7ed!important;
  color:var(--brand-orange-dark)!important;
}

.profile-edit-btn{
  color:var(--brand-orange-dark)!important;
  border-color:#e7cfba!important;
}

.pm-item .material-icons-round,
.quick-link-card .material-icons-round,
.mini-stat-value,
.rs-item h4,
.categories-mini-price,
.auth-footer span{
  color:var(--brand-orange-dark)!important;
}

.btn-add-food{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
}

.food-item-price{
  color:var(--brand-orange-dark)!important;
}

.qty-btn{
  color:var(--brand-orange-dark)!important;
}

.qty-btn:active{
  background:var(--brand-green-dark)!important;
  color:#fff!important;
}

.suggestion-tags span:active{
  background:var(--brand-orange-dark)!important;
  color:#fff!important;
}

.rc-offer{
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green))!important;
}

.profile-option-row .material-icons-round:first-child{
  color:var(--brand-orange-dark)!important;
}

body.profile-edit-mode .bottom-nav{
  display:none!important;
}

#editProfilePage,
#editProfilePage .page-scroll{
  background:#fff;
}

.profile-edit-page-header{
  justify-content:flex-start!important;
  gap:10px;
  background:#fff!important;
  border-bottom:1px solid #faead9!important;
}

.profile-edit-page-header h1{
  flex:none!important;
  text-align:left!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#47384a!important;
}

.profile-edit-page-header .icon-btn{
  color:#47384a!important;
}

.profile-edit-shell{
  min-height:100%;
  background:#fff;
}

.profile-edit-tabs{
  display:flex;
  gap:22px;
  padding:0 16px;
  border-bottom:1px solid #f9e6d2;
  background:#fff;
  position:sticky;
  top:0;
  z-index:3;
}

.profile-edit-tab{
  position:relative;
  padding:14px 0 12px;
  background:none;
  border:none;
  color:#7c7581;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}

.profile-edit-tab.active{
  color:#ee7c0a;
  font-weight:700;
}

.profile-edit-tab.active::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:#ee7c0a;
}

.profile-edit-body{
  padding:14px 16px 24px;
}

.profile-edit-section{
  display:flex;
  flex-direction:column;
}

.profile-edit-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 0 12px;
  border-bottom:1px solid #ececec;
}

.profile-edit-field:focus-within{
  border-bottom-color:#ee7c0a;
}

.profile-edit-field label{
  font-size:13px;
  font-weight:600;
  color:#8d8d9d;
  line-height:1.3;
}

.profile-edit-field label span{
  color:#ee7c0a;
}

.profile-edit-control{
  position:relative;
  display:flex;
  align-items:center;
  min-height:22px;
}

.profile-edit-control input,
.profile-edit-control select{
  width:100%;
  border:none;
  outline:none;
  background:transparent;
  color:#1d1d29;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  padding:0 0 2px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}

.profile-edit-control input[type="date"]{
  min-height:22px;
  padding-right:28px;
}

.profile-edit-control input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  opacity:0;
  cursor:pointer;
}

.profile-edit-control input[readonly]{
  color:#c1c1cd;
}

.profile-edit-select-control select{
  padding-right:28px;
  cursor:pointer;
}

.profile-edit-select-arrow{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:#9a9aa7;
  font-size:22px;
  pointer-events:none;
}

.profile-edit-action-list{
  display:flex;
  flex-direction:column;
  margin-top:8px;
  border-top:1px solid #f0f0f0;
}

.profile-edit-action-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 0;
  border:none;
  border-top:1px solid #f0f0f0;
  background:#fff;
  color:#1d1d29;
  font-size:14px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}

.profile-edit-action-row:first-child{
  border-top:none;
}

.profile-edit-action-row .material-icons-round:first-child{
  font-size:22px;
  color:#7f7584;
}

.profile-edit-chevron{
  margin-left:auto;
  color:#b9b1be!important;
}

.profile-edit-settings-card{
  background:#fff;
  border:1px solid #faeddf;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.profile-edit-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

.profile-edit-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  padding:8px 10px;
  border-radius:999px;
  background:#fcf4ed;
  border:1px solid #f9e6d2;
  color:#533f52;
  font-size:12px;
  font-weight:600;
}

.profile-edit-chip span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-edit-chip button{
  width:18px;
  height:18px;
  border:none;
  border-radius:50%;
  background:#fff;
  color:#f58310;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
}

.profile-edit-chip button .material-icons-round{
  font-size:14px;
}

.profile-edit-save-wrap{
  padding-top:22px;
}

.profile-edit-save-btn{
  width:100%;
  border:none;
  border-radius:6px;
  padding:14px 18px;
  background:linear-gradient(135deg,#ed7b0a,#f5800a);
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(237,123,10,.2);
}

.profile-edit-save-btn:active{
  transform:scale(.99);
}

/* Categories browsing flow */
#categoriesPage .page-scroll,
#categoryDetailsPage .page-scroll{
  overflow-y:auto;
  overflow-x:hidden;
}

#categoriesPage .page-scroll{
  background:linear-gradient(180deg,#fff 0%,#f8fbf5 100%);
}

#categoryDetailsPage .page-scroll{
  background:#fff;
}

.categories-search-shell{
  position:sticky;
  top:0;
  z-index:6;
  padding:14px 16px 10px;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 75%,rgba(248,251,245,.94) 100%);
  backdrop-filter:blur(8px);
}

.categories-search-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin:0;
  background:#fff;
  border:1px solid #e8efe1;
  border-radius:18px;
  padding:12px 14px;
  box-shadow:0 6px 18px rgba(118,169,59,.08);
}

.categories-search-wrap .material-icons-round{
  color:var(--brand-orange-dark);
}

.categories-search-wrap input{
  padding:0;
  border:none;
  background:transparent;
  outline:none;
  width:100%;
  flex:1;
  font-size:14px;
  color:#1a1a2e;
  font-family:inherit;
}

.categories-search-wrap input::placeholder{
  color:#8a8a8a;
}

.categories-browser-shell{
  padding:0 16px 22px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.categories-browser-banner{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff7ee 0%,#f6fbf3 100%);
  border:1px solid #e9f0e2;
  box-shadow:0 6px 20px rgba(15,23,42,.04);
}

.categories-browser-banner-copy{
  min-width:0;
}

.categories-browser-kicker{
  font-size:11px;
  font-weight:800;
  color:var(--brand-orange-dark);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.categories-browser-banner-copy h2{
  font-size:20px;
  line-height:1.2;
  color:#151515;
  font-weight:800;
  margin-top:4px;
}

.categories-browser-banner-copy p{
  margin-top:6px;
  font-size:13px;
  line-height:1.45;
  color:#666;
}

.categories-browser-count{
  flex-shrink:0;
  min-width:86px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e6eee0;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}

.categories-browser-count .material-icons-round{
  color:var(--brand-green-dark);
  font-size:20px;
}

.categories-browser-count strong{
  font-size:20px;
  line-height:1;
  color:#1a1a2e;
}

.categories-browser-count span:last-child{
  font-size:11px;
  font-weight:700;
  color:#666;
}

.categories-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.browse-category-card{
  border:none;
  background:#fff;
  border-radius:24px;
  padding:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  border:1px solid #eef3ea;
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, box-shadow .18s ease;
  min-width:0;
  overflow:hidden;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.browse-category-card:active{
  transform:scale(.98);
}

.browse-category-media{
  position:relative;
  width:100%;
  aspect-ratio:1;
  border-radius:20px;
  overflow:hidden;
  background:#f7f7f7;
}

.browse-category-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.browse-category-icon{
  position:absolute;
  left:12px;
  top:12px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.browse-category-icon .material-icons-round{
  color:#fff;
  font-size:18px;
}

.browse-category-copy{
  padding-top:12px;
}

.browse-category-title{
  font-size:16px;
  line-height:1.25;
  color:#151515;
  font-weight:800;
}

.browse-category-subtitle{
  margin-top:6px;
  font-size:13px;
  line-height:1.35;
  color:#666;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:38px;
}

.browse-category-meta{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:var(--brand-green-dark);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.categories-empty-state{
  padding:36px 20px;
}

.category-details-shell{
  padding:14px 16px 22px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.category-details-hero{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff7ee 0%,#f6fbf3 100%);
  border:1px solid #e8efe1;
  box-shadow:0 6px 20px rgba(15,23,42,.04);
}

.category-details-hero-art{
  position:relative;
  width:100%;
  aspect-ratio:1;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid #eef3ea;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.category-details-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.category-details-hero-icon{
  position:absolute;
  right:10px;
  bottom:10px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}

.category-details-hero-icon .material-icons-round{
  color:#fff;
  font-size:18px;
}

.category-details-hero-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.category-details-kicker{
  font-size:11px;
  font-weight:800;
  color:var(--brand-orange-dark);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.category-details-hero-copy h2{
  font-size:20px;
  line-height:1.15;
  color:#151515;
  font-weight:800;
}

.category-details-hero-copy p{
  font-size:13px;
  line-height:1.45;
  color:#666;
}

.category-details-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}

.category-details-meta span{
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e6eee0;
  font-size:11px;
  color:#555;
  font-weight:700;
}

.category-details-meta strong{
  color:var(--brand-green-dark);
}

.category-details-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:0 2px;
}

.category-details-section-head h3{
  font-size:16px;
  color:#151515;
  font-weight:800;
}

.category-details-section-head p{
  font-size:12px;
  color:#666;
  margin-top:2px;
}

.category-subcategory-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.category-subcategory-card{
  border:none;
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
  cursor:pointer;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow:visible;
  transition:transform .18s ease;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.category-subcategory-card:active{
  transform:scale(.98);
}

.category-subcategory-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  border-radius:50%;
  overflow:hidden;
  background:#f8f9fc;
  border:none;
  box-sizing:border-box;
  padding:5px;
  flex:0 0 auto;
}

.category-subcategory-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.category-subcategory-title{
  margin-top:0;
  font-size:12px;
  line-height:1.3;
  color:#151515;
  font-weight:700;
  text-align:center;
  width:100%;
  align-self:stretch;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:0;
}

.category-subcategory-meta{
  display:none;
}

.listing-wishlist.active{
  color:var(--brand-green-dark);
}

.listing-loading-state{
  padding:0 16px 16px;
}

.listing-loading-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.listing-loading-card{
  background:#fff;
  border-radius:18px;
  padding:10px;
  border:1px solid #f2f2f2;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.listing-loading-thumb,
.listing-loading-line{
  background:linear-gradient(90deg,#eef2ea 25%,#f8fbf6 37%,#eef2ea 63%);
  background-size:400% 100%;
  animation:listingShimmer 1.35s ease-in-out infinite;
}

.listing-loading-thumb{
  aspect-ratio:1;
  border-radius:14px;
}

.listing-loading-line{
  height:10px;
  border-radius:999px;
  margin-top:8px;
}

.listing-loading-line.short{
  width:70%;
}

.listing-loading-line.tiny{
  width:42%;
}

@keyframes listingShimmer{
  0%{background-position:100% 0}
  100%{background-position:0 0}
}

@media (max-width: 360px){
  .categories-grid{
    grid-template-columns:1fr;
  }

  .category-details-hero{
    grid-template-columns:1fr;
  }

  .category-details-hero-art{
    max-width:180px;
    margin:0 auto;
  }
}

@media (min-width: 720px){
  .categories-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Categories split layout */
#categoriesPage .page-scroll{
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fff;
}
#categoriesPage .cat-list,
#categoriesPage .categories-split.categories-split--hrows,
#categoriesPage .categories-columns.categories-hrows{
  flex:0 0 auto;
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
}

#categoriesPage .page-scroll .search-input-wrap input:focus{
  border-color:var(--brand-orange-dark);
}

.cat-list{
  flex:1;
  min-height:0;
  padding:0;
}

.categories-split{
  display:flex;
  width:100%;
  height:100%;
  min-height:0;
  background:#fff;
}
.categories-split.categories-split--hrows{
  height:auto;
  min-height:0;
  flex:0 0 auto;
  overflow:visible;
}

.categories-rail{
  width:104px;
  flex:0 0 104px;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:10px 8px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#fff;
  border-right:1px solid #faecdd;
  scrollbar-width:none;
}

.categories-rail::-webkit-scrollbar,
.categories-columns::-webkit-scrollbar{
  display:none;
}

.categories-rail-item{
  position:relative;
  border:none;
  background:#fff;
  border-radius:16px;
  padding:10px 6px 11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  cursor:pointer;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  border:1px solid #edf2ea;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.categories-rail-item:active{
  transform:scale(.98);
}

.categories-rail-item::before{
  content:'';
  position:absolute;
  left:-7px;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:transparent;
}

.categories-rail-item.active{
  background:#fffefb;
  border-color:rgba(244,127,10,.22);
  box-shadow:0 0 0 1px rgba(244,127,10,.16) inset, 0 6px 16px rgba(0,0,0,.04);
}

.categories-rail-item.active::before{
  background:#f47f0a;
}

.categories-rail-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(247,154,21,.12),rgba(118,169,59,.12));
  border:1px solid #e5efe0;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  box-sizing:border-box;
  padding:4px;
  flex:0 0 48px;
}

.categories-rail-img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.categories-rail-item span{
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
  color:#5b6470;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:26px;
}

.categories-rail-item.active span{
  color:#f47f0a;
}

.categories-columns{
  flex:1;
  min-width:0;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:12px 14px 18px;
  background:#fff;
  scroll-behavior:smooth;
  scrollbar-width:none;
}

.categories-section{
  scroll-margin-top:12px;
  margin-bottom:18px;
  padding-bottom:2px;
}

.categories-section-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:#7b8494;
}

.categories-section-rule{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(148,163,184,.42),rgba(203,213,225,.5),rgba(226,232,240,0));
  margin:8px 0 12px;
}

.categories-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.categories-section-head h3{
  font-size:17px;
  line-height:1.15;
  font-weight:800;
  color:#1f2937;
  margin:0;
}

.categories-section-head p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.35;
  color:#6b7280;
}

.categories-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.categories-section-card{
  border:none;
  background:transparent;
  border-radius:0;
  padding:0;
  text-align:center;
  cursor:pointer;
  min-width:0;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  transition:transform .18s ease;
}

.categories-section-card:active{
  transform:scale(.98);
}

.categories-section-card:hover{
  box-shadow:none;
}

.categories-section-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  border-radius:0;
  overflow:hidden;
  background:#f8f9fc;
  border:none;
  box-sizing:border-box;
  padding:5px;
  flex:0 0 auto;
}

.categories-section-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.categories-section-title{
  margin-top:0;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  color:#1f2937;
  text-align:center;
  width:100%;
  align-self:stretch;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:0;
}

.categories-section-subtitle{
  display:none;
}

.categories-empty-state--full{
  min-height:calc(100vh - 220px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.categories-empty-state--full .listing-empty-action{
  margin-top:6px;
}

@media (max-width: 420px){
  .categories-rail{
    width:92px;
    flex-basis:92px;
    padding:10px 6px 14px;
    gap:10px;
  }

  .categories-rail-item{
    padding:9px 4px 10px;
  }

  .categories-rail-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .categories-columns{
    padding:12px 10px 18px;
  }

  .categories-section-grid{
    gap:10px;
  }

  .categories-section-card{
    padding:0;
  }

  .category-subcategory-media,
  .categories-section-media{
    width:54px;
    height:54px;
    padding:4px;
  }
}

@media (max-width: 360px){
  .categories-section-grid{
    gap:7px;
  }

  .category-subcategory-media,
  .categories-section-media{
    width:50px;
    height:50px;
    padding:4px;
  }

  .categories-section-head h3{
    font-size:16px;
  }

  .categories-section-title{
    font-size:11px;
  }
}

 /* ==================== SANRAJ PRIMIUM MALL ==================== */
:root{
  --mall-orange:#FF7A00;
  --mall-orange-soft:#FFF3E5;
  --mall-orange-deep:#d96b00;
  --mall-green:#0A9F58;
  --mall-green-soft:#E9FFF3;
  --mall-green-deep:#08794a;
  --mall-text:#222222;
  --mall-muted:#666666;
  --mall-border:#E5E5E5;
  --mall-white:#FFFFFF;
}

.mall-page-shell,
.mall-secondary-shell{
  min-height:100%;
  background:linear-gradient(180deg,#ffffff 0%,#fff8ef 100%);
  color:var(--mall-text);
  padding-bottom:112px;
}

.mall-header{
  position:sticky;
  top:0;
  z-index:40;
  padding:12px 16px 10px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(229,229,229,.9);
}

.mall-header-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.mall-title-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.mall-title-chip{
  align-self:flex-start;
  padding:5px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mall-title-wrap h1{
  margin:0;
  font-size:19px;
  line-height:1.2;
  font-weight:900;
  color:var(--mall-text);
}

.mall-heading-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.mall-top-rating-chip{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  background:#ecfdf5;
  color:#047857;
  border:1px solid rgba(4,120,87,.12);
  font-size:11px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

.mall-header-actions{
  display:flex;
  gap:4px;
}

.mall-icon-btn{
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  background:#fff;
  color:#333;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:1px solid rgba(229,229,229,.9);
  box-shadow:0 4px 12px rgba(15,23,42,.05);
}

.mall-icon-btn .material-icons-round{
  font-size:22px;
}

.mall-cart-badge{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--mall-orange);
  color:#fff;
  font-size:10px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
}

.mall-location-row{
  width:calc(100% - 32px);
  margin:12px 16px 0;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(229,229,229,.95);
  background:linear-gradient(135deg,#fff,#fffaf3);
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  color:var(--mall-text);
  box-shadow:0 4px 16px rgba(15,23,42,.04);
}

.mall-location-icon,
.mall-location-arrow{
  color:var(--mall-orange);
  font-size:22px;
  flex-shrink:0;
}

.mall-location-copy{
  flex:1;
  min-width:0;
}

.mall-location-title{
  font-size:14px;
  font-weight:800;
  line-height:1.35;
}

.mall-location-sub{
  margin-top:2px;
  font-size:12px;
  color:var(--mall-muted);
}

.mall-section{
  padding:16px 16px 0;
}

.mall-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:12px;
}

.mall-section-head h2{
  margin:0;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  color:var(--mall-text);
}

.mall-section-head p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.4;
  color:var(--mall-muted);
}

.mall-section-head--inline{
  align-items:center;
}

.mall-view-all{
  border:none;
  background:none;
  color:var(--mall-orange-deep);
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:2px;
  white-space:nowrap;
}

.mall-view-all .material-icons-round{
  font-size:18px;
}

.mall-category-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:96px;
  grid-template-rows:repeat(2, minmax(0, 1fr));
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:none;
}

.mall-category-grid::-webkit-scrollbar,
.mall-budget-row::-webkit-scrollbar,
.mall-brand-row::-webkit-scrollbar{
  display:none;
}

.mall-category-card{
  border:none;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  border:1px solid rgba(229,229,229,.9);
  min-width:0;
  padding:0;
}

.mall-category-media{
  aspect-ratio:1;
  background:linear-gradient(135deg,var(--mall-orange-soft),var(--mall-green-soft));
  overflow:hidden;
}

.mall-category-media img,
.mall-budget-media img,
.mall-product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mall-category-label{
  min-height:34px;
  padding:8px 8px 9px;
  color:#fff;
  font-size:11px;
  line-height:1.25;
  font-weight:900;
  text-align:center;
}

.mall-budget-section{
  margin:16px 16px 0;
  padding:16px 12px 14px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff8ef,#fff);
  border:1px solid rgba(255,219,179,.9);
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}

.mall-budget-row{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}

.mall-budget-card{
  width:168px;
  flex:0 0 168px;
  border:none;
  padding:0;
  text-align:left;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(229,229,229,.9);
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  cursor:pointer;
}

.mall-budget-media{
  position:relative;
  aspect-ratio:1;
  background:linear-gradient(135deg,#fff8ef,#f3fbf6);
}

.mall-budget-wish,
.mall-budget-cart{
  position:absolute;
  right:10px;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(15,23,42,.12);
  cursor:pointer;
  z-index:2;
  color:#666;
}

.mall-budget-wish{
  top:10px;
}

.mall-budget-wish.active{
  color:#e11d48;
}

.mall-budget-cart{
  top:50px;
  color:#0a9f58;
}

.mall-budget-wish .material-icons-round,
.mall-budget-cart .material-icons-round{
  font-size:18px;
}

.mall-budget-pill,
.mall-product-pill{
  position:absolute;
  top:10px;
  left:10px;
  padding:4px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.mall-budget-timer,
.mall-product-timer{
  position:absolute;
  top:10px;
  right:44px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(229,229,229,.9);
  color:var(--mall-orange-deep);
  font-size:10px;
  font-weight:800;
}

.mall-budget-offer,
.mall-product-offer{
  position:absolute;
  left:10px;
  bottom:10px;
  padding:4px 8px;
  border-radius:10px;
  background:#fff5e8;
  color:var(--mall-orange-deep);
  font-size:10px;
  font-weight:900;
  border:1px solid #ffd9b3;
}

.mall-budget-body,
.mall-product-body{
  padding:10px 10px 12px;
}

.mall-budget-name,
.mall-product-title{
  font-size:13px;
  line-height:1.35;
  font-weight:800;
  color:var(--mall-text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;
}

.mall-budget-price-row,
.mall-product-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:4px;
}

.mall-budget-price,
.mall-product-price{
  font-size:16px;
  line-height:1.1;
  font-weight:900;
  color:var(--mall-text);
}

.mall-budget-upi,
.mall-product-upi{
  padding:3px 8px;
  border-radius:999px;
  background:var(--mall-green-soft);
  color:var(--mall-green);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.mall-budget-meta,
.mall-product-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:4px;
}

.mall-budget-old,
.mall-product-old{
  color:#999;
  font-size:12px;
  text-decoration:line-through;
}

.mall-budget-discount,
.mall-product-discount{
  color:var(--mall-orange-deep);
  font-size:12px;
  font-weight:800;
}

.mall-budget-rating,
.mall-product-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  flex-wrap:wrap;
}

.mall-rating-pill{
  padding:2px 7px;
  border-radius:6px;
  background:var(--mall-green);
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.mall-rating-count{
  font-size:11px;
  color:#777;
}

.mall-product-cod{
  margin-top:4px;
  font-size:12px;
  color:#555;
}

.mall-product-chip{
  margin-top:8px;
  align-self:flex-start;
  padding:5px 8px;
  border-radius:999px;
  background:#fff3e5;
  border:1px solid #ffd9b1;
  color:var(--mall-orange-deep);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mall-product-media{
  position:relative;
  aspect-ratio:.92;
  background:linear-gradient(135deg,#fff8ef,#f3fbf6);
  overflow:hidden;
}

.mall-product-wish{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#666;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(15,23,42,.12);
  cursor:pointer;
  z-index:2;
}

.mall-product-wish.active{
  color:#e11d48;
}

.mall-product-wish .material-icons-round{
  font-size:18px;
}

#mallPage .mall-product-cart{
  position:absolute;
  top:50px;
  right:10px;
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(15,23,42,.08);
  cursor:pointer;
  z-index:2;
  color:#0a9f58;
}

#mallPage .mall-product-cart .material-icons-round{
  font-size:18px;
}

.mall-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.mall-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.mall-products-head h2{
  margin:0;
  font-size:16px;
  font-weight:900;
}

.mall-products-head p{
  margin:4px 0 0;
  font-size:12px;
  color:var(--mall-muted);
}

.mall-products-count{
  color:var(--mall-green-deep);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.mall-brand-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}

.mall-brand-card{
  width:104px;
  flex:0 0 104px;
  border:none;
  background:#fff;
  border-radius:18px;
  padding:2px;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  border:1px solid rgba(229,229,229,.9);
}

.mall-brand-inner{
  min-height:104px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  text-align:center;
  color:#fff;
}

.mall-brand-name{
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

.mall-banner-carousel{
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(229,229,229,.9);
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}

.mall-banner-track{
  display:flex;
  width:100%;
  transition:transform .45s ease;
}

.mall-banner-card{
  width:100%;
  flex:0 0 100%;
  min-width:100%;
  border:none;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:10px 11px;
  min-height:114px;
  color:#fff;
}

.mall-banner-card--live{
  padding:0;
  overflow:hidden;
  background:#fff;
}

.mall-live-banner-image{
  display:block;
  width:100%;
  height:100%;
  min-height:114px;
  object-fit:cover;
}

.mall-banner-card,
.mall-banner-copy,
.mall-banner-art{
  min-width:0;
}

.mall-banner-copy{
  flex:1;
  min-width:0;
}

.mall-banner-kicker{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.95;
}

.mall-banner-copy h3{
  margin:3px 0 2px;
  font-size:clamp(13px,3.8vw,16px);
  line-height:1.04;
  font-weight:900;
}

.mall-banner-copy p{
  margin:0;
  font-size:10px;
  line-height:1.3;
  opacity:.92;
}

.mall-banner-cta{
  display:inline-flex;
  margin-top:6px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff;
  color:var(--mall-orange-deep);
  font-size:9px;
  font-weight:900;
}

.mall-banner-art{
  width:clamp(58px,18vw,76px);
  height:clamp(58px,18vw,76px);
  position:relative;
  flex-shrink:0;
}

.mall-banner-art-circle{
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.16);
}

.mall-banner-art-circle.one{
  width:58px;
  height:58px;
  right:0;
  top:0;
}

.mall-banner-art-circle.two{
  width:40px;
  height:40px;
  left:8px;
  bottom:5px;
}

.mall-banner-icon{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  margin:auto;
  border-radius:16px;
  background:rgba(255,255,255,.18);
  box-shadow:0 6px 18px rgba(0,0,0,.1);
  overflow:hidden;
}

.mall-banner-icon .material-icons-round{
  font-size:25px;
  color:#fff;
}

.mall-banner-chip{
  position:absolute;
  left:0;
  bottom:0;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.mall-banner-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:4px;
}

.mall-banner-dot{
  width:8px;
  height:8px;
  border:none;
  border-radius:999px;
  background:rgba(255,122,0,.28);
  padding:0;
}

.mall-banner-dot.active{
  width:22px;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
}

.mall-trust-section{
  padding-top:0;
}

.mall-trust-banner{
  border-radius:24px;
  padding:18px;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
}

.mall-trust-copy h3{
  margin:10px 0 6px;
  font-size:20px;
  line-height:1.2;
  font-weight:900;
}

.mall-trust-copy p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  opacity:.92;
}

.mall-trust-pill{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.mall-trust-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.mall-trust-stat{
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.15);
  border-radius:18px;
  padding:10px;
}

.mall-trust-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  color:var(--mall-green);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.mall-trust-icon .material-icons-round{
  font-size:18px;
}

.mall-trust-stat strong,
.mall-trust-stat span{
  display:block;
}

.mall-trust-stat strong{
  font-size:13px;
  font-weight:900;
}

.mall-trust-stat span:last-child{
  font-size:11px;
  opacity:.9;
}

.mall-filter-bar{
  position:sticky;
  top:64px;
  z-index:35;
  margin:16px 16px 0;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(229,229,229,.95);
  box-shadow:0 4px 16px rgba(15,23,42,.06);
}

.mall-filter-button{
  min-width:0;
  border:none;
  background:#fff;
  padding:10px 8px 11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--mall-muted);
}

.mall-filter-button:not(:last-child){
  border-right:1px solid rgba(229,229,229,.95);
}

.mall-filter-top{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:13px;
  font-weight:800;
  color:var(--mall-text);
}

.mall-filter-top .material-icons-round{
  font-size:18px;
  color:var(--mall-orange);
}

.mall-filter-sub{
  font-size:11px;
  color:var(--mall-muted);
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

.mall-product-section{
  padding-bottom:0;
}

.mall-empty-state{
  grid-column:1 / -1;
  padding:32px 18px;
  background:#fff;
  border-radius:20px;
  border:1px solid rgba(229,229,229,.9);
  text-align:center;
  box-shadow:0 4px 16px rgba(15,23,42,.05);
}

.mall-empty-state .material-icons-round{
  font-size:38px;
  color:var(--mall-orange);
}

.mall-empty-state h3{
  margin:10px 0 6px;
  font-size:18px;
  font-weight:900;
}

.mall-empty-state p{
  margin:0;
  font-size:13px;
  color:var(--mall-muted);
  line-height:1.5;
}

.mall-empty-button,
.mall-sheet-secondary,
.mall-sheet-primary{
  border:none;
  border-radius:14px;
  padding:12px 16px;
  font-size:14px;
  font-weight:900;
}

.mall-empty-button{
  margin-top:14px;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
}

.mall-secondary-shell{
  padding:0 16px 28px;
}

.mall-secondary-header{
  padding:18px 0 14px;
}

.mall-secondary-header h1{
  margin:8px 0 4px;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
}

.mall-secondary-header p{
  margin:0;
  color:var(--mall-muted);
  font-size:13px;
  line-height:1.5;
}

.mall-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.mall-video-card{
  border:none;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  text-align:left;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  border:1px solid rgba(229,229,229,.9);
}

.mall-video-thumb{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mall-video-thumb .material-icons-round{
  font-size:40px;
  color:#fff;
}

.mall-video-copy{
  padding:10px 10px 12px;
}

.mall-video-copy h3{
  margin:0;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  color:var(--mall-text);
}

.mall-video-copy p{
  margin:6px 0 0;
  font-size:12px;
  line-height:1.45;
  color:var(--mall-muted);
}

.mall-location-current{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(229,229,229,.95);
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mall-location-current-label{
  display:block;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--mall-green-deep);
  margin-bottom:4px;
}

.mall-location-current strong{
  font-size:16px;
  line-height:1.35;
  color:var(--mall-text);
}

.mall-location-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.mall-location-card{
  border:none;
  background:#fff;
  border-radius:18px;
  padding:14px;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  border:1px solid rgba(229,229,229,.95);
  box-shadow:0 4px 14px rgba(15,23,42,.05);
}

.mall-location-card.active{
  border-color:rgba(10,159,88,.35);
  box-shadow:0 0 0 1px rgba(10,159,88,.18) inset, 0 4px 14px rgba(15,23,42,.05);
}

.mall-location-card .material-icons-round{
  color:var(--mall-orange);
  font-size:22px;
}

.mall-location-card strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:var(--mall-text);
}

.mall-location-card p{
  margin:4px 0 0;
  font-size:12px;
  color:var(--mall-muted);
}

.mall-sheet{
  padding:18px 18px 16px;
  border-radius:24px 24px 0 0;
  max-height:82vh;
  overflow-y:auto;
}

.mall-sheet-handle{
  width:42px;
  height:4px;
  border-radius:999px;
  background:#e7e7e7;
  margin:0 auto 16px;
}

.mall-sheet-head h2{
  margin:0;
  font-size:20px;
  font-weight:900;
  color:var(--mall-text);
}

.mall-sheet-head p{
  margin:6px 0 0;
  font-size:13px;
  color:var(--mall-muted);
  line-height:1.5;
}

.mall-sheet-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.mall-sheet-option{
  border:1px solid rgba(229,229,229,.95);
  background:#fff;
  border-radius:16px;
  padding:14px;
  text-align:left;
}

.mall-sheet-option.active{
  border-color:rgba(10,159,88,.35);
  box-shadow:0 0 0 1px rgba(10,159,88,.18) inset;
}

.mall-sheet-option-title{
  display:block;
  font-size:14px;
  font-weight:900;
  color:var(--mall-text);
}

.mall-sheet-option-helper{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:var(--mall-muted);
}

.mall-sheet-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.mall-sheet-actions--split{
  justify-content:space-between;
}

.mall-sheet-secondary{
  flex:1;
  background:#fff;
  border:1px solid rgba(229,229,229,.95);
  color:var(--mall-text);
}

.mall-sheet-primary{
  flex:1;
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
}

.mall-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.mall-chip-grid--tight{
  gap:10px;
}

.mall-chip{
  border:1px solid rgba(229,229,229,.95);
  background:#fff;
  color:var(--mall-text);
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  font-weight:800;
}

.mall-chip.active{
  background:linear-gradient(135deg,var(--mall-orange),var(--mall-green));
  color:#fff;
  border-color:transparent;
}

.mall-field{
  margin-top:14px;
}

.mall-field-label{
  font-size:13px;
  font-weight:900;
  color:var(--mall-text);
  margin-bottom:8px;
}

.mall-range-value{
  margin-top:8px;
  font-size:13px;
  color:var(--mall-muted);
  font-weight:700;
}

.mall-toggle{
  width:100%;
  border:1px solid rgba(229,229,229,.95);
  background:#fff;
  color:var(--mall-text);
  border-radius:16px;
  padding:12px 14px;
  text-align:left;
  font-size:13px;
  font-weight:800;
}

.mall-toggle.active{
  border-color:rgba(10,159,88,.35);
  box-shadow:0 0 0 1px rgba(10,159,88,.18) inset;
}

.mall-select{
  width:100%;
  border:1px solid rgba(229,229,229,.95);
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
  font:inherit;
  color:var(--mall-text);
  outline:none;
}

.mall-filter-form{
  margin-top:10px;
}

.mall-filter-form input[type="range"]{
  width:100%;
  accent-color:var(--mall-orange);
}

/* Mall page reference overrides */
#mallPage .mall-page-shell{
  background:#fff;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  min-height:0;
  padding-bottom:0;
}

#mallPage .mall-header{
  padding:12px 0 10px;
  background:#fff;
  border-bottom:1px solid rgba(251,240,229,.96);
}

#mallPage .mall-header-top{
  align-items:center;
  grid-template-columns:40px minmax(0,1fr) auto;
}

#mallPage .mall-title-wrap{
  gap:2px;
}

#mallPage .mall-title-wrap--with-back{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  grid-column:1 / 3;
}

#mallPage .mall-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  white-space:nowrap;
  grid-column:3;
}

#mallPage .mall-back-btn,
#mallPage .mall-icon-btn{
  width:40px;
  height:40px;
  flex:0 0 40px;
}

#mallPage .mall-title-chip{
  display:inline-flex;
  align-self:flex-start;
}

#mallPage .mall-title-wrap h1{
  font-size:18px;
  letter-spacing:0;
  text-transform:none;
}

#mallPage .mall-icon-btn{
  border-color:#fbf0e4;
  box-shadow:none;
}

#mallPage .mall-location-row{
  margin:10px 0 0;
  padding:12px 14px;
  border-radius:0;
  border-color:#fbefe3;
  background:#fdf8f3;
  box-shadow:none;
}

#mallPage .mall-location-icon,
#mallPage .mall-location-arrow{
  color:#f58311;
}

#mallPage .mall-location-copy{
  display:flex;
  align-items:center;
}

#mallPage .mall-location-title{
  font-size:13px;
  font-weight:800;
}

#mallPage .mall-location-sub{
  display:none;
}

#mallPage .mall-section{
  padding:14px 0 0;
}

#mallPage .mall-section-head{
  margin-bottom:10px;
}

#mallPage .mall-section-head h2{
  font-size:17px;
}

#mallPage .mall-section-head p{
  display:none;
}

#mallPage .mall-view-all{
  color:#f58617;
}

#mallPage .mall-view-all .material-icons-round{
  color:#f58617;
}

#mallPage .mall-category-grid{
  grid-auto-columns:88px;
  gap:10px;
}

#mallPage .mall-category-card{
  border-radius:16px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}

#mallPage .mall-category-media{
  background:#fff;
}

#mallPage .mall-category-label{
  min-height:32px;
  padding:7px 6px 8px;
  background:linear-gradient(135deg,#ed7c0a,#f58718)!important;
  color:#fff;
  font-size:10px;
  line-height:1.2;
}

#mallPage .mall-budget-section{
  margin:14px 0 0;
  padding:16px 0 14px;
  border:none;
  border-radius:0;
  background:#fff6ec;
  box-shadow:none;
}

#mallPage .mall-budget-row{
  gap:10px;
}

#mallPage .mall-budget-card{
  width:146px;
  flex-basis:146px;
  border-radius:14px;
}

#mallPage .mall-budget-media,
#mallPage .mall-product-media{
  background:#fff;
}

#mallPage .mall-budget-pill,
#mallPage .mall-product-pill{
  top:auto;
  bottom:10px;
  left:10px;
  background:linear-gradient(135deg,#f58311,#f58515);
  box-shadow:0 3px 10px rgba(245,131,17,.18);
}

#mallPage .mall-budget-offer,
#mallPage .mall-product-offer{
  top:10px;
  left:10px;
  bottom:auto;
  background:linear-gradient(135deg,#f58311,#f58515);
  color:#fff;
  border:none;
  box-shadow:0 3px 10px rgba(245,131,17,.18);
}

#mallPage .mall-budget-timer,
#mallPage .mall-product-timer{
  right:44px;
  color:#f58311;
  border-color:#ffeedc;
}

#mallPage .mall-budget-name,
#mallPage .mall-product-title{
  font-size:11px;
  min-height:30px;
}

#mallPage .mall-budget-price,
#mallPage .mall-product-price{
  font-size:14px;
}

#mallPage .mall-budget-upi,
#mallPage .mall-product-upi{
  background:#eafaf1;
  color:#0f9f55;
}

#mallPage .mall-rating-pill{
  background:#16a34a;
}

#mallPage .mall-product-chip{
  background:#f5f6fa;
  border-color:#e5e7ef;
  color:#5b5d6b;
}

#mallPage .mall-brand-row{
  gap:12px;
}

#mallPage .mall-brand-card{
  width:82px;
  flex-basis:82px;
  border-radius:10px;
  padding:4px;
  border:2px solid #f58311;
  box-shadow:none;
}

#mallPage .mall-brand-inner{
  min-height:80px;
  border-radius:6px;
  padding:6px;
  background:#fff;
}

#mallPage .mall-brand-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

#mallPage .mall-banner-carousel{
  border-radius:18px;
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}

#mallPage .mall-banner-card{
  background:linear-gradient(135deg,#f58311,#f58617);
}

#mallPage .mall-banner-cta{
  color:#f58311;
}

#mallPage .mall-banner-chip{
  left:auto;
  right:0;
  top:0;
  bottom:auto;
}

#mallPage .mall-banner-dot{
  background:rgba(245,131,17,.22);
}

#mallPage .mall-banner-dot.active{
  background:linear-gradient(135deg,#f58311,#f58617);
}

#mallPage .mall-trust-section{
  padding-top:12px;
}

#mallPage .mall-trust-banner{
  border-radius:18px;
  padding:10px 12px;
  background:linear-gradient(135deg,#f58311,#f58515);
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
  box-shadow:none;
}

#mallPage .mall-trust-pill{
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}

#mallPage .mall-trust-stats{
  flex:1;
  display:flex;
  align-items:stretch;
  gap:8px;
  min-width:0;
  margin-top:0;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x mandatory;
}

#mallPage .mall-trust-stats::-webkit-scrollbar{
  display:none;
}

#mallPage .mall-trust-stat{
  display:flex;
  align-items:center;
  gap:7px;
  color:#fff;
  min-width:0;
  flex:0 0 104px;
  scroll-snap-align:start;
}

#mallPage .mall-trust-stat > div{
  min-width:0;
}

#mallPage .mall-trust-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
}

#mallPage .mall-trust-stat strong{
  color:#fff;
  font-size:16px;
}

#mallPage .mall-trust-stat span{
  color:rgba(255,255,255,.88);
  font-size:11px;
}

#mallPage .mall-filter-bar{
  margin:12px 0 0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  border-top:1px solid #fbf1e6;
  border-bottom:1px solid #fbf1e6;
  grid-template-columns:repeat(4,minmax(0,1fr));
  top:64px;
}

#mallPage .mall-filter-button{
  min-height:44px;
  padding:10px 8px;
  border-right:1px solid #fbf1e6;
  justify-content:center;
}

#mallPage .mall-filter-button:last-child{
  border-right:none;
}

#mallPage .mall-filter-top{
  justify-content:center;
  gap:4px;
  color:#333;
  font-size:13px;
  font-weight:700;
}

#mallPage .mall-filter-top .material-icons-round{
  font-size:18px;
  color:#44454f;
}

#mallPage .mall-filter-sub{
  display:none;
}

#mallPage .mall-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#e8edf3;
  padding:0;
}

#mallPage .mall-product-section{
  padding-left:0;
  padding-right:0;
  padding-top:0;
}

#mallPage .mall-products-head{
  display:none;
}

#mallPage .mall-product-card{
  background:#fff;
  border-radius:0 !important;
  box-shadow:none !important;
  border:none !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  cursor:pointer;
}

#mallPage .mall-product-media{
  aspect-ratio:1.02;
}

#mallPage .mall-product-body{
  flex:1 1 auto;
  min-height:0;
  padding:8px 8px 10px;
  gap:5px;
  display:flex;
  flex-direction:column;
}

#mallPage .mall-product-title{
  font-size:12px;
  line-height:1.25;
  min-height:30px;
}

#mallPage .mall-product-price{
  font-size:14px;
}

#mallPage .mall-product-old{
  font-size:11px;
}

#mallPage .mall-product-rating{
  margin-top:4px;
}

#mallPage .mall-product-cod{
  font-size:11px;
}

#mallPage .mall-product-chip{
  margin-top:6px;
  font-size:9px;
}

#mallPage .mall-product-wish{
  width:30px;
  height:30px;
  top:8px;
  right:8px;
  box-shadow:0 4px 12px rgba(15,23,42,.08);
}

#mallPage .mall-product-cart{
  width:30px;
  height:30px;
  top:44px;
  right:8px;
}

#mallPage .mall-product-cart .material-icons-round{
  font-size:16px;
}

/* Keep the mall banners slightly tighter on small screens */
@media (max-width: 420px){
  #mallPage .mall-category-grid{
    grid-auto-columns:84px;
  }

  #mallPage .mall-budget-card{
    width:138px;
    flex-basis:138px;
  }

  #mallPage .mall-budget-wish,
  #mallPage .mall-budget-cart{
    width:30px;
    height:30px;
    right:8px;
  }

  #mallPage .mall-budget-wish{
    top:8px;
  }

  #mallPage .mall-budget-cart{
    top:44px;
  }

  #mallPage .mall-budget-wish .material-icons-round,
  #mallPage .mall-budget-cart .material-icons-round{
    font-size:16px;
  }

  #mallPage .mall-brand-card{
    width:78px;
    flex-basis:78px;
  }

#mallPage .mall-trust-banner{
    padding:12px;
  }
}

/* Mall filter sheets */
.modal.mall-sheet{
  padding:0;
  border-radius:24px 24px 0 0;
  max-height:86vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}

.modal.mall-sheet.mall-sheet--sort,
.modal.mall-sheet.mall-sheet--category,
.modal.mall-sheet.mall-sheet--gender,
.modal.mall-sheet.mall-sheet--filters{
  background:#fff;
}

.modal.mall-sheet.mall-sheet--sort{
  height:auto;
  max-height:70vh;
}

.modal.mall-sheet.mall-sheet--category,
.modal.mall-sheet.mall-sheet--gender,
.modal.mall-sheet.mall-sheet--filters{
  height:86vh;
  max-height:86vh;
}

.mall-sheet-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px 14px;
  border-bottom:1px solid #fbefe2;
  flex:0 0 auto;
}

.mall-sheet-title{
  margin:0;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#4b4b55;
}

.mall-sheet-close{
  width:34px;
  height:34px;
  border:none;
  background:transparent;
  color:#6b7280;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
}

.mall-sheet-close .material-icons-round{
  font-size:24px;
}

.mall-sheet-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
}

.mall-sheet-body--list{
  padding:10px 18px 18px;
}

.mall-sheet-body--gender{
  padding:16px 18px 18px;
}

.mall-sheet-body--drawer{
  padding:0;
  overflow:hidden;
}

.mall-sheet-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px 16px;
  border-top:1px solid #fbefe2;
  background:#fff;
  flex:0 0 auto;
}

.mall-sheet-footer-count{
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  color:#4b5563;
}

.mall-sheet-done{
  min-width:108px;
  height:42px;
  border:none;
  border-radius:8px;
  background:linear-gradient(135deg,#ef7c0a,#e9790a);
  color:#fff;
  font-size:15px;
  font-weight:800;
  box-shadow:0 6px 14px rgba(239,124,10,.22);
  cursor:pointer;
}

.mall-radio-list{
  display:flex;
  flex-direction:column;
  gap:0;
}

.mall-radio-row{
  width:100%;
  border:none;
  background:transparent;
  padding:14px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  border-bottom:1px solid #fcf3ea;
  cursor:pointer;
}

.mall-radio-row:last-child{
  border-bottom:none;
}

.mall-radio-row-label{
  font-size:14px;
  line-height:1.25;
  color:#4b5563;
  font-weight:500;
}

.mall-radio-pill{
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid #7e7a8a;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#fff;
}

.mall-radio-pill span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:transparent;
}

.mall-radio-pill.active{
  border-color:#ec7b0a;
}

.mall-radio-pill.active span{
  background:#ec7b0a;
}

.mall-check-list{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-top:14px;
}

.mall-check-list--dense{
  margin-top:12px;
  gap:20px;
}

.mall-check-row{
  display:flex;
  align-items:center;
  gap:12px;
  border:none;
  background:transparent;
  padding:0;
  text-align:left;
  color:#6b7280;
  font-size:14px;
  line-height:1.25;
  cursor:pointer;
}

.mall-check-box{
  width:16px;
  height:16px;
  flex:0 0 auto;
  border-radius:2px;
  border:2px solid #8f93a7;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:transparent;
}

.mall-check-box .material-icons-round{
  display:none;
  font-size:12px;
  line-height:1;
}

.mall-check-box.checked{
  border-color:#ec7b0a;
}

.mall-check-box.checked .material-icons-round{
  display:block;
  color:#ec7b0a;
}

.mall-check-row.active .mall-check-label{
  color:#3f3f4b;
}

.mall-check-label{
  color:#6b7280;
}

.mall-drawer-empty{
  padding:18px 4px;
  font-size:14px;
  line-height:1.5;
  color:#6b7280;
}

.mall-gender-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.mall-gender-grid--drawer{
  padding-top:6px;
}

.mall-gender-card{
  border:none;
  background:transparent;
  padding:0;
  text-align:center;
  color:#4b5563;
  cursor:pointer;
}

.mall-gender-avatar{
  width:64px;
  height:64px;
  margin:0 auto 8px;
  display:block;
  border-radius:50%;
  background:#fff;
  border:1px solid #e5e7ef;
  padding:2px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.05);
}

.mall-gender-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:50%;
}

.mall-gender-avatar.active{
  border-color:#ec7b0a;
  box-shadow:0 0 0 2px rgba(236,123,10,.12);
}

.mall-gender-label{
  display:block;
  font-size:13px;
  line-height:1.2;
  font-weight:500;
}

.mall-filter-drawer{
  display:flex;
  min-height:0;
  height:100%;
}

.mall-filter-rail{
  width:92px;
  flex:0 0 92px;
  background:#fdf6f0;
  border-right:1px solid #f9e8d7;
  overflow-y:auto;
}

.mall-filter-rail-item{
  width:100%;
  border:none;
  background:transparent;
  color:#7a7c89;
  font-size:12px;
  line-height:1.25;
  text-align:left;
  padding:14px 10px 14px 12px;
  border-left:3px solid transparent;
  border-bottom:1px solid #f9e8d7;
  cursor:pointer;
}

.mall-filter-rail-item.active{
  background:#fff;
  color:#ec7b0a;
  font-weight:700;
  border-left-color:#ec7b0a;
}

.mall-filter-panel{
  flex:1 1 auto;
  min-width:0;
  padding:14px 16px 12px;
  overflow-y:auto;
}

.mall-filter-panel-head h3{
  margin:0;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
  color:#3f3f4b;
}

.mall-filter-search{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #e4e6ef;
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
}

.mall-filter-search .material-icons-round{
  font-size:20px;
  color:#b0b3c1;
}

.mall-filter-search input{
  border:none;
  outline:none;
  flex:1;
  min-width:0;
  background:transparent;
  font:inherit;
  color:#374151;
}

.mall-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:12px;
}

.mall-filter-chip{
  border:1px solid #e1e3ec;
  background:#fff;
  color:#4b5563;
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}

.mall-filter-chip.active{
  background:#ec7b0a;
  border-color:#ec7b0a;
  color:#fff;
}

.mall-price-range{
  width:100%;
  margin-top:14px;
  accent-color:#ec7b0a;
}

.mall-range-value{
  margin-top:8px;
  font-size:13px;
  line-height:1.25;
  color:#6b7280;
  font-weight:700;
}

@media (max-width: 420px){
  .modal.mall-sheet{
    max-height:88vh;
  }

  .mall-sheet-header{
    padding:14px 16px 12px;
  }

  .mall-sheet-body--list,
  .mall-sheet-body--gender,
  .mall-filter-panel{
    padding-left:14px;
    padding-right:14px;
  }

  .mall-filter-rail{
    width:88px;
    flex-basis:88px;
  }

  .mall-gender-avatar{
    width:58px;
    height:58px;
  }
}

body .bottom-nav{
  background:#fff;
  border-top:1px solid rgba(229,229,229,.95);
  box-shadow:0 -6px 18px rgba(15,23,42,.04);
}

body .nav-item{
  color:#8a8a8a;
  min-width:0;
  line-height:1.1;
}

body .nav-item span:last-child{
  max-width:100%;
  text-align:center;
  white-space:nowrap;
  font-size:10px;
}

body .nav-item .material-icons-round{
  font-size:24px;
}

body .nav-item.active{
  color:#ec7b0a;
  font-weight:800;
}

body .nav-item.active .material-icons-round{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  box-shadow:0 4px 12px rgba(236,123,10,.18);
}

@media (max-width: 420px){
  .mall-banner-card{
    padding:8px 9px;
    min-height:96px;
    gap:6px;
  }

  .mall-banner-copy h3{
    font-size:14px;
  }

  .mall-banner-art{
    width:62px;
    height:62px;
  }

  .mall-banner-icon{
    width:48px;
    height:48px;
  }

  .mall-banner-icon .material-icons-round{
    font-size:24px;
  }

  #mallPage .mall-trust-banner{
    align-items:center;
    gap:10px;
    padding:12px;
  }

  #mallPage .mall-trust-pill{
    padding:7px 9px;
    font-size:9px;
  }

  #mallPage .mall-trust-stats{
    gap:6px;
  }

  #mallPage .mall-trust-stat{
    padding:8px 6px;
    gap:5px;
    flex-basis:112px;
  }

  #mallPage .mall-trust-icon{
    width:24px;
    height:24px;
  }

  #mallPage .mall-trust-icon .material-icons-round{
    font-size:14px;
  }

  #mallPage .mall-trust-stat strong{
    font-size:11px;
    line-height:1;
  }

  #mallPage .mall-trust-stat span{
    font-size:8px;
    line-height:1.1;
  }

  .mall-product-grid{
    gap:10px;
  }

  .mall-budget-card{
    width:150px;
    flex-basis:150px;
  }
}

@media (max-width: 360px){
  .mall-filter-bar{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .mall-product-grid{
    grid-template-columns:1fr 1fr;
  }

  .mall-video-grid{
    grid-template-columns:1fr;
  }
}

/* === Orders + Tracking Overrides === */
#ordersPage .page-scroll,
#trackingPage .page-scroll{
  background:#fff;
}

#ordersPage .orders-page-header,
#trackingPage .tracking-page-header{
  justify-content:space-between;
  gap:10px;
}

#ordersPage .orders-page-header h1,
#trackingPage .tracking-page-header h1{
  flex:1;
  text-align:left;
  font-size:18px;
  font-weight:900;
  letter-spacing:.03em;
}

#trackingPage .tracking-page-header > span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:88px;
}

.order-help-btn{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:auto;
}

.order-help-btn .material-icons-round{
  font-size:18px;
  color:#ec7b0a;
}

#ordersPage .orders-page-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:10px 16px 18px;
}

.orders-toolbar{
  display:flex;
  align-items:center;
  gap:12px;
}

.orders-search-wrap{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #dfdfe7;
  background:#fff;
  border-radius:12px;
  min-height:48px;
  padding:0 14px;
  box-shadow:none;
}

.orders-search-wrap .material-icons-round{
  color:#b6b6c5;
  font-size:20px;
}

.orders-search-wrap input{
  border:none;
  outline:none;
  flex:1;
  min-width:0;
  background:transparent;
  font-size:14px;
  color:#333;
  font-family:inherit;
}

.orders-search-wrap input::placeholder{
  color:#b6b6c5;
}

.orders-filter-btn{
  flex:0 0 auto;
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:14px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:0 2px;
  min-height:48px;
}

.orders-filter-btn .material-icons-round{
  font-size:18px;
}

.orders-list{
  display:flex;
  flex-direction:column;
  margin-top:2px;
}

.order-list-item{
  width:100%;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 0;
  border:none;
  border-top:1px solid #ececf3;
  background:transparent;
  text-align:left;
}

.order-list-item:first-child{
  border-top:none;
}

.order-list-thumb{
  width:78px;
  height:78px;
  border-radius:10px;
  object-fit:cover;
  background:#f6f6fa;
  flex-shrink:0;
}

.order-list-copy{
  flex:1;
  min-width:0;
}

.order-list-head{
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  color:#2d2d34;
}

.order-list-head.ordered,
.order-list-head.shipped,
.order-list-head.out-for-delivery{
  color:#0f9f55;
}

.order-list-head.delivered{
  color:#0f9f55;
}

.order-list-head.cancelled,
.order-list-head.returned,
.order-list-head.exchange{
  color:#7e7e89;
}

.order-list-subhead{
  margin-top:4px;
  font-size:13px;
  font-weight:600;
  color:#5b5d6b;
}

.order-list-meta{
  margin-top:6px;
  font-size:12px;
  color:#8a8a98;
}

.order-list-chevron{
  color:#8b8b98;
  font-size:24px;
  align-self:center;
  margin-top:4px;
}

.orders-empty-message{
  padding:28px 8px 18px;
  text-align:center;
  border-top:1px solid #ececf3;
}

.orders-empty-message .material-icons-round{
  font-size:42px;
  color:#c4c4d0;
  margin-bottom:8px;
}

.orders-empty-message h3{
  margin:0;
  font-size:18px;
  font-weight:900;
  color:#4a4a57;
}

.orders-empty-message p{
  margin-top:4px;
  font-size:13px;
  color:#8a8a97;
}

.orders-footer-card{
  margin-top:12px;
  min-height:174px;
  border-radius:24px;
  border:1px solid #ededf5;
  background:linear-gradient(180deg,#fdf8f2 0%,#fff 72%);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:20px 18px;
}

.orders-footer-copy{
  position:relative;
  z-index:1;
  max-width:58%;
}

.orders-footer-title{
  font-size:20px;
  line-height:1.15;
  font-weight:900;
  color:#8d8c9a;
}

.orders-footer-subtitle{
  margin-top:6px;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  color:#b0afbb;
  font-style:italic;
}

.orders-footer-art{
  position:absolute;
  right:8px;
  bottom:0;
  width:142px;
  height:142px;
}

.orders-footer-art-bg{
  position:absolute;
  right:0;
  bottom:0;
  width:126px;
  height:126px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(236,123,10,.14) 0, rgba(236,123,10,.04) 56%, rgba(236,123,10,0) 72%);
}

.orders-footer-art-figure{
  position:absolute;
  right:24px;
  bottom:12px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

.orders-footer-art-figure .material-icons-round{
  font-size:48px;
  color:#ec7b0a;
}

.order-sheet{
  padding:0;
  border-radius:22px 22px 0 0;
  max-height:82vh;
  overflow-y:auto;
  background:#fff;
}

.order-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 18px 14px;
  border-bottom:1px solid #ececf3;
}

.order-sheet-title{
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  color:#222;
}

.order-sheet-close{
  border:none;
  background:none;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
}

.order-sheet-close .material-icons-round{
  font-size:24px;
}

.order-sheet-section{
  padding:14px 18px 8px;
}

.order-sheet-label{
  margin-bottom:12px;
  font-size:16px;
  font-weight:800;
  color:#333;
}

.order-filter-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.order-filter-option{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  font-size:15px;
  font-weight:600;
  color:#5b5b68;
}

.order-filter-option input{
  display:none;
}

.order-filter-radio{
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #a4a4b3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.order-filter-radio::after{
  content:'';
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ec7b0a;
  opacity:0;
}

.order-filter-option input:checked + .order-filter-radio{
  border-color:#ec7b0a;
}

.order-filter-option input:checked + .order-filter-radio::after{
  opacity:1;
}

.order-sheet-actions{
  display:flex;
  gap:12px;
  padding:14px 18px 18px;
  border-top:1px solid #ececf3;
  position:sticky;
  bottom:0;
  background:#fff;
}

.order-sheet-secondary,
.order-sheet-primary{
  flex:1;
  border:none;
  border-radius:12px;
  padding:14px 16px;
  font-size:15px;
  font-weight:900;
}

.order-sheet-secondary{
  background:#fff;
  color:#3e3e4b;
  border:1px solid #d9d9e4;
}

.order-sheet-primary{
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
}

#trackingPage .page-scroll{
  background:#f8f8fc;
}

.order-details-shell{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 0 20px;
}

.order-summary-card,
.order-status-card,
.order-address-card{
  background:#fff;
  border:0;
  border-top:1px solid #eef0f4;
  border-bottom:1px solid #eef0f4;
  border-radius:0;
  box-shadow:none;
}

.order-summary-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:none;
  text-align:left;
}

.order-summary-thumb{
  width:74px;
  height:74px;
  border-radius:12px;
  object-fit:cover;
  flex-shrink:0;
  background:#f5f5f8;
}

.order-summary-copy{
  flex:1;
  min-width:0;
}

.order-summary-id{
  font-size:14px;
  font-weight:900;
  color:#30313a;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.order-summary-name{
  margin-top:2px;
  font-size:13px;
  font-weight:700;
  color:#5f6270;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.order-summary-meta{
  margin-top:4px;
  font-size:12px;
  color:#8a8a98;
}

.order-summary-note{
  margin-top:4px;
  font-size:12px;
  color:#a1a1ae;
}

.order-summary-chevron{
  color:#8b8b98;
  font-size:24px;
  flex-shrink:0;
}

.order-status-card{
  padding:14px;
}

.order-status-top{
  display:flex;
  align-items:center;
  gap:12px;
}

.order-status-icon{
  width:32px;
  height:32px;
  border-radius:8px;
  background:#e9f7ef;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0a9f58;
  flex-shrink:0;
}

.order-status-icon .material-icons-round{
  font-size:18px;
}

.order-status-copy{
  flex:1;
  min-width:0;
}

.order-status-title{
  font-size:16px;
  font-weight:900;
  color:#27323a;
  line-height:1.2;
}

.order-status-sub{
  margin-top:4px;
  font-size:13px;
  color:#5d6273;
}

.order-status-chip{
  border:none;
  background:#3e3d4c;
  color:#fff;
  border-radius:12px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}

.order-status-chip .material-icons-round{
  font-size:18px;
}

.order-status-chip-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  background:#0a9f58;
}

.order-stepper{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
  position:relative;
}

.order-stepper::before{
  content:'';
  position:absolute;
  left:8px;
  right:8px;
  top:8px;
  height:3px;
  background:#d7eadf;
  border-radius:999px;
}

.order-step{
  position:relative;
  z-index:1;
  text-align:left;
}

.order-step-node{
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #cfd7dd;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

.order-step.done .order-step-node{
  background:#0a9f58;
  border-color:#0a9f58;
}

.order-step.done .order-step-node .material-icons-round{
  font-size:12px;
  color:#fff;
}

.order-step-title{
  margin-top:10px;
  font-size:13px;
  font-weight:700;
  color:#363741;
  line-height:1.25;
}

.order-step-date{
  margin-top:4px;
  font-size:12px;
  color:#717481;
  line-height:1.25;
}

.order-note-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:4px 2px 2px;
  font-size:13px;
  color:#5b5d6b;
}

.order-note-link{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.order-policy-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.order-policy-action-btn{
  width:100%;
  border:1px solid #ececf3;
  background:#fff;
  color:#2f2f3b;
  border-radius:14px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:900;
  text-align:left;
}
.order-policy-action-btn .material-icons-round{
  font-size:20px;
  color:#ec7b0a;
  flex-shrink:0;
}
.order-policy-action-btn.primary{
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  border-color:transparent;
}
.order-policy-action-btn.primary .material-icons-round{
  color:#fff;
}

.order-address-card{
  padding:14px;
}

.order-address-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.order-address-head .material-icons-round{
  font-size:18px;
  color:#5b6fdc;
}

.order-address-head h3{
  font-size:15px;
  font-weight:900;
  color:#30313b;
}

.order-address-name{
  font-size:13px;
  font-weight:800;
  color:#666;
}

.order-address-lines,
.order-address-phone{
  margin-top:2px;
  font-size:13px;
  color:#717281;
  line-height:1.45;
}

.order-referral-banner{
  border:none;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#ff8a00,#ff4d6d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  box-shadow:0 8px 20px rgba(255,122,0,.18);
}

.order-referral-copy{
  flex:1;
  min-width:0;
  text-align:left;
}

.order-referral-kicker{
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.order-referral-banner h3{
  margin:4px 0 0;
  font-size:22px;
  line-height:1.1;
  font-weight:900;
}

.order-referral-btn{
  display:inline-flex;
  margin-top:10px;
  padding:8px 14px;
  border-radius:999px;
  background:#914c08;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.order-referral-art{
  position:relative;
  width:108px;
  height:108px;
  flex-shrink:0;
}

.order-referral-art-ring{
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.18);
}

.order-referral-art-ring.one{
  inset:0;
}

.order-referral-art-ring.two{
  inset:16px;
}

.order-referral-art-card{
  position:absolute;
  inset:24px;
  border-radius:24px;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

.order-referral-art-card .material-icons-round{
  font-size:42px;
}

@media (max-width: 420px){
  .orders-toolbar{
    gap:10px;
  }

  .orders-filter-btn{
    min-width:72px;
    font-size:13px;
  }

  .order-summary-thumb,
  .order-list-thumb{
    width:72px;
    height:72px;
  }

  .order-referral-banner{
    padding:14px;
  }

  .order-referral-banner h3{
    font-size:20px;
  }
}

#ordersPage{
  background:#f7f4ee;
}

#ordersPage .page-scroll{
  background:#f7f4ee;
}

#ordersPage .orders-page-header,
#trackingPage .tracking-page-header{
  background:#fff8ef;
  border-bottom:1px solid #eddcc2;
}

#ordersPage .orders-page-header h1,
#trackingPage .tracking-page-header h1{
  flex:1;
  text-align:left;
  font-size:18px;
  font-weight:900;
  letter-spacing:.03em;
}

#trackingPage .tracking-page-header > span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:92px;
}

#ordersPage .orders-page-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 12px 18px;
}

#ordersPage .orders-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  position:sticky;
  top:0;
  z-index:2;
  padding-top:2px;
  background:linear-gradient(180deg,rgba(247,244,238,.98) 78%, rgba(247,244,238,0));
  backdrop-filter:blur(4px);
}

#ordersPage .orders-search-wrap{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  height:50px;
  padding:0 14px;
  border:1px solid #e7dccd;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 12px rgba(0,0,0,.04);
}

#ordersPage .orders-search-wrap .material-icons-round{
  color:#a7a7b3;
  font-size:20px;
}

#ordersPage .orders-search-wrap input{
  border:none;
  outline:none;
  flex:1;
  min-width:0;
  background:transparent;
  font-size:14px;
  color:#111827;
  font-family:inherit;
}

#ordersPage .orders-search-wrap input::placeholder{
  color:#a7a7b3;
}

#ordersPage .orders-filter-btn{
  flex:0 0 auto;
  min-width:92px;
  height:50px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid #eadbc1;
  background:linear-gradient(135deg,#fff,#f7ecd9);
  color:#7a4c1b;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}

#ordersPage .orders-filter-btn .material-icons-round{
  font-size:18px;
}

#ordersPage .orders-filter-btn.active{
  background:linear-gradient(135deg,#ffe6bf,#fff5e4);
  border-color:#f0c98e;
  color:#a15b00;
  box-shadow:0 8px 18px rgba(247,154,21,.12);
}

#ordersPage .orders-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:2px;
}

#ordersPage .order-list-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:none;
  border-radius:18px;
  background:#fff;
  border:1px solid #ece4d6;
  text-align:left;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}

#ordersPage .order-list-thumb{
  width:72px;
  height:72px;
  border-radius:16px;
  object-fit:cover;
  background:#f5f5f5;
  flex-shrink:0;
}

#ordersPage .order-list-copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

#ordersPage .order-list-head{
  font-size:14px;
  font-weight:900;
  color:#1f2937;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#ordersPage .order-list-subhead{
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  color:#8a5a1a;
}

#ordersPage .order-list-subhead.shipped,
#ordersPage .order-list-subhead.out-for-delivery{
  color:#0a7f5a;
}

#ordersPage .order-list-subhead.delivered{
  color:#0b8f55;
}

#ordersPage .order-list-subhead.cancelled{
  color:#c2410c;
}

#ordersPage .order-list-subhead.returned,
#ordersPage .order-list-subhead.exchange{
  color:#f58311;
}

#ordersPage .order-list-meta{
  font-size:11px;
  color:#7a7a86;
  line-height:1.35;
}

#ordersPage .order-list-chevron{
  color:#c3c3cb;
  font-size:22px;
  flex-shrink:0;
}

#ordersPage .orders-empty-message{
  padding:28px 18px;
  border:1px dashed #eadbc1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

#ordersPage .orders-empty-message .material-icons-round{
  font-size:54px;
  color:#f59e0b;
  margin-bottom:10px;
}

#ordersPage .orders-empty-message h3{
  font-size:18px;
  color:#1f2937;
  margin-bottom:4px;
  font-weight:900;
}

#ordersPage .orders-empty-message p{
  font-size:13px;
  color:#7a6a57;
}

#ordersPage .orders-footer-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #f0dfc3;
  border-radius:24px;
  background:linear-gradient(135deg,#fff7ec 0%,#fffdf8 100%);
  padding:16px 16px 16px 18px;
  box-shadow:0 12px 24px rgba(0,0,0,.05);
  overflow:hidden;
  position:relative;
  min-height:112px;
}

#ordersPage .orders-footer-card::before{
  content:'';
  position:absolute;
  inset:auto -20px -24px auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%, rgba(247,154,21,.22), rgba(247,154,21,0) 68%);
}

#ordersPage .orders-footer-copy{
  position:relative;
  z-index:1;
  max-width:66%;
}

#ordersPage .orders-footer-title{
  font-size:13px;
  line-height:1.05;
  font-weight:800;
  color:#1f2937;
  white-space:nowrap;
}

#ordersPage .orders-footer-subtitle{
  margin-top:3px;
  font-size:9px;
  color:#7a624a;
  font-weight:600;
  line-height:1.25;
}

#ordersPage .orders-footer-art{
  position:relative;
  width:112px;
  height:92px;
  flex-shrink:0;
}

#ordersPage .orders-footer-art-bg{
  position:absolute;
  inset:0;
  border-radius:24px;
  background:radial-gradient(circle at 50% 30%, rgba(255,255,255,.7), rgba(255,255,255,0) 55%);
}

#ordersPage .orders-footer-art-figure{
  position:absolute;
  right:0;
  bottom:0;
  width:84px;
  height:84px;
  border-radius:24px;
  background:linear-gradient(135deg,#f79a15,#f59e0b);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  box-shadow:0 10px 20px rgba(247,154,21,.24);
}

#ordersPage .orders-footer-art-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

#trackingPage .page-scroll{
  background:#f7f4ee;
}

#trackingPage .order-help-btn{
  border:none;
  background:#fff4e6;
  color:#c55a00;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
}

#trackingPage .order-help-btn .material-icons-round{
  font-size:18px;
  color:#c55a00;
}

#trackingPage .order-help-sheet .policy-sheet-body,
.order-help-sheet .policy-sheet-body{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.order-help-intro{
  display:flex;
  gap:12px;
  padding:14px;
  border:1px solid #fbede0;
  border-radius:18px;
  background:linear-gradient(180deg,#fff9f2,#fff);
}

.order-help-intro-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:#fcf2e7;
  color:#ec7b0a;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.order-help-intro-icon .material-icons-round{
  font-size:22px;
}

.order-help-intro-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.order-help-intro-copy strong{
  font-size:15px;
  font-weight:900;
  color:#111827;
}

.order-help-intro-copy span{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-question-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.order-help-question-card{
  border:1px solid #faeada;
  border-radius:16px;
  background:#fff;
  padding:13px;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:126px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

.order-help-question-card.active{
  border-color:#ec7b0a;
  background:linear-gradient(180deg,#fff9f2,#fff);
  box-shadow:0 0 0 1px rgba(236,123,10,.12);
}

.order-help-question-card.disabled{
  opacity:.55;
}

.order-help-question-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  background:#fcf3e9;
  color:#ec7b0a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.order-help-question-label{
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.order-help-question-copy{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-selected-card{
  border:1px solid #faebdc;
  border-radius:18px;
  padding:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.order-help-selected-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.order-help-selected-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:#fff4e6;
  color:#c55a00;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.order-help-selected-icon .material-icons-round{
  font-size:22px;
}

.order-help-selected-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.order-help-selected-title{
  font-size:15px;
  font-weight:900;
  color:#111827;
}

.order-help-selected-text{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-reason-section{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.order-help-reason-title{
  font-size:13px;
  font-weight:900;
  color:#111827;
}

.order-help-reason-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.order-help-reason-chip{
  border:1px solid #f9e7d5;
  background:#fff;
  border-radius:999px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  color:#4b5563;
}

.order-help-reason-chip .material-icons-round{
  font-size:18px;
  color:#ec7b0a;
}

.order-help-reason-chip.active{
  border-color:#ec7b0a;
  background:#fdf8f2;
  color:#ec7b0a;
}

.order-help-reason-note{
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

.order-help-note-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.order-help-note-field span{
  font-size:12px;
  font-weight:800;
  color:#374151;
}

.order-help-note-field textarea{
  width:100%;
  border:1px solid #d9d9e4;
  border-radius:14px;
  min-height:88px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.5;
  resize:vertical;
  background:#fff;
  color:#111827;
}

.order-help-note-field textarea:focus{
  outline:none;
  border-color:#ec7b0a;
  box-shadow:0 0 0 3px rgba(236,123,10,.08);
}

.order-help-upload-card{
  border:1px dashed #f9e6d2;
  border-radius:18px;
  padding:14px;
  background:#fff9f2;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.order-help-upload-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.order-help-upload-title{
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.order-help-upload-copy{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

.order-help-upload-action{
  border:none;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  border-radius:999px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.order-help-upload-action .material-icons-round{
  font-size:18px;
}

.order-help-upload-input{
  display:none;
}

.order-help-upload-preview{
  position:relative;
  display:grid;
  grid-template-columns:68px 1fr auto;
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  background:#fff;
  border:1px solid #f9e9d8;
}

.order-help-upload-preview img{
  width:68px;
  height:68px;
  object-fit:cover;
  border-radius:12px;
  background:#f3f4f6;
}

.order-help-upload-preview-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.order-help-upload-preview-copy strong{
  font-size:13px;
  font-weight:900;
  color:#111827;
  word-break:break-word;
}

.order-help-upload-preview-copy span{
  font-size:11px;
  color:#6b7280;
}

.order-help-upload-remove{
  width:36px;
  height:36px;
  border:none;
  border-radius:999px;
  background:#f3f4f6;
  color:#374151;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.order-help-upload-remove .material-icons-round{
  font-size:20px;
}

#trackingPage .modal-overlay.order-help-overlay,
.modal-overlay.order-help-overlay{
  align-items:stretch;
  justify-content:center;
  padding:0;
  overflow:hidden;
  background:rgba(17,24,39,.45);
}

.modal.order-help-sheet{
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  padding:0;
  border-radius:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:none;
  animation:none;
}

#trackingPage .order-help-sheet .policy-sheet-body,
.order-help-sheet .policy-sheet-body{
  display:flex;
  flex-direction:column;
  gap:18px;
  background:linear-gradient(180deg,#fff 0%,#fff9f2 100%);
}

.order-help-body{
  padding:16px 16px 18px;
}

.order-help-section{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.order-help-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.order-help-section-title{
  font-size:16px;
  font-weight:900;
  color:#111827;
}

.order-help-section-copy{
  margin-top:4px;
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-table{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.order-help-table-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 28px;
  gap:12px;
  padding:0 14px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#a28caa;
}

.order-help-row{
  width:100%;
  appearance:none;
  border:1px solid #faeada;
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 28px;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

.order-help-row.active{
  border-color:#ec7b0a;
  background:linear-gradient(180deg,#fff9f2,#fff);
  box-shadow:0 0 0 1px rgba(236,123,10,.10);
}

.order-help-row-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:#fcf3e9;
  color:#ec7b0a;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.order-help-row-icon .material-icons-round{
  font-size:20px;
}

.order-help-row-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.order-help-row-label{
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.order-help-row-text{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-row-state{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c4c0cf;
}

.order-help-row.active .order-help-row-state{
  color:#ec7b0a;
}

.order-help-row-state .material-icons-round{
  font-size:20px;
}

.order-help-form-section{
  padding-top:2px;
}

.order-help-summary-strip{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 14px;
  border-left:4px solid #ec7b0a;
  border-radius:16px;
  background:linear-gradient(180deg,#fff9f2,#fff);
  color:#111827;
}

.order-help-summary-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  background:#fcf2e7;
  color:#ec7b0a;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.order-help-summary-icon .material-icons-round{
  font-size:20px;
}

.order-help-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.order-help-summary-copy strong{
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.order-help-summary-copy span{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.order-help-upload-wrap{
  grid-column:1 / -1;
}

.order-help-empty-state{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:16px 14px;
  border:1px dashed #f9e6d2;
  border-radius:16px;
  background:#fff9f2;
}

.order-help-empty-state .material-icons-round{
  width:36px;
  height:36px;
  border-radius:12px;
  background:#fcf3e9;
  color:#ec7b0a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.order-help-empty-state strong{
  font-size:15px;
  font-weight:900;
  color:#111827;
}

.order-help-empty-state span{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}

.order-help-upload-panel{
  border:1px dashed #f9e6d2;
  border-radius:18px;
  padding:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.order-help-upload-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.order-help-upload-title{
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.order-help-upload-copy{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

.order-help-upload-action{
  border:none;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  border-radius:999px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}

.order-help-upload-action .material-icons-round{
  font-size:18px;
}

.order-help-upload-preview-count{
  font-size:12px;
  font-weight:800;
  color:#ec7b0a;
}

.order-help-upload-preview-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.order-help-upload-preview-list .order-help-upload-preview{
  width:100%;
}

.order-help-upload-preview-list .order-help-upload-preview img{
  width:68px;
  height:68px;
}

.order-help-upload-empty{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#fdf8f3;
  color:#6b7280;
  font-size:12px;
  font-weight:800;
}

.order-help-upload-empty .material-icons-round{
  font-size:18px;
  color:#ec7b0a;
}

#trackingPage .order-details-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 12px 20px;
}

#trackingPage .order-summary-card,
#trackingPage .order-status-card,
#trackingPage .order-address-card{
  background:#fff;
  border:1px solid #ece4d6;
  border-radius:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}

#trackingPage .order-summary-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:none;
  text-align:left;
}

#trackingPage .order-summary-thumb{
  width:74px;
  height:74px;
  border-radius:16px;
  object-fit:cover;
  flex-shrink:0;
  background:#f5f5f8;
}

#trackingPage .order-summary-copy{
  flex:1;
  min-width:0;
}

#trackingPage .order-summary-id{
  font-size:11px;
  font-weight:900;
  color:#a28c6a;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.25;
}

#trackingPage .order-summary-name{
  margin-top:3px;
  font-size:15px;
  font-weight:900;
  color:#1f2937;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#trackingPage .order-summary-meta{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  font-weight:600;
  line-height:1.35;
}

#trackingPage .order-summary-note{
  margin-top:6px;
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:#fef3c7;
  color:#a16207;
  font-size:11px;
  font-weight:800;
}

#trackingPage .order-summary-chevron{
  color:#c8c1b5;
  font-size:24px;
  flex-shrink:0;
}

#trackingPage .order-status-card{
  padding:14px;
}

#trackingPage .order-status-top{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

#trackingPage .order-status-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  background:#f7f0e7;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c16f16;
  flex-shrink:0;
}

#trackingPage .order-status-icon .material-icons-round{
  font-size:22px;
}

#trackingPage .order-status-copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

#trackingPage .order-status-title{
  font-size:16px;
  font-weight:900;
  color:#1f2937;
  line-height:1.2;
}

#trackingPage .order-status-sub{
  font-size:12.5px;
  color:#6b7280;
  font-weight:600;
  line-height:1.35;
}

#trackingPage .order-status-chip{
  border:none;
  background:#f5efe7;
  color:#1f2937;
  border-radius:999px;
  padding:8px 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  text-transform:uppercase;
  letter-spacing:.03em;
}

#trackingPage .order-status-chip .material-icons-round{
  font-size:18px;
}

#trackingPage .order-status-chip-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  background:#c2410c;
}

#trackingPage .order-status-chip-dot.shipped,
#trackingPage .order-status-chip-dot.out-for-delivery{
  background:#0a7f5a;
}

#trackingPage .order-status-chip-dot.delivered{
  background:#0a9f58;
}

#trackingPage .order-status-chip-dot.cancelled{
  background:#dc2626;
}

#trackingPage .order-status-chip-dot.returned{
  background:#f58311;
}

#trackingPage .order-status-chip-dot.exchange{
  background:#0ea5a2;
}

#trackingPage .order-status-card.ordered .order-status-icon{
  background:#fff3e0;
  color:#c2410c;
}

#trackingPage .order-status-card.shipped .order-status-icon,
#trackingPage .order-status-card.out-for-delivery .order-status-icon{
  background:#eafaf0;
  color:#0a7f5a;
}

#trackingPage .order-status-card.delivered .order-status-icon{
  background:#e9f7ef;
  color:#0a9f58;
}

#trackingPage .order-status-card.cancelled .order-status-icon{
  background:#fef2f2;
  color:#dc2626;
}

#trackingPage .order-status-card.returned .order-status-icon{
  background:#fff9f2;
  color:#f58311;
}

#trackingPage .order-status-card.exchange .order-status-icon{
  background:#ecfeff;
  color:#0ea5a2;
}

#trackingPage .order-stepper{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

#trackingPage .order-step{
  background:#fbf8f3;
  border:1px solid #f0e4d3;
  border-radius:18px;
  padding:12px 10px 10px;
  text-align:center;
}

#trackingPage .order-step-node{
  width:30px;
  height:30px;
  border-radius:50%;
  margin:0 auto 8px;
  border:2px solid #d4d0ca;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

#trackingPage .order-step.done .order-step-node{
  background:linear-gradient(135deg,#0a9f58,#2bcf87);
  border-color:#0a9f58;
}

#trackingPage .order-step.done .order-step-node .material-icons-round{
  font-size:12px;
  color:#fff;
}

#trackingPage .order-step-title{
  font-size:12px;
  font-weight:900;
  color:#1f2937;
  line-height:1.2;
  min-height:30px;
}

#trackingPage .order-step-date{
  margin-top:4px;
  font-size:11px;
  color:#8b8b8b;
  line-height:1.25;
}

#trackingPage .order-note-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff7ee;
  border:1px solid #f1dfc4;
  border-radius:16px;
  padding:12px 14px;
  color:#1f2937;
  font-size:12.5px;
  font-weight:700;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
}

#trackingPage .order-note-link{
  border:none;
  background:none;
  color:#c26c08;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
  flex-shrink:0;
}

#trackingPage .order-address-card{
  padding:14px;
}

#trackingPage .order-address-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

#trackingPage .order-address-head .material-icons-round{
  font-size:20px;
  color:#f59e0b;
}

#trackingPage .order-address-head h3{
  font-size:14px;
  font-weight:900;
  color:#30313b;
}

#trackingPage .order-address-name{
  font-size:14px;
  font-weight:900;
  color:#1f2937;
  line-height:1.3;
}

#trackingPage .order-address-lines,
#trackingPage .order-address-phone{
  margin-top:3px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

#trackingPage .order-address-phone{
  color:#374151;
  font-weight:700;
}

#trackingPage .order-referral-banner{
  border:none;
  width:100%;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#e8790a,#f27e0a);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  box-shadow:0 14px 24px rgba(232,121,10,.22);
}

#trackingPage .order-referral-copy{
  flex:1;
  min-width:0;
  text-align:left;
}

#trackingPage .order-referral-kicker{
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.8;
}

#trackingPage .order-referral-banner h3{
  margin:4px 0 0;
  font-size:20px;
  line-height:1.1;
  font-weight:900;
}

#trackingPage .order-referral-btn{
  display:inline-flex;
  margin-top:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:12px;
  font-weight:900;
}

#trackingPage .order-referral-art{
  position:relative;
  width:108px;
  height:108px;
  flex-shrink:0;
}

#trackingPage .order-referral-art-ring{
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.18);
}

#trackingPage .order-referral-art-ring.one{
  inset:0;
}

#trackingPage .order-referral-art-ring.two{
  inset:16px;
}

#trackingPage .order-referral-art-card{
  position:absolute;
  inset:24px;
  border-radius:24px;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

#trackingPage .order-referral-art-card .material-icons-round{
  font-size:42px;
}

#trackingPage .order-detail-card{
  background:#fff;
  border:0;
  border-top:1px solid #eef0f4;
  border-bottom:1px solid #eef0f4;
  border-radius:0;
  box-shadow:none;
  padding:14px 16px;
}

#trackingPage .order-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

#trackingPage .order-detail-head h3{
  font-size:15px;
  font-weight:900;
  color:#1f2937;
  line-height:1.25;
}

#trackingPage .order-detail-head p{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  font-weight:600;
  line-height:1.4;
}

#trackingPage .order-detail-grid{
  display:grid;
  gap:0;
  border-top:1px solid #eef0f4;
}

#trackingPage .order-detail-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-radius:0;
  background:#fff;
  border:0;
  border-bottom:1px solid #eef0f4;
}

#trackingPage .order-detail-row span{
  font-size:12px;
  font-weight:700;
  color:#6b7280;
}

#trackingPage .order-detail-row strong{
  font-size:12.5px;
  font-weight:900;
  color:#1f2937;
  text-align:right;
}

#trackingPage .order-tracking-timeline{
  position:relative;
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-left:2px;
}

#trackingPage .order-tracking-timeline::before{
  content:'';
  position:absolute;
  left:17px;
  top:6px;
  bottom:6px;
  width:2px;
  background:#eadfd2;
}

#trackingPage .order-tracking-step{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  z-index:1;
}

#trackingPage .order-tracking-step-node{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fff;
  border:2px solid #d6cab9;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#d6cab9;
  box-shadow:0 2px 6px rgba(0,0,0,.03);
}

#trackingPage .order-tracking-step.done .order-tracking-step-node{
  background:linear-gradient(135deg,#0a9f58,#2bcf87);
  border-color:#0a9f58;
  color:#fff;
}

#trackingPage .order-tracking-step.current .order-tracking-step-node{
  box-shadow:0 0 0 4px rgba(10,159,88,.08);
}

#trackingPage .order-tracking-step-node .material-icons-round{
  font-size:16px;
  color:inherit;
}

#trackingPage .order-tracking-step-copy{
  flex:1;
  min-width:0;
  padding-top:2px;
}

#trackingPage .order-tracking-step-title{
  font-size:13px;
  font-weight:900;
  color:#1f2937;
  line-height:1.25;
}

#trackingPage .order-tracking-step.current .order-tracking-step-title{
  color:#0a9f58;
}

#trackingPage .order-tracking-step-date{
  margin-top:3px;
  font-size:11.5px;
  color:#6b7280;
  font-weight:600;
  line-height:1.35;
}

#trackingPage .order-review-card{
  background:#fff;
  border:1px solid #ece4d6;
  border-radius:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

#trackingPage .order-review-card--submitted{
  border-color:rgba(10,159,88,.22);
  box-shadow:0 0 0 1px rgba(10,159,88,.06) inset, 0 4px 16px rgba(0,0,0,.04);
}

#trackingPage .order-review-title{
  font-size:15px;
  font-weight:900;
  color:#1f2937;
}

#trackingPage .order-review-stars{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}

#trackingPage .order-rating-star{
  border:none;
  background:transparent;
  padding:0;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d1d5db;
  box-shadow:none;
  cursor:pointer;
  outline:none;
}

#trackingPage .order-rating-star .material-icons-round{
  font-size:28px;
  line-height:1;
}

#trackingPage .order-rating-star.filled{
  color:#f59e0b;
}

#trackingPage .order-review-input{
  width:100%;
  min-height:96px;
  border:1px solid #e6ded1;
  border-radius:16px;
  padding:12px 14px;
  font:inherit;
  font-size:13px;
  color:#1f2937;
  background:#fff;
  outline:none;
  resize:vertical;
}

#trackingPage .order-review-thanks{
  font-size:13px;
  font-weight:800;
  color:#0a9f58;
}

#trackingPage .order-review-text{
  font-size:13px;
  line-height:1.5;
  color:#4b5563;
  background:#fbf8f3;
  border:1px solid #f0e4d3;
  border-radius:14px;
  padding:12px 14px;
}

#trackingPage .mall-sheet-body--bill{
  padding-top:0;
}

#trackingPage .order-bill-card{
  background:#fff;
  border:1px solid #ece4d6;
  border-radius:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.04);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

#trackingPage .order-bill-brand{
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#c26c08;
}

#trackingPage .order-bill-head{
  font-size:20px;
  font-weight:900;
  color:#1f2937;
  line-height:1.15;
}

#trackingPage .order-bill-subhead{
  font-size:12px;
  color:#6b7280;
  font-weight:700;
}

#trackingPage .order-bill-product{
  font-size:14px;
  font-weight:800;
  color:#1f2937;
}

#trackingPage .order-bill-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:4px;
}

#trackingPage .order-bill-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  font-size:12.5px;
  color:#374151;
}

#trackingPage .order-bill-row span{
  font-weight:700;
  color:#6b7280;
}

#trackingPage .order-bill-row strong{
  font-weight:900;
  color:#1f2937;
  text-align:right;
}

#trackingPage .order-bill-total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 0 2px;
  border-top:1px solid #efe6d9;
  font-size:14px;
}

#trackingPage .order-bill-total span{
  font-weight:800;
  color:#1f2937;
}

#trackingPage .order-bill-total strong{
  font-weight:900;
  color:#0a9f58;
}

#trackingPage .order-bill-meta{
  display:grid;
  gap:10px;
  padding-top:4px;
}

#trackingPage .order-bill-meta div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
}

#trackingPage .order-bill-meta span{
  font-weight:700;
  color:#6b7280;
}

#trackingPage .order-bill-meta strong{
  font-weight:800;
  color:#1f2937;
  text-align:right;
}

#trackingPage .order-bill-divider{
  height:1px;
  background:#efe6d9;
  margin:2px 0;
}

#trackingPage .order-bill-address-title{
  font-size:13px;
  font-weight:900;
  color:#1f2937;
}

#trackingPage .order-bill-address{
  display:block;
}

#trackingPage .order-bill-address .order-address-name{
  font-size:13px;
}

#trackingPage .order-bill-address .order-address-lines,
#trackingPage .order-bill-address .order-address-phone{
  font-size:12px;
}

#trackingPage .order-bill-sheet .mall-sheet-footer{
  margin-top:12px;
}

#trackingPage .order-status-chip-dot.ordered{
  background:#c2410c;
}

#ordersPage .order-list-item:active,
#trackingPage .order-summary-card:active,
#trackingPage .order-referral-banner:active{
  transform:scale(.99);
}

#trackingPage .page-scroll{
  background:#fff;
}

#trackingPage .tracking-page-header{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
}

#trackingPage .order-details-shell--delivered{
  gap:10px;
}

#trackingPage .order-details-shell--delivered .order-summary-card,
#trackingPage .order-details-shell--delivered .order-delivered-review-card,
#trackingPage .order-details-shell--delivered .order-delivered-status-card,
#trackingPage .order-details-shell--delivered .order-address-card,
#trackingPage .order-details-shell--delivered .order-payment-card{
  background:#fff;
  border:1px solid #eceff3;
  border-radius:14px;
  box-shadow:none;
}

#trackingPage .order-details-shell--delivered .order-summary-card{
  padding:12px;
}

#trackingPage .order-details-shell--delivered .order-summary-thumb{
  width:72px;
  height:72px;
  border-radius:10px;
  border:1px solid #edf0f4;
  background:#fff;
}

#trackingPage .order-details-shell--delivered .order-summary-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}

#trackingPage .order-details-shell--delivered .order-summary-id{
  font-size:14px;
  font-weight:800;
  color:#30313a;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
}

#trackingPage .order-details-shell--delivered .order-summary-name{
  margin-top:0;
  font-size:13px;
  font-weight:700;
  color:#5f6270;
  line-height:1.3;
}

#trackingPage .order-details-shell--delivered .order-summary-meta{
  margin-top:0;
  font-size:12px;
  color:#7b7f89;
  font-weight:600;
}

#trackingPage .order-details-shell--delivered .order-summary-note{
  margin-top:0;
  padding:0;
  border-radius:0;
  background:none;
  color:#a1a1ae;
  font-size:12px;
  font-weight:600;
  display:block;
}

#trackingPage .order-details-shell--delivered .order-delivered-review-card{
  padding:12px;
  background:#f6f8fd;
  border:none;
}

#trackingPage .order-details-shell--delivered .order-delivered-review-title{
  margin-bottom:12px;
  font-size:16px;
  font-weight:600;
  color:#3a3d45;
  line-height:1.25;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-grid,
#trackingPage .order-details-shell--delivered .order-delivery-scale-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-item,
#trackingPage .order-details-shell--delivered .order-delivery-scale-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  min-width:0;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-btn{
  width:28px;
  height:28px;
  border:none;
  border-radius:0;
  background:transparent;
  color:#b7bac8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:none;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-btn .material-icons-round{
  font-size:28px;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-btn.filled{
  color:#f59e0b;
}

#trackingPage .order-details-shell--delivered .order-delivered-scale-label{
  font-size:11px;
  color:#8b8f99;
  font-weight:600;
  text-align:center;
  line-height:1.2;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-card{
  padding:2px 2px 0;
  background:transparent;
  border:none;
  box-shadow:none;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-row{
  display:flex;
  align-items:center;
  gap:10px;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#fff2e1;
  color:#c26c08;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-icon > .material-icons-round{
  font-size:18px;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-badge{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#0a9f58;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-badge .material-icons-round{
  font-size:10px;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-copy{
  flex:1;
  min-width:0;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-title{
  font-size:16px;
  font-weight:800;
  color:#262a33;
  line-height:1.2;
}

#trackingPage .order-details-shell--delivered .order-delivered-status-date{
  margin-top:3px;
  font-size:12px;
  color:#6f7481;
  font-weight:600;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn{
  width:40px;
  height:32px;
  border-radius:999px;
  border:2px solid currentColor;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:none;
  font-size:13px;
  font-weight:800;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.value-1{
  color:#d8642f;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.value-2{
  color:#e28f00;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.value-3{
  color:#d6b200;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.value-4{
  color:#27a05f;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.value-5{
  color:#1e9a88;
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn.active{
  background:rgba(236,123,10,.06);
}

#trackingPage .order-details-shell--delivered .order-delivery-scale-btn span{
  line-height:1;
}

#trackingPage .order-details-shell--delivered .order-return-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  line-height:1.35;
  color:#6b7280;
  font-weight:600;
}

#trackingPage .order-details-shell--delivered .order-return-btn{
  border:1px solid #f58413;
  background:#fff;
  color:#f17d0a;
  border-radius:6px;
  padding:9px 14px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

#trackingPage .order-details-shell--delivered .order-address-card{
  padding:14px;
}

#trackingPage .order-details-shell--delivered .order-address-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

#trackingPage .order-details-shell--delivered .order-address-head .material-icons-round{
  font-size:18px;
  color:#6da0f3;
}

#trackingPage .order-details-shell--delivered .order-address-head h3{
  font-size:14px;
  font-weight:800;
  color:#30313b;
}

#trackingPage .order-details-shell--delivered .order-address-name{
  font-size:14px;
  font-weight:800;
  color:#30313a;
}

#trackingPage .order-details-shell--delivered .order-address-lines,
#trackingPage .order-details-shell--delivered .order-address-phone{
  margin-top:3px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

#trackingPage .order-details-shell--delivered .order-address-phone{
  color:#374151;
  font-weight:700;
}

#trackingPage .order-details-shell--delivered .order-referral-banner{
  border:none;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(90deg,#ff8a00 0%,#ff9a1f 46%,#e8790a 46%,#f27e0a 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  box-shadow:0 14px 24px rgba(232,121,10,.16);
}

#trackingPage .order-details-shell--delivered .order-referral-copy{
  flex:1;
  min-width:0;
  text-align:left;
}

#trackingPage .order-details-shell--delivered .order-referral-kicker{
  font-size:14px;
  font-weight:800;
}

#trackingPage .order-details-shell--delivered .order-referral-banner h3{
  margin:4px 0 0;
  font-size:20px;
  line-height:1.1;
  font-weight:900;
}

#trackingPage .order-details-shell--delivered .order-referral-btn{
  display:inline-flex;
  margin-top:10px;
  padding:8px 14px;
  border-radius:7px;
  background:#8e4b07;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

#trackingPage .order-details-shell--delivered .order-referral-art{
  position:relative;
  width:112px;
  height:88px;
  flex-shrink:0;
}

#trackingPage .order-details-shell--delivered .order-referral-art-ring.one{
  position:absolute;
  inset:auto 6px 0 auto;
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
}

#trackingPage .order-details-shell--delivered .order-referral-art-ring.two{
  position:absolute;
  right:24px;
  bottom:12px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
}

#trackingPage .order-details-shell--delivered .order-referral-art-card{
  position:absolute;
  right:0;
  bottom:0;
  width:68px;
  height:68px;
  border-radius:22px;
  background:#fff;
  color:#e8790a;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}

#trackingPage .order-details-shell--delivered .order-referral-art-card .material-icons-round{
  font-size:34px;
}

#trackingPage .order-details-shell--delivered .order-payment-card{
  padding:12px 14px;
}

#trackingPage .order-details-shell--delivered .order-payment-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  font-size:16px;
  font-weight:800;
  color:#22252d;
}

#trackingPage .order-details-shell--delivered .order-payment-head-label{
  font-size:14px;
  font-weight:700;
  color:#2f3138;
}

#trackingPage .order-details-shell--delivered .order-payment-head strong{
  font-size:16px;
  color:#262a33;
}

#trackingPage .order-details-shell--delivered .order-payment-saved-row{
  margin-top:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#trackingPage .order-details-shell--delivered .order-payment-saved{
  color:#0f9f55;
  font-size:12px;
  font-weight:700;
}

#trackingPage .order-details-shell--delivered .order-payment-bill-link{
  border:none;
  background:none;
  color:#f47f0a;
  font-size:13px;
  font-weight:900;
  padding:0;
}

#trackingPage .order-details-shell--delivered .order-payment-method-row{
  margin-top:10px;
  padding:10px 12px;
  background:#f7f8fc;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#4b4f59;
  font-weight:600;
}

#trackingPage .order-details-shell--delivered .order-payment-method-row .material-icons-round{
  font-size:18px;
  color:#8a8f9b;
}

#trackingPage .order-details-shell--delivered .order-payment-method-row strong{
  margin-left:auto;
  color:#242833;
  font-size:14px;
  font-weight:800;
}

@media (max-width: 420px){
  #ordersPage .orders-page-shell{
    padding:10px 10px 16px;
  }

  #ordersPage .orders-filter-btn{
    min-width:84px;
    padding:0 10px;
  }

  #ordersPage .order-list-thumb,
  #trackingPage .order-summary-thumb{
    width:68px;
    height:68px;
  }

  #ordersPage .orders-footer-card{
    margin:12px 10px 0;
    padding:14px 14px 14px 16px;
    min-height:106px;
  }

  #trackingPage .order-details-shell{
    padding:10px 10px 18px;
  }

  .order-help-table-head{
    grid-template-columns:40px minmax(0,1fr) 24px;
    gap:10px;
  }

  .order-help-row{
    grid-template-columns:40px minmax(0,1fr) 24px;
    gap:10px;
    padding:11px 12px;
  }

  .order-help-row-icon{
    width:36px;
    height:36px;
  }

  .order-help-form-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .order-help-upload-wrap{
    grid-column:auto;
  }

  .order-help-upload-head{
    flex-direction:column;
    align-items:stretch;
  }

  .order-help-upload-action{
    align-self:stretch;
    justify-content:center;
  }

  .order-help-upload-preview{
    grid-template-columns:56px minmax(0,1fr) auto;
  }

  #trackingPage .order-details-shell--delivered{
    gap:10px;
  }

  #trackingPage .order-details-shell--delivered .order-summary-card,
  #trackingPage .order-details-shell--delivered .order-delivered-review-card,
  #trackingPage .order-details-shell--delivered .order-address-card,
  #trackingPage .order-details-shell--delivered .order-payment-card{
    border-radius:12px;
  }

  #trackingPage .order-details-shell--delivered .order-delivered-review-card{
    padding:10px;
  }

  #trackingPage .order-details-shell--delivered .order-delivered-review-title{
    font-size:15px;
    margin-bottom:10px;
  }

  #trackingPage .order-details-shell--delivered .order-delivered-scale-grid,
  #trackingPage .order-details-shell--delivered .order-delivery-scale-grid{
    gap:6px;
  }

  #trackingPage .order-details-shell--delivered .order-delivered-scale-btn{
    width:26px;
    height:26px;
  }

  #trackingPage .order-details-shell--delivered .order-delivered-scale-btn .material-icons-round{
    font-size:24px;
  }

  #trackingPage .order-details-shell--delivered .order-delivery-scale-btn{
    width:36px;
    height:30px;
    font-size:12px;
  }

  #trackingPage .order-details-shell--delivered .order-referral-banner{
    padding:14px;
  }

  #trackingPage .order-details-shell--delivered .order-referral-kicker{
    font-size:13px;
  }

  #trackingPage .order-details-shell--delivered .order-referral-banner h3{
    font-size:18px;
  }

  #trackingPage .order-details-shell--delivered .order-referral-art{
    width:100px;
    height:78px;
  }

  #trackingPage .order-details-shell--delivered .order-payment-card{
    padding:12px;
  }

  #trackingPage .order-details-shell--delivered .order-payment-head{
    font-size:15px;
  }

  #trackingPage .order-details-shell--delivered .order-payment-head-label{
    font-size:13px;
  }

  #trackingPage .order-details-shell--delivered .order-payment-method-row{
    font-size:12px;
  }

  #trackingPage .order-stepper{
    gap:6px;
  }

  #trackingPage .order-step{
    padding:10px 8px 8px;
  }

  #trackingPage .order-referral-banner{
    padding:14px;
  }

  #trackingPage .order-referral-banner h3{
    font-size:18px;
  }
}


/* === Home Page Refresh === */
#homePage .app-header{
  background:#fff;
  padding:8px 12px 12px;
}

#homePage .logo-area{
  gap:0;
  min-width:0;
  flex:1;
}

#homePage .header-brand{
  display:inline-flex;
  align-items:flex-end;
  white-space:nowrap;
  line-height:1;
  flex-shrink:0;
  font-family:var(--font-sans);
  letter-spacing:-.03em;
  max-width:100%;
  min-width:0;
}

#homePage .header-brand-san,
#homePage .header-brand-raj{
  font-size:clamp(19px,5.8vw,23px);
  font-weight:800;
  line-height:1;
}

#homePage .header-brand-san{
  color:var(--brand-orange);
}

#homePage .header-brand-raj{
  color:var(--brand-green);
  margin-left:-1px;
}

#homePage .header-brand-premium{
  color:var(--brand-orange);
  font-size:clamp(13px,4vw,17px);
  font-style:italic;
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  margin-left:6px;
  transform:translateY(-1px);
}

#homePage .home-search{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:0 12px;
  min-height:clamp(42px,11vw,46px);
  box-shadow:0 2px 8px rgba(15,23,42,.05);
  width:100%;
  max-width:100%;
}

#homePage .home-search .material-icons-round{
  font-size:20px;
  color:#9ca3af;
  flex-shrink:0;
}

#homePage .home-search input{
  border:none;
  outline:none;
  flex:1;
  min-width:0;
  font-size:clamp(13px,3.6vw,14px);
  line-height:1.2;
  background:transparent;
  color:#111827;
}

#homePage .home-search input::placeholder{
  color:#9ca3af;
}

#homePage .home-location-row{
  padding:0;
  margin-top:8px;
}

#homePage .home-location-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:transparent;
  border-radius:0;
  padding:0;
  min-height:0;
  box-shadow:none;
  cursor:pointer;
  text-align:left;
}

#homePage .home-location-card .material-icons-round{
  color:#111827!important;
  flex-shrink:0;
  font-size:20px;
}

#homePage .home-location-copy{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
}

#homePage .home-location-label{
  font-size:13px;
  font-weight:700;
  color:#1f2937;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#homePage .home-location-change{
  margin-left:2px;
  color:#9ca3af!important;
  font-size:20px;
  font-weight:400;
  line-height:1;
  flex-shrink:0;
}

#homePage #homeScroll{
  padding-bottom:0;
}

#homePage .home-categories-section .section-header{
  display:flex;
}

#homePage .home-categories-section{
  padding-top:12px;
  padding-bottom:8px;
}

#homePage .home-category-scroll-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  padding:0;
}

#homePage .home-category-hgrid{
  display:grid;
  grid-auto-flow:column;
  grid-template-rows:repeat(1,auto);
  grid-template-columns:repeat(6,72px);
  grid-auto-columns:72px;
  gap:14px 10px;
  width:max-content;
  padding:8px 0 4px;
}

#homePage .home-category-card{
  width:72px;
  min-width:72px;
  max-width:72px;
  gap:6px;
}

#homePage .home-category-icon{
  width:56px;
  height:56px;
}

#homePage .home-category-card span:last-child{
  font-size:11px;
  font-weight:600;
  color:#4b5563;
  line-height:1.2;
  display:block;
  width:100%;
  white-space:normal;
  overflow:hidden;
  min-height:26px;
  margin-top:0;
}

#homePage .home-banner-section{
  padding-top:12px;
  padding-bottom:8px;
}

.ad-banner-rail{
  display:flex;
  width:100%;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 0 6px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.ad-banner-rail::-webkit-scrollbar{display:none}

.ad-banner-image-card{
  flex:0 0 100%;
  width:100%;
  padding:0;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
  scroll-snap-align:start;
  cursor:pointer;
}

.ad-banner-image-card img{
  display:block;
  width:100%;
  aspect-ratio:2 / 1;
  height:auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
}

.mall-banner-track.ad-banner-rail{
  padding:0 0 5px;
  transition:none;
}

.mall-ad-banner-image-card{
  border-radius:19px;
}

.spin-ad-banner-rail .ad-banner-image-card{
  flex-basis:100%;
}

#homePage .home-banner-card{
  width:100%;
  border:none;
  border-radius:24px;
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(135deg,#884707 0%,#ea7a0a 45%,#eb7a0a 100%);
  box-shadow:0 14px 30px rgba(146,77,8,.18);
  color:#fff;
  overflow:hidden;
  cursor:pointer;
}

#homePage .home-banner-card,
#homePage .home-banner-copy,
#homePage .home-banner-art{
  min-width:0;
}

#homePage .home-banner-copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:left;
}

#homePage .home-banner-copy h2{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:0;
  font-size:clamp(18px,5.5vw,22px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-0.03em;
}

#homePage .home-banner-title-line{
  display:block;
}

#homePage .home-banner-title-line--light{
  color:#fff;
}

#homePage .home-banner-title-line--accent{
  color:#ffd84f;
}

#homePage .home-banner-copy p{
  margin:0;
  font-size:12px;
  font-weight:700;
  color:rgba(255,255,255,.92);
}

#homePage .home-banner-pills{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:8px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  color:#1f2937;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

#homePage .home-banner-pills span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

#homePage .home-banner-pills .material-icons-round{
  font-size:13px;
  color:#16a34a;
}

#homePage .home-banner-art{
  flex:0 0 clamp(96px,28vw,128px);
  width:clamp(96px,28vw,128px);
  height:clamp(100px,30vw,132px);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

#homePage .home-banner-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:right center;
  display:block;
}

#homePage .home-banner-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:8px;
}

#homePage .home-banner-dot{
  width:6px;
  height:6px;
  border-radius:999px;
  background:#d4d4d8;
  transition:width .2s ease, background-color .2s ease;
}

#homePage .home-banner-dot.active{
  width:18px;
  background:#f5800c;
}

#homePage .home-feature-strip-section{
  padding-top:4px;
  padding-bottom:8px;
}

#homePage .home-feature-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#homePage .home-feature-card{
  background:#f4faef;
  border:1px solid #e3ecd7;
  border-radius:14px;
  padding:10px 8px;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  box-shadow:0 2px 8px rgba(15,23,42,.03);
}

#homePage .home-feature-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(34,197,94,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

#homePage .home-feature-icon .material-icons-round{
  color:#16a34a;
  font-size:18px;
}

#homePage .home-feature-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

#homePage .home-feature-copy strong{
  font-size:11px;
  line-height:1.15;
  font-weight:800;
  color:#0f172a;
}

#homePage .home-feature-copy span{
  font-size:10px;
  line-height:1.15;
  color:#6b7280;
  font-weight:700;
  margin-top:2px;
}

#homePage .home-top-picks-section{
  padding-top:4px;
  padding-bottom:8px;
}

#homePage .home-top-picks-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
}

#homePage .home-top-picks-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:2px 0 4px;
  margin:0 -16px;
  padding-left:16px;
  padding-right:16px;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

#homePage .home-top-picks-rail::-webkit-scrollbar{
  display:none;
}

#homePage .home-top-picks-banner{
  flex:0 0 46%;
  min-width:46%;
  max-width:280px;
  border:none;
  padding:0;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(15,23,42,.08);
  scroll-snap-align:start;
  cursor:pointer;
}

#homePage .home-top-picks-banner:active{
  transform:scale(.99);
}

#homePage .home-top-picks-banner img{
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  display:block;
}

#homePage .home-popular-section{
  padding-top:4px;
  padding-bottom:8px;
}

#homePage .home-food-split-section{
  padding-top:4px;
  padding-bottom:8px;
}

#homePage .home-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#homePage .home-product-card{
  border:none;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(15,23,42,.06);
  border:1px solid #f0f0f0;
  cursor:pointer;
  text-align:left;
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
}

#homePage .home-product-card:active{
  transform:scale(.98);
}

#homePage .home-product-media{
  position:relative;
  aspect-ratio:1;
  background:#f8f8f8;
  overflow:hidden;
}

#homePage .home-product-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  display:block;
}

#homePage .home-product-badge{
  position:absolute;
  top:8px;
  left:8px;
  background:linear-gradient(135deg,#f58311,#f58617);
  color:#fff;
  font-size:10px;
  font-weight:900;
  padding:3px 8px;
  border-radius:999px;
  letter-spacing:.02em;
}

#homePage .home-product-badge,
#homePage .home-categories-grid .listing-card-pill{
  display:none;
}

#homePage .home-product-wish{
  position:absolute;
  top:8px;
  right:8px;
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  cursor:pointer;
  z-index:2;
  color:#6b7280;
}

#homePage .home-product-wish.active{
  color:#e11d48;
}

#homePage .home-product-wish .material-icons-round{
  font-size:17px;
}

#homePage .home-product-cart{
  position:absolute;
  top:46px;
  right:8px;
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  cursor:pointer;
  z-index:2;
  color:#0a9f58;
}

#homePage .home-product-cart .material-icons-round{
  font-size:17px;
}

#homePage .home-product-body{
  padding:10px;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:6px;
}

#homePage .home-product-name{
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  color:#1a1a2e;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}

#homePage .home-product-price{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}

#homePage .home-product-price .now{
  font-size:15px;
  font-weight:800;
  color:#1a1a2e;
}

#homePage .home-product-price .was{
  font-size:12px;
  color:#9ca3af;
  text-decoration:line-through;
}

#homePage .home-product-price .off{
  font-size:11px;
  color:#16a34a;
  font-weight:800;
}

#homePage .home-product-rating{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:#6b7280;
}

#homePage .home-product-rating-badge{
  background:#16a34a;
  color:#fff;
  border-radius:6px;
  padding:2px 6px;
  font-size:10px;
  font-weight:800;
  line-height:1;
}

#homePage .home-flash-section{
  padding-top:4px;
  padding-bottom:8px;
}

#homePage .home-flash-deals{
  width:100%;
  border:1px solid #f9e8d6;
  background:#fff9f2;
  border-radius:16px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  box-shadow:0 2px 10px rgba(15,23,42,.04);
  cursor:pointer;
  text-align:left;
}

#homePage .home-flash-left{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#1a1a2e;
}

#homePage .home-flash-left .material-icons-round{
  color:#f43f5e;
  font-size:18px;
}

#homePage .home-flash-left span:last-child{
  font-size:14px;
  font-weight:900;
}

#homePage .home-flash-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  color:#6b7280;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

#homePage .home-flash-right strong{
  color:#f43f5e;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}

#homePage .home-flash-link{
  color:#ec7b0a;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

#homePage .home-ads-section,
#homePage .home-feed-comparison-section,
#homePage .food-banner-section,
#homePage .reseller-banner{
  display:none !important;
}

#homePage #homeCategoryInline,
#homePage #trendingProducts{
  width:100%;
}

#homePage .section-header{
  margin-bottom:10px;
}

#homePage .section-title{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:#1a1a2e;
}

#homePage .see-all{
  font-size:13px;
  font-weight:800;
}
#homePage .home-category-icon,
#homePage .home-feed-split-column .product-card,
#homePage .home-feed-split-column .product-card .pc-img,
#homePage .home-food-rail-card,
#homePage .home-food-rail-card .pc-img{
  border-radius:0;
}

#ordersPage{
  background:#fff;
}

#ordersPage .page-scroll{
  background:#fff;
}

#ordersPage .orders-page-header{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  min-height:56px;
  padding:14px 14px 12px;
}

#ordersPage .orders-page-header h1{
  color:#2b2b30;
  font-size:18px;
  font-weight:700;
  letter-spacing:.02em;
}

#ordersPage .orders-page-shell{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:12px 0 22px;
}

#ordersPage .orders-toolbar{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px 14px;
  background:#fff;
  border-bottom:1px solid #eceff3;
  position:relative;
  top:auto;
  z-index:auto;
  backdrop-filter:none;
}

#ordersPage .orders-search-wrap{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  height:46px;
  padding:0 14px;
  border:1px solid #d9dde4;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}

#ordersPage .orders-search-wrap .material-icons-round{
  color:#a9afbb;
  font-size:21px;
}

#ordersPage .orders-search-wrap input{
  border:none;
  outline:none;
  flex:1;
  min-width:0;
  background:transparent;
  font-size:15px;
  color:#2f343d;
  font-family:inherit;
}

#ordersPage .orders-search-wrap input::placeholder{
  color:#9ca3af;
}

#ordersPage .orders-filter-btn{
  flex:0 0 auto;
  min-width:unset;
  height:auto;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  color:#ec7b0a;
  font-size:16px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:none;
}

#ordersPage .orders-filter-btn .material-icons-round{
  font-size:18px;
}

#ordersPage .orders-filter-btn.active{
  background:transparent;
  border:none;
  color:#ec7b0a;
  box-shadow:none;
}

#ordersPage .orders-list{
  display:flex;
  flex-direction:column;
  gap:0;
}

#ordersPage .order-entry{
  padding:0;
  border-bottom:1px solid #eceff3;
}

#ordersPage .order-list-item{
  width:100%;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 14px 12px;
  border:none;
  border-radius:0;
  background:#fff;
  text-align:left;
  box-shadow:none;
  cursor:pointer;
}

#ordersPage .order-list-thumb{
  width:72px;
  height:72px;
  border-radius:4px;
  object-fit:cover;
  background:#f4f4f4;
  flex-shrink:0;
}

#ordersPage .order-list-copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-top:2px;
}

#ordersPage .order-list-head{
  font-size:16px;
  font-weight:700;
  color:#3b3d45;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#ordersPage .order-list-subhead{
  font-size:12px;
  font-weight:500;
  color:#7a7f8c;
  line-height:1.35;
}

#ordersPage .order-list-subhead.shipped,
#ordersPage .order-list-subhead.out-for-delivery{
  color:#0a7f5a;
}

#ordersPage .order-list-subhead.picked{
  color:#c26c08;
}

#ordersPage .order-list-subhead.delivered{
  color:#6b7280;
}

#ordersPage .order-list-subhead.cancelled,
#ordersPage .order-list-subhead.returned,
#ordersPage .order-list-subhead.exchange{
  color:#f5810d;
}

#ordersPage .order-list-meta{
  font-size:12px;
  color:#7b7f89;
  line-height:1.35;
}

#ordersPage .order-list-actions{
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

#ordersPage .order-view-detail-btn{
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand-orange),var(--brand-green));
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 6px 14px rgba(247,154,21,.16);
}

#ordersPage .order-view-detail-btn .material-icons-round{
  font-size:16px;
}

#ordersPage .order-list-chevron{
  color:#8a8f9b;
  font-size:24px;
  margin-top:20px;
  flex-shrink:0;
}

#ordersPage .order-feedback-card{
  margin-top:2px;
  padding:8px 14px 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

#ordersPage .order-feedback-title{
  font-size:14px;
  line-height:1.25;
  font-weight:700;
  color:#3c3f47;
}

#ordersPage .order-rating-stars{
  gap:4px;
}

#ordersPage .order-rating-star{
  border:none;
  background:transparent;
  padding:0;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d1d5db;
  box-shadow:none;
  cursor:pointer;
  outline:none;
}

#ordersPage .order-rating-star .material-icons-round{
  font-size:24px;
  line-height:1;
}

#ordersPage .order-rating-star.filled{
  color:#f59e0b;
}

#ordersPage .order-rating-star:active{
  transform:scale(.96);
}

#ordersPage .order-feedback-message{
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  color:#3c3f47;
}

#ordersPage .order-feedback-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#ordersPage .order-feedback-stars{
  display:flex;
  align-items:center;
  gap:2px;
  flex-shrink:0;
}

#ordersPage .order-feedback-stars .material-icons-round{
  font-size:23px;
  line-height:1;
}

#ordersPage .order-feedback-stars.refund .material-icons-round.filled{
  color:#e11d48;
}

#ordersPage .order-feedback-stars.delivered .material-icons-round.filled{
  color:#f59e0b;
}

#ordersPage .order-feedback-stars .material-icons-round.empty{
  color:#cbd5e1;
}

#ordersPage .order-feedback-btn{
  border:1px solid #f5810d;
  background:#fff;
  color:#ec7b0a;
  border-radius:4px;
  height:38px;
  padding:0 12px;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:none;
}

#ordersPage .order-feedback-btn:active{
  transform:scale(.99);
}

#ordersPage .orders-empty-message{
  margin:12px 14px 0;
  border:1px dashed #e5e7eb;
  border-radius:12px;
  padding:24px 18px;
  background:#fff;
  box-shadow:none;
}

#ordersPage .orders-footer-card{
  display:flex !important;
  margin:14px 14px 0;
}

#spinWheelPage .spin-wheel-shell{
  width:min(100%,360px);
  margin:0 auto;
  isolation:isolate;
}

#spinWheelPage .spin-wheel-shell::before{
  content:'';
  position:absolute;
  left:50%;
  top:2px;
  width:344px;
  height:344px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,244,169,.36) 0 18%, rgba(255,244,169,.14) 30%, rgba(255,244,169,0) 66%),
    radial-gradient(circle at 50% 50%, rgba(246,138,30,.2) 0 44%, rgba(246,138,30,0) 72%);
  filter:blur(16px);
  opacity:.95;
  pointer-events:none;
  z-index:0;
  animation:spinWheelGlowPulse 2.8s ease-in-out infinite;
}

#spinWheelPage .spin-wheel-shell::after{
  content:'';
  position:absolute;
  left:50%;
  top:-6px;
  width:366px;
  height:366px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 55%, rgba(255,245,176,.98) 55.5% 58%, rgba(246,138,31,.76) 58.2% 60.2%, transparent 60.5%),
    repeating-conic-gradient(from 0deg,
      rgba(255,255,255,0) 0deg 11deg,
      rgba(255,252,197,.98) 11deg 12deg,
      rgba(255,255,255,0) 12deg 24deg,
      rgba(246,139,31,.88) 24deg 25deg,
      rgba(255,255,255,0) 25deg 36deg);
  -webkit-mask:radial-gradient(circle, transparent 0 55%, #000 56% 64%, transparent 65%);
  mask:radial-gradient(circle, transparent 0 55%, #000 56% 64%, transparent 65%);
  filter:drop-shadow(0 0 14px rgba(255,230,118,.86)) drop-shadow(0 0 22px rgba(246,137,28,.5));
  opacity:.96;
  pointer-events:none;
  z-index:1;
  animation:spinWheelOrbit 10s linear infinite;
}

#spinWheelPage .spin-wheel-stage{
  z-index:2;
}

#spinWheelPage .spin-wheel-stage::after{
  animation:spinWheelGlowPulse 2.8s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(255,246,184,.98) 58.5% 60%, rgba(246,137,29,.6) 60.4% 61.8%, transparent 62.2%) !important,
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(255,255,255,.22) 67% 68%, transparent 69%) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 24px rgba(245,136,26,.34) !important;
}

@keyframes spinWheelGlowPulse{
  0%,100%{
    opacity:.82;
    transform:translateX(-50%) scale(1);
  }
  50%{
    opacity:1;
    transform:translateX(-50%) scale(1.03);
  }
}

/* Listing page: sticky search + filter row, scroll-only product grid */
#listingPage{
  overflow:hidden;
  min-width:0;
  background:#f6f7fb;
}

#listingPage .listing-search-shell{
  flex:0 0 auto;
  padding:12px 16px 8px;
}

#listingPage .listing-search-shell .home-search{
  margin:0;
  width:100%;
}

#listingPage .listing-filter-bar{
  position:relative;
  top:auto;
  flex:0 0 auto;
  margin:0 0 10px;
  width:100%;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(15,23,42,.05);
}

#listingPage .listing-filter-bar .mall-filter-button{
  min-height:54px;
  padding:9px 6px 10px;
  justify-content:center;
}

#listingPage .listing-filter-bar .mall-filter-button.active{
  background:linear-gradient(180deg,#fff 0%,#fff8ef 100%);
  box-shadow:inset 0 0 0 1px rgba(247,154,21,.18);
}

#listingPage .listing-filter-bar .mall-filter-button.active .mall-filter-top{
  color:var(--brand-orange-dark);
}

#listingPage .listing-filter-bar .mall-filter-button.active .mall-filter-top .material-icons-round{
  color:var(--brand-orange-dark);
}

#listingPage .listing-filter-bar .mall-filter-top{
  font-size:13px;
}

#listingPage .listing-filter-bar .mall-filter-sub{
  font-size:10px;
  line-height:1.2;
}

#listingPage .listing-products-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:0 0 calc(16px + env(safe-area-inset-bottom));
}

#listingPage .listing-products-section{
  padding:0 16px 18px;
  min-width:0;
}

#listingPage .listing-products-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:2px 0 12px;
}

#listingPage .listing-products-head h2{
  font-size:16px;
  font-weight:800;
  color:#16181d;
  line-height:1.25;
}

#listingPage .listing-products-head p{
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:#6b7280;
  font-weight:600;
}

#listingPage .listing-products-count{
  flex:0 0 auto;
  font-size:11px;
  font-weight:800;
  color:var(--brand-green-dark);
  background:#eef9f0;
  border:1px solid rgba(10,159,88,.12);
  border-radius:999px;
  padding:6px 10px;
  white-space:nowrap;
}

#listingPage .listing-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  min-width:0;
}

#listingPage .listing-card{
  width:100%;
  min-width:0;
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  display:flex;
  flex-direction:column;
}

#listingPage .listing-card-media{
  position:relative;
  aspect-ratio:1/1;
  background:#f7f7f7;
  overflow:hidden;
}

#listingPage .listing-card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  display:block;
}

#listingPage .listing-card-pill{
  position:absolute;
  left:8px;
  top:8px;
  z-index:2;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(247,154,21,.18);
  color:var(--brand-orange-dark);
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  pointer-events:none;
}

#listingPage .listing-card-cod{
  font-size:11px;
  font-weight:700;
  color:#0a7f39;
  line-height:1.35;
}

#listingPage .listing-card-body{
  padding:10px 10px 12px;
  gap:6px;
}

#listingPage .listing-card-category{
  font-size:10px;
  letter-spacing:.04em;
}

#listingPage .listing-card-name{
  font-size:12.5px;
  min-height:34px;
}

#listingPage .listing-card-price .now{
  font-size:15px;
}

#listingPage .listing-card-rating{
  font-size:11px;
}

#listingPage .listing-add-btn{
  width:100%;
}

#listingPage .listing-empty-state{
  padding:42px 14px;
  text-align:center;
}

#listingPage .listing-empty-state .material-icons-round{
  margin-bottom:12px;
}

#listingPage .listing-empty-action{
  margin-top:14px;
}

#listingPage .listing-loading-state{
  padding:0;
}

#listingPage .listing-loading-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#listingPage .listing-loading-card{
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  padding:10px;
  overflow:hidden;
}

@media (max-width: 480px){
  .section{
    padding:14px 12px;
  }

  .page-header,
  .app-header{
    padding-left:12px;
    padding-right:12px;
  }

  #homePage #homeScroll{
    padding-bottom:0;
  }

  #homePage .home-banner-card{
    padding:14px;
    border-radius:20px;
    gap:10px;
  }

  #homePage .home-feature-card{
    padding:8px 7px;
  }

  #homePage .home-feature-copy strong{
    font-size:10px;
    line-height:1.12;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #homePage .home-feature-copy span{
    font-size:9px;
    line-height:1.12;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #homePage .home-category-hgrid{
    gap:12px 8px;
    grid-template-columns:repeat(6,68px);
    grid-auto-columns:68px;
  }

  #homePage .home-category-card{
    width:68px;
    min-width:68px;
    max-width:68px;
  }

  #homePage .home-category-icon{
    width:52px;
    height:52px;
  }

  #homePage .home-category-card span:last-child{
    font-size:10px;
    min-height:24px;
  }

  #homePage .home-product-grid{
    gap:10px;
  }

  #homePage .home-product-body{
    padding:9px;
    gap:5px;
  }

  #homePage .home-product-name{
    font-size:12px;
    min-height:32px;
    line-height:1.25;
  }

  #homePage .home-product-price .now{
    font-size:14px;
  }

  #homePage .home-product-rating{
    font-size:10px;
  }

  #homePage .home-product-wish{
    width:28px;
    height:28px;
  }

  #homePage .home-product-wish .material-icons-round{
    font-size:16px;
  }

  #homePage .home-product-cart{
    width:28px;
    height:28px;
    top:42px;
  }

  #homePage .home-product-cart .material-icons-round{
    font-size:16px;
  }

  #mallPage .mall-header{
    padding:10px 0 8px;
  }

  #mallPage .mall-location-row{
    margin:10px 0 0;
  }

  #mallPage .mall-filter-bar{
    margin:10px 0 0;
  }

  #mallPage .mall-filter-button{
    min-height:42px;
    padding:8px 6px;
  }

  #mallPage .mall-filter-top{
    font-size:12px;
  }

  #mallPage .mall-product-grid{
    gap:1px;
  }

  #mallPage .mall-product-card{
    border-radius:0 !important;
  }

  #mallPage .mall-product-body{
    padding:9px 9px 10px;
    gap:5px;
  }

  #mallPage .mall-product-title{
    font-size:10.5px;
    min-height:28px;
  }

  #mallPage .mall-product-price{
    font-size:13px;
  }

  #listingPage .listing-search-shell{
    padding:10px 12px 8px;
  }

  #listingPage .listing-filter-bar{
    margin:0 12px 10px;
  }

  #listingPage .listing-products-section{
    padding:0 12px 18px;
  }

  #listingPage .listing-product-grid{
    gap:10px;
  }

  #listingPage .listing-card{
    border-radius:14px;
  }

  #listingPage .listing-card-body{
    padding:8px 8px 10px;
    gap:5px;
  }

  #listingPage .listing-card-name{
    font-size:12px;
    min-height:32px;
    line-height:1.25;
  }

  #listingPage .listing-card-price .now{
    font-size:14px;
  }

  #listingPage .listing-wishlist{
    width:30px;
    height:30px;
    top:8px;
    right:8px;
  }

  #categoriesPage .page-scroll{
    padding-left:0;
    padding-right:0;
  }

  #categoriesPage .categories-columns{
    padding:12px 10px 16px;
  }

  #categoriesPage .categories-rail{
    width:96px;
    padding:10px 6px;
  }

  #categoriesPage .categories-unified-grid{
    gap:10px;
  }

  #ordersPage .orders-page-shell{
    padding:10px 10px 16px;
  }

  #ordersPage .order-list-item{
    padding:12px 12px 10px;
    gap:10px;
  }

  #ordersPage .order-list-thumb{
    width:64px;
    height:64px;
  }

  #ordersPage .order-list-head{
    font-size:15px;
  }

  #profilePage .profile-shell{
    padding:0 0 10px;
  }

  #profilePage .profile-top-card{
    width:calc(100% - 24px);
    margin:0 12px 10px;
    padding:12px 0 14px;
  }

  #profilePage .profile-quick-actions{
    padding:0 12px 8px;
    gap:10px;
  }

  #profilePage .profile-section-card{
    padding:0 12px;
  }

  #profilePage .profile-footer-card{
    padding:16px 12px 12px;
  }

  #profilePage .profile-footer-tagline{
    font-size:20px;
  }

  #profilePage .profile-footer-art{
    width:min(168px,44vw);
  }

  .spin-wheel-launcher{
    right:10px;
    bottom:calc(84px + env(safe-area-inset-bottom));
    width:64px;
    height:64px;
  }

  .spin-wheel-launcher .material-icons-round{
    font-size:22px;
  }

  .spin-wheel-badge{
    min-width:20px;
    height:20px;
    padding:0 5px;
    font-size:10px;
  }

  .toast{
    bottom:calc(72px + env(safe-area-inset-bottom));
    max-width:calc(100vw - 20px);
  }
}

@media (max-width: 360px){
  #homePage .home-category-hgrid{
    gap:10px 8px;
    grid-template-columns:repeat(6,64px);
    grid-auto-columns:64px;
  }

  #homePage .home-category-card{
    width:64px;
    min-width:64px;
    max-width:64px;
  }

  #homePage .home-category-icon{
    width:48px;
    height:48px;
  }

  #mallPage .mall-category-grid{
    grid-auto-columns:78px;
  }

  #mallPage .mall-budget-card{
    width:132px;
    flex-basis:132px;
  }

  #mallPage .mall-brand-card{
    width:72px;
    flex-basis:72px;
  }

  #mallPage .mall-trust-stat{
    flex-basis:108px;
  }

  #mallPage .mall-trust-icon{
    width:24px;
    height:24px;
  }

  #mallPage .mall-trust-stat strong{
    font-size:11px;
  }

  #mallPage .mall-trust-stat span{
    font-size:8px;
  }

  #trackingPage .tracking-page-header > span:last-child{
    min-width:76px;
  }

  #ordersPage .order-view-detail-btn{
    font-size:12px;
  }
}

/* Home categories + category pages: compact responsive tiles */
#homePage .home-categories-shell{
  margin:0;
  padding:0 0 2px;
}

#homePage .home-categories-section{
  padding-left:12px;
  padding-right:12px;
}

#homePage .home-categories-filter-bar{
  position:sticky;
  top:0;
  z-index:20;
  margin:0 0 8px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.06);
}

#homePage .home-categories-summary{
  margin:0 0 8px;
}

#homePage .home-categories-grid-scroll{
  max-height:none;
  overflow:visible;
  overscroll-behavior:auto;
  -webkit-overflow-scrolling:auto;
  scrollbar-width:auto;
  padding-right:0;
  margin-right:0;
}

#homePage .home-categories-grid-scroll::-webkit-scrollbar{
  display:initial;
}

#homePage .home-categories-grid{
  gap:10px;
}

#homePage .home-categories-grid .listing-card{
  border-radius:14px;
}

#homePage .home-categories-grid .listing-card-body{
  padding:8px 8px 10px;
  gap:5px;
}

#homePage .home-categories-grid .listing-card-category{
  font-size:10px;
  line-height:1.2;
}

#homePage .home-categories-grid .listing-card-name{
  font-size:12px;
  line-height:1.25;
  min-height:32px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#homePage .home-categories-grid .listing-card-price .now{
  font-size:14px;
}

#homePage .home-categories-grid .listing-wishlist{
  width:30px;
  height:30px;
  top:8px;
  right:8px;
}

#homePage .home-category-scroll-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  width:100%;
  padding:0;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

#homePage .home-category-scroll-wrap::-webkit-scrollbar{
  display:none;
}

#homePage .home-category-hgrid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:clamp(92px,24vw,110px);
  grid-template-rows:repeat(1,auto);
  grid-template-columns:none;
  gap:10px;
  width:max-content;
  min-width:100%;
  padding:0;
  align-items:start;
}

#homePage .home-category-card{
  width:clamp(92px,24vw,110px);
  min-width:0;
  max-width:clamp(92px,24vw,110px);
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  padding:8px 8px 10px;
  gap:6px;
  align-items:stretch;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

#homePage .home-category-icon{
  width:100%;
  aspect-ratio:1.08;
  height:auto;
  border-radius:14px;
}

#homePage .home-category-card span:last-child{
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  color:#1f2937;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:32px;
  white-space:normal;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#categoriesPage .categories-columns{
  padding:8px 8px 16px;
}

#categoriesPage .categories-section-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#categoriesPage .categories-section-card{
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  padding:8px 8px 10px;
  align-items:stretch;
  gap:6px;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

#categoriesPage .categories-section-media{
  width:60px;
  height:60px;
  border-radius:50%;
  padding:4px;
  margin:0 auto;
  aspect-ratio:auto;
}

#categoriesPage .categories-section-title{
  font-size:12px;
  line-height:1.25;
  min-height:32px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#categoriesPage .category-subcategory-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#categoriesPage .category-subcategory-card{
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  padding:8px 8px 10px;
  align-items:stretch;
  gap:6px;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

#categoriesPage .category-subcategory-media{
  width:100%;
  aspect-ratio:1.08;
  height:auto;
  border-radius:14px;
  padding:0;
}

#categoriesPage .category-subcategory-title{
  font-size:12px;
  line-height:1.25;
  min-height:28px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#foodMainCategoryPage .category-subcategory-card{
  padding:8px;
  gap:6px;
  min-height:0;
}

#foodMainCategoryPage .category-subcategory-media{
  width:100%;
  aspect-ratio:1.05;
  height:auto;
  border-radius:14px;
  padding:0;
}

#foodMainCategoryPage .category-subcategory-title{
  font-size:12px;
  line-height:1.25;
  min-height:28px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Dense mobile grid mode: full-width cells, flat filter row, no edge padding */
#homePage .home-categories-filter-bar,
#listingPage .listing-filter-bar{
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:none !important;
  border-right:none !important;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}

#homePage .home-categories-filter-bar{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100%;
  background:#fff;
  overflow:hidden;
  border:1px solid #e5e7eb;
}

#homePage .home-categories-shell .home-categories-filter-bar{
  margin-left:-16px !important;
  margin-right:-16px !important;
  width:calc(100% + 32px);
  box-sizing:border-box;
}

#listingPage .listing-filter-bar{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100%;
}

#homePage .home-categories-filter-bar .mall-filter-button,
#listingPage .listing-filter-bar .mall-filter-button{
  min-height:44px;
  padding:8px 6px !important;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6px;
}

#homePage .home-categories-filter-bar .mall-filter-top,
#listingPage .listing-filter-bar .mall-filter-top{
  flex-direction:row;
  align-items:center;
  gap:4px;
  font-size:12px;
  font-weight:600;
  line-height:1;
}

#homePage .home-categories-filter-bar .mall-filter-top .material-icons-round,
#listingPage .listing-filter-bar .mall-filter-top .material-icons-round{
  font-size:15px;
}

#homePage .home-categories-filter-bar .mall-filter-sub,
#listingPage .listing-filter-bar .mall-filter-sub{
  display:none !important;
}

#homePage .home-categories-filter-bar .mall-filter-button{
  background:#fff;
}

#homePage .home-categories-filter-bar .mall-filter-button.active{
  background:#fff !important;
}

#homePage .home-categories-grid-scroll{
  margin-left:-12px;
  margin-right:-12px;
  width:calc(100% + 24px);
  padding-right:0;
}

#listingPage .listing-products-section{
  padding:0 0 18px;
}

#categoriesPage .categories-columns{
  padding:0 0 16px;
}

#homePage .home-categories-grid,
#listingPage .listing-product-grid{
  gap:1px;
  background:#e8edf3;
  padding:0;
}

#categoriesPage .categories-section-grid,
#categoriesPage .category-subcategory-grid{
  gap:10px;
  background:transparent;
  padding:0;
}

#foodMainCategoryPage .category-subcategory-grid{
  gap:8px;
  background:#fff;
  padding:0;
}

#homePage .home-categories-grid .listing-card,
#listingPage .listing-card{
  border-radius:0 !important;
  box-shadow:none !important;
  border:none !important;
  height:100%;
}

#homePage .home-categories-grid .listing-card-media,
#listingPage .listing-card-media{
  aspect-ratio:1.02;
}

#homePage .home-categories-grid .listing-card-body,
#listingPage .listing-card-body{
  flex:1 1 auto;
  min-height:0;
  padding:8px 8px 10px;
  gap:5px;
}

#homePage .home-categories-grid .listing-card-category,
#listingPage .listing-card-category{
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#homePage .home-categories-grid .listing-card-name,
#listingPage .listing-card-name{
  font-size:12px;
  line-height:1.25;
  min-height:30px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#homePage .home-categories-grid .listing-card-price .now,
#listingPage .listing-card-price .now{
  font-size:14px;
}

#homePage .home-categories-grid .listing-wishlist,
#listingPage .listing-wishlist{
  width:30px;
  height:30px;
  top:8px;
  right:8px;
}

#homePage .home-categories-grid .listing-card-actions,
#listingPage .listing-card-actions{
  margin-top:auto;
  padding-top:2px;
}

#homePage .home-categories-grid .listing-add-btn,
#listingPage .listing-add-btn{
  min-height:42px;
}

#categoriesPage .categories-section-card,
#foodMainCategoryPage .category-subcategory-card{
  border-radius:0;
  box-shadow:none;
  border:none;
  background:#fff;
}

#categoriesPage .category-subcategory-card{
  background:#fff;
  border:1px solid #edf1f6;
  border-radius:16px;
  padding:8px 8px 10px;
  align-items:stretch;
  gap:6px;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

#foodMainCategoryPage .category-subcategory-media{
  aspect-ratio:1.02;
}

#categoriesPage .categories-section-media{
  overflow:hidden;
  background:#f8f9fc;
}

#categoriesPage .category-subcategory-media{
  width:100%;
  aspect-ratio:1.08;
  height:auto;
  border-radius:14px;
  padding:0;
  background:#f8f9fc;
  margin:0;
  overflow:hidden;
}

#categoriesPage .category-subcategory-media img{
  object-fit:cover;
}

#categoriesPage .category-subcategory-title{
  font-size:12px;
  line-height:1.25;
  min-height:28px;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-align:center;
}

/* Product detail, cart, wishlist */
#productPage .page-scroll.no-pad,
#wishlistPage .page-scroll.listing-page-scroll,
#cartPage .page-scroll{
  background:#fdf5ee;
}

#productPage .page-scroll.no-pad{
  padding:0;
}

#productPage .product-page-header{
  position:relative;
  background:#fff;
  border-bottom:1px solid #f0edf2;
  z-index:5;
}

#productPage .product-page-header .icon-btn.glass{
  background:#fff;
  color:#30313b;
  box-shadow:none;
  border:1px solid #f0edf2;
}

.product-detail-shell{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 0 16px;
}

.product-gallery-card,
.product-summary-card,
.product-size-card,
.product-seller-card,
.product-highlights-card,
.product-details-card,
.product-reviews-card,
.product-delivery-card,
.product-related-card,
.cart-delivery-card,
.cart-item-card,
.wishlist-page-shell{
  background:#fff;
  border:1px solid rgba(236,123,10,.08);
  border-radius:18px;
  box-shadow:0 6px 18px rgba(236,123,10,.06);
}

.product-gallery-card{
  overflow:hidden;
  border-radius:0;
  border-left:none;
  border-right:none;
  box-shadow:none;
}

.product-gallery-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  background:#fff;
}

.product-gallery-track::-webkit-scrollbar{display:none}

.product-gallery-slide{
  min-width:100%;
  aspect-ratio:4 / 5;
  scroll-snap-align:start;
  background:linear-gradient(180deg,#fff,#fff9f2);
}

.product-gallery-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
}

.product-gallery-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:10px 12px 14px;
}

.product-gallery-dot{
  width:8px;
  height:8px;
  border:none;
  border-radius:999px;
  background:rgba(236,123,10,.18);
  cursor:pointer;
  transition:width .2s ease, background .2s ease;
}

.product-gallery-dot.active{
  width:22px;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
}

.product-gallery-thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:14px 16px 12px;
  background:#fff;
  scrollbar-width:none;
}

.product-gallery-thumbs::-webkit-scrollbar{display:none}

.product-gallery-thumb{
  width:58px;
  height:72px;
  flex:0 0 58px;
  border:2px solid transparent;
  border-radius:12px;
  overflow:hidden;
  padding:0;
  background:#fff;
}

.product-gallery-thumb.active{
  border-color:#ec7b0a;
}

.product-gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.product-delivery-strip{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:none;
  border-radius:0;
  background:#f7f7ff;
  color:#2f3142;
  padding:12px 14px;
  text-align:left;
  font-size:14px;
}

.product-delivery-strip strong{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.product-title-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}

.product-title-actions{
  display:flex;
  gap:12px;
}

.product-title-actions button{
  border:none;
  background:#fff;
  color:#30313b;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  font-size:12px;
  font-weight:700;
}

.product-title-actions .material-icons-round{font-size:26px}

.product-summary-card,
.product-size-card,
.product-seller-card,
.product-highlights-card,
.product-details-card,
.product-reviews-card,
.product-delivery-card,
.cart-delivery-card{
  padding:14px 16px;
  border-radius:0;
  border-left:none;
  border-right:none;
  box-shadow:none;
}

.product-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand-green-dark);
  margin-bottom:6px;
}

.product-title{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  color:#171717;
}

.product-subtitle{
  margin-top:6px;
  font-size:13px;
  color:#666;
  line-height:1.45;
}

.product-price-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.product-now{
  font-size:24px;
  font-weight:900;
  color:#1a1a2e;
}

.product-was{
  font-size:14px;
  color:#888;
  text-decoration:line-through;
}

.product-off{
  background:linear-gradient(135deg,rgba(236,123,10,.12),rgba(245,131,17,.12));
  color:#ec7b0a;
  font-size:12px;
  font-weight:800;
  padding:4px 10px;
  border-radius:999px;
}

.product-rating-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.product-rating-badge{
  background:linear-gradient(135deg,#2e7d32,#43a047);
  color:#fff;
  font-size:12px;
  font-weight:800;
  padding:4px 10px;
  border-radius:999px;
}

.product-rating-copy{
  font-size:12px;
  color:#666;
  font-weight:600;
}

.product-summary-actions{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.product-summary-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  border:1px solid rgba(236,123,10,.12);
  background:#fff;
  color:#ec7b0a;
  border-radius:14px;
  padding:12px 10px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.product-summary-action.active{
  background:rgba(245,131,17,.08);
  border-color:rgba(245,131,17,.18);
  color:#f58311;
}

.product-summary-action .material-icons-round{
  font-size:18px;
}

.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.section-head h3{
  font-size:15px;
  line-height:1.3;
  font-weight:800;
  color:#171717;
}

.section-head p{
  margin-top:3px;
  font-size:12px;
  color:#666;
}

.product-size-current{
  font-size:12px;
  color:#ec7b0a;
  font-weight:800;
  white-space:nowrap;
}

.size-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.size-chip{
  border:1px solid #f9e6d2;
  background:#fff;
  color:#333;
  min-width:52px;
  padding:9px 12px;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}

.size-chip.active{
  border-color:#ec7b0a;
  color:#ec7b0a;
  background:rgba(236,123,10,.08);
}

.product-seller-row{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  border-radius:12px;
  padding:4px 2px;
}
.product-seller-row:active{
  background:rgba(236,123,10,.06);
}
.product-seller-chevron{
  margin-left:auto;
  color:#9ca3af;
  font-size:22px;
}

.product-seller-avatar{
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(236,123,10,.12),rgba(245,131,17,.12));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ec7b0a;
  flex-shrink:0;
}

.product-seller-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.product-seller-copy strong{
  font-size:14px;
  color:#171717;
}

.product-seller-copy span{
  font-size:12px;
  color:#666;
  line-height:1.4;
}

.product-highlights-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.product-highlights-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#333;
  font-size:13px;
  line-height:1.45;
}

.product-highlights-list .material-icons-round{
  color:#2e7d32;
  font-size:18px;
  margin-top:1px;
}

.product-details-card details{
  display:block;
}

.product-details-card summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  font-size:15px;
  font-weight:800;
  color:#171717;
}

.product-details-card summary::-webkit-details-marker{display:none}

.product-details-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.product-details-grid div{
  background:#fdf9f4;
  border:1px solid #fbeee0;
  border-radius:14px;
  padding:10px;
}

.product-details-grid span{
  display:block;
  font-size:11px;
  color:#777;
  font-weight:700;
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.product-details-grid strong{
  font-size:13px;
  color:#171717;
  line-height:1.4;
}

.product-details-copy{
  margin-top:12px;
  font-size:13px;
  color:#555;
  line-height:1.65;
}

.product-review-summary{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.product-review-score{
  display:flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(135deg,#2e7d32,#43a047);
  color:#fff;
  border-radius:14px;
  padding:12px 14px;
}

.product-review-score strong{
  font-size:24px;
  line-height:1;
}

.product-review-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.product-review-meta strong{
  font-size:18px;
  color:#171717;
}

.product-review-meta span{
  font-size:12px;
  color:#666;
}

.product-rating-bars{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.product-rating-bar{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:center;
  font-size:12px;
  color:#666;
}

.product-rating-track{
  width:100%;
  height:8px;
  background:#fbeee1;
  border-radius:999px;
  overflow:hidden;
}

.product-rating-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
}

.product-review-snippet{
  display:flex;
  gap:12px;
  margin-top:14px;
  padding:12px;
  border-radius:14px;
  background:#fdf9f4;
  border:1px solid #fbeee0;
}

.product-review-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(236,123,10,.12),rgba(245,131,17,.12));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ec7b0a;
  flex-shrink:0;
}

.product-review-snippet strong{
  font-size:13px;
  color:#171717;
}

.product-review-snippet p{
  margin-top:4px;
  font-size:12px;
  color:#666;
  line-height:1.5;
}

.product-reviews-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.product-review-overview{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.product-review-overview--modal{
  grid-template-columns:92px minmax(0,1fr);
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #ececf3;
}

.product-review-score-card{
  border:1px solid #e8f2ec;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,118,81,.08);
}

.product-review-score-card-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:74px;
  padding:14px 10px;
  background:linear-gradient(135deg,#0f8f63,#10a96d);
  color:#fff;
}

.product-review-score-card-top strong{
  font-size:30px;
  line-height:1;
  font-weight:900;
}

.product-review-score-card-top .material-icons-round{
  font-size:18px;
}

.product-review-score-card-bottom{
  display:grid;
  gap:2px;
  padding:10px 8px 11px;
  text-align:center;
  font-size:11px;
  line-height:1.25;
  color:#6b7280;
  font-weight:700;
  background:#fff;
}

.product-review-score-card--modal{
  border:none;
  box-shadow:none;
  border-radius:0;
  background:transparent;
}

.product-review-score-card--modal .product-review-score-card-top{
  min-height:auto;
  justify-content:flex-start;
  padding:0;
  margin-bottom:6px;
  background:transparent;
  color:#0f8f63;
}

.product-review-score-card--modal .product-review-score-card-top strong{
  font-size:42px;
  color:#0f8f63;
}

.product-review-score-card--modal .product-review-score-card-top .material-icons-round{
  font-size:18px;
  color:#0f8f63;
}

.product-review-score-card--modal .product-review-score-card-bottom{
  justify-items:flex-start;
  padding:0;
  text-align:left;
  gap:0;
  background:transparent;
}

.product-review-breakdown{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:4px;
}

.product-review-breakdown-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  font-size:12px;
}

.product-review-breakdown-label{
  color:#43434c;
  font-weight:700;
}

.product-review-breakdown-track{
  width:100%;
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background:#ebeff4;
}

.product-review-breakdown-fill{
  display:block;
  height:100%;
  border-radius:inherit;
}

.product-review-breakdown-fill--good{background:linear-gradient(90deg,#0f8f63,#1bb978);}
.product-review-breakdown-fill--ok{background:#f0a420;}
.product-review-breakdown-fill--bad{background:#e77a1d;}
.product-review-breakdown-fill--worst{background:#de3f2f;}

.product-review-breakdown-count{
  text-align:right;
  color:#6b7280;
  font-weight:700;
}

.product-review-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.product-review-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff4d6;
  border:1px solid #f0dfb0;
  color:#6f5600;
  font-size:12px;
  font-weight:800;
}

.product-review-photos-section{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.product-review-photos-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.product-review-photos-head h4{
  font-size:14px;
  font-weight:900;
  color:#222;
}

.product-review-photo-grid{
  display:grid;
  gap:10px;
}

.product-review-photo-grid--inline,
.product-review-photo-grid--modal{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.product-review-photo-tile{
  position:relative;
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
}

.product-review-photo-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.product-review-photo-tile--more img{
  opacity:.45;
  filter:saturate(.8);
}

.product-review-photo-more{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(17,24,39,.46);
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-align:center;
  line-height:1.1;
}

.product-review-preview-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.product-review-preview-list > .product-review-card-item + .product-review-card-item{
  padding-top:18px;
  border-top:1px solid #ececf3;
}

.product-review-card-item{
  display:flex;
  flex-direction:column;
}

.product-review-card-item--inline,
.product-review-card-item--modal{
  gap:0;
}

.product-review-author{
  font-size:14px;
  line-height:1.3;
  font-weight:900;
  color:#23232a;
}

.product-review-author--inline{
  margin-top:8px;
}

.product-review-rating-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.product-review-rating-pill{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.product-review-rating-pill .material-icons-round{
  font-size:14px;
}

.product-review-rating-pill--good{background:#0f8f63;}
.product-review-rating-pill--ok{background:#f0a420;}
.product-review-rating-pill--bad{background:#e77a1d;}
.product-review-rating-pill--worst{background:#de3f2f;}

.product-review-rating-label{
  font-size:13px;
  font-weight:800;
  color:#222;
}

.product-review-separator{
  width:4px;
  height:4px;
  border-radius:999px;
  background:#d4d7de;
  display:inline-block;
}

.product-review-date{
  font-size:12px;
  color:#6b7280;
  font-weight:600;
}

.product-review-text{
  margin-top:8px;
  font-size:14px;
  line-height:1.55;
  color:#222;
  font-weight:600;
}

.product-review-helpful{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  color:#5f6470;
  font-size:12px;
  font-weight:700;
}

.product-review-helpful .material-icons-round{
  font-size:18px;
  color:#7a7f89;
}

.product-review-view-all{
  display:inline-flex;
  align-items:center;
  gap:6px;
  align-self:flex-start;
  margin-top:2px;
  padding:12px 0 0;
  border:none;
  border-top:1px solid #ececf3;
  background:transparent;
  color:#ec7b0a;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
}

.product-review-view-all .material-icons-round{
  font-size:18px;
}

.product-delivery-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.product-delivery-row .material-icons-round{
  color:#ec7b0a;
  font-size:22px;
}

.product-delivery-row strong{
  font-size:14px;
  color:#171717;
}

.product-delivery-row p{
  font-size:12px;
  color:#666;
  margin-top:4px;
  line-height:1.5;
}

.product-detail-bottom-spacer{
  height:104px;
}

.product-related-card{
  padding:14px;
}

.product-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.product-related-grid .listing-card{
  min-width:0;
}

#productPage .product-bottom-bar{
  position:static;
  z-index:auto;
  background:#fff;
  border:1px solid #f9e6d2;
  border-radius:16px;
  padding:12px 14px;
  box-shadow:0 8px 22px rgba(132,70,7,.06);
  flex:0 0 auto;
}

#productPage .btn-outline,
#productPage .btn-primary{
  min-height:48px;
  min-width:0;
  flex:1 1 0;
}

@media (max-width:380px){
  .product-review-overview,
  .product-review-overview--modal{
    grid-template-columns:1fr;
  }

  .product-review-score-card{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:stretch;
  }

  .product-review-score-card-bottom{
    align-content:center;
    text-align:left;
    padding:10px 14px;
  }

  #productPage .product-bottom-bar{
    gap:8px;
    padding-left:10px;
    padding-right:10px;
  }

  #productPage .btn-outline,
  #productPage .btn-primary{
    padding-left:8px;
    padding-right:8px;
    font-size:13px;
  }
}

#productPage .page-header .icon-btn{
  color:#fff;
}

#productPage .page-header .icon-btn .material-icons-round{
  color:inherit;
}

#wishlistPage .page-scroll.listing-page-scroll{
  background:#fff;
  padding:0 0 16px;
}

#wishlistPage .wishlist-page-shell{
  margin:0;
  padding:0;
  background:#fff;
  border:none;
  border-radius:0;
  box-shadow:none;
}

#wishlistPage .wishlist-tabs{
  display:flex;
  align-items:flex-end;
  gap:28px;
  padding:0 16px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

#wishlistPage .wishlist-tab{
  position:relative;
  border:none;
  background:none;
  color:#7d7d7d;
  padding:14px 0 12px;
  border-radius:0;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  box-shadow:none;
}

#wishlistPage .wishlist-tab.active{
  color:#f27e0a;
  background:none;
  border:none;
}

#wishlistPage .wishlist-tab.active::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:#f27e0a;
}

#wishlistPage .wishlist-stock-toggle{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:row-reverse;
  gap:10px;
  margin:0;
  padding:12px 16px;
  background:#fff;
  color:#5b5b5b;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  border-bottom:1px solid #ececec;
  border-radius:0;
}

#wishlistPage .wishlist-stock-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

#wishlistPage .wishlist-stock-toggle-ui{
  width:44px;
  height:26px;
  border-radius:999px;
  background:#f9e6d2;
  position:relative;
  flex-shrink:0;
}

#wishlistPage .wishlist-stock-toggle-ui::after{
  content:'';
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  transition:transform .2s ease;
}

#wishlistPage .wishlist-stock-toggle input:checked ~ .wishlist-stock-toggle-ui{
  background:linear-gradient(135deg,#ec7b0a,#f58311);
}

#wishlistPage .wishlist-stock-toggle input:checked ~ .wishlist-stock-toggle-ui::after{
  transform:translateX(18px);
}

#wishlistPage .wishlist-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:8px;
  row-gap:14px;
  margin-top:0;
  padding:12px 10px 0;
  width:100%;
  min-width:0;
}

#wishlistPage .listing-card{
  width:100%;
  min-width:0;
  border-radius:0;
  box-shadow:none;
  border:none;
  height:100%;
}

#wishlistPage .listing-card-media{
  aspect-ratio:1/1;
}

#wishlistPage .listing-card-pill,
#wishlistPage .listing-trusted-badge{
  display:none !important;
}

#wishlistPage .listing-card-cod{
  display:none !important;
}

#wishlistPage .listing-card-body{
  flex:1 1 auto;
  min-height:0;
  padding:8px 8px 12px;
  gap:5px;
}

#wishlistPage .listing-card-category{
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#wishlistPage .listing-card-name{
  font-size:13px;
  line-height:1.25;
  min-height:32px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#wishlistPage .listing-card-price .now{
  font-size:16px;
}

#wishlistPage .listing-wishlist{
  width:30px;
  height:30px;
  color:#e11d48 !important;
  background:#fff !important;
}

#wishlistPage .listing-wishlist.active{
  color:#e11d48 !important;
  background:#fff !important;
}

#wishlistPage .listing-wishlist .material-icons-round,
#wishlistPage .listing-wishlist.active .material-icons-round{
  color:#e11d48 !important;
}

#wishlistPage .listing-card-actions{
  margin-top:auto;
  padding-top:2px;
}

.wishlist-empty-state{
  margin-top:14px;
}

#cartPage .page-scroll{
  padding:12px 12px 18px;
  background:#fff;
}

#cartPage .page-header span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.cart-step-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#e8f0ff;
  color:#5b7de5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}

.cart-delivery-card{
  margin-bottom:12px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:none;
  padding:12px 14px;
}

.cart-change-btn{
  border:1px solid #d1d5db;
  background:#fff;
  color:#374151;
  border-radius:10px;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.cart-delivery-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.cart-delivery-icon{
  color:#5b7de5;
  font-size:22px;
  flex-shrink:0;
}

.cart-delivery-copy{
  min-width:0;
  flex:1;
}

.cart-delivery-copy strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
}

.cart-delivery-copy p{
  margin-top:2px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-items-list{
  display:flex;
  flex-direction:column;
  gap:0;
  background:#fff;
  border-top:1px solid #eef0f4;
  border-bottom:1px solid #eef0f4;
}

.cart-item-card{
  display:flex;
  gap:12px;
  padding:12px 16px;
  align-items:flex-start;
  cursor:pointer;
  background:#fff;
  border:none;
  border-bottom:1px solid #eef0f4;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}

.cart-item-card:last-child{
  border-bottom:none;
}

.cart-item-card:active{
  transform:scale(.99);
}

.cart-item-media{
  width:88px;
  height:104px;
  border-radius:6px;
  overflow:hidden;
  flex-shrink:0;
  background:#f8fafc;
}

.cart-item-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cart-item-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cart-item-top{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  align-items:flex-start;
}

.cart-item-copy{
  min-width:0;
  flex:1;
}

.cart-item-title{
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:#171717;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-item-subtitle{
  margin-top:4px;
  font-size:12px;
  color:#666;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-item-offer{
  flex-shrink:0;
  font-size:11px;
  font-weight:800;
  color:#2e7d32;
  background:rgba(46,125,50,.08);
  border-radius:999px;
  padding:4px 8px;
}

.cart-item-off{
  font-size:11px;
  font-weight:800;
  color:#2e7d32;
}

.cart-item-price-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.cart-item-now{
  font-size:16px;
  font-weight:900;
  color:#171717;
}

.cart-item-was{
  font-size:12px;
  color:#888;
  text-decoration:line-through;
}

.cart-item-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.cart-item-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  font-size:11px;
  font-weight:700;
  color:#4b5563;
  background:#fff;
  border:1px solid #dfe5ee;
  padding:5px 8px;
  border-radius:999px;
}

.cart-item-chip--qty{
  color:#374151;
  background:#fff;
}

.cart-item-chip--qty .material-icons-round{
  font-size:14px;
  line-height:1;
}

.cart-item-actions{
  display:flex;
  flex-direction:column;
  gap:0;
  margin-top:2px;
}

.cart-item-returns{
  font-size:12px;
  color:#6b7280;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.cart-item-delivery{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#6b7280;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
}

.cart-item-delivery .material-icons-round{
  font-size:15px;
  color:#9ca3af;
  margin-top:0;
}

.cart-qty-control{
  display:inline-flex;
  align-items:center;
  gap:10px;
  align-self:flex-start;
  background:#fdf9f4;
  border:1px solid #fbeee0;
  border-radius:999px;
  padding:4px 8px;
}

.cart-qty-control .qty-btn{
  width:28px;
  height:28px;
  border-radius:50%;
}

.cart-qty-control .qty-btn .material-icons-round{
  font-size:16px;
}

.cart-item-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:6px;
  border-top:1px solid #edf1f6;
}

.cart-link-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  border:none;
  background:none;
  padding:0 10px;
  font-size:12px;
  font-weight:800;
  color:#374151;
  cursor:pointer;
}

.cart-link-btn .material-icons-round{
  font-size:16px;
}

.cart-link-btn:first-child{
  border-right:1px solid #edf1f6;
}

.cart-link-btn.danger{
  color:#374151;
}

.cart-empty-state{
  margin-top:12px;
  background:#fff;
  border:1px dashed #f9e6d2;
  border-radius:18px;
}

#cartPage .cart-bottom{
  background:#fff;
  border-top:1px solid #e5e7eb;
  padding:8px 12px;
  box-shadow:0 -8px 24px rgba(15,23,42,.06);
  position:sticky;
  bottom:0;
  z-index:20;
}

.cart-bottom-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.cart-bottom-total{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.cart-bottom-total .total-price{
  font-size:22px;
  color:#111827;
  line-height:1.1;
}

.cart-price-link{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  padding:0;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.cart-continue-btn{
  min-width:128px;
  height:48px;
  padding:0 18px;
  border-radius:12px;
}

.cart-price-modal{
  max-width:420px;
  width:min(92vw,420px);
  border-radius:24px;
  padding:0;
  overflow:hidden;
}

.cart-price-sheet{
  padding:18px;
  background:#fff;
}

.cart-price-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.cart-price-close{
  background:rgba(236,123,10,.08);
  color:#ec7b0a;
  width:36px;
  height:36px;
}

.cart-price-sheet-head h2{
  font-size:18px;
  font-weight:900;
  color:#171717;
}

.cart-price-breakdown{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cart-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:14px;
  color:#333;
}

.cart-price-row.total{
  margin-top:8px;
  padding-top:12px;
  border-top:1px solid #fbeee0;
  font-size:16px;
  font-weight:900;
}

.price-positive{
  color:#2e7d32;
}

.modal.cart-item-sheet{
  padding:0;
  border-radius:24px 24px 0 0;
  max-height:88vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
}

.cart-item-sheet{
  display:flex;
  flex-direction:column;
  max-height:88vh;
}

.cart-item-sheet-head{
  display:flex;
  justify-content:flex-end;
  padding:10px 10px 0;
  flex:0 0 auto;
}

.cart-item-sheet-close{
  background:none;
  color:#6b7280;
  width:40px;
  height:40px;
}

.cart-item-sheet-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:0 16px 16px;
  overflow-y:auto;
  flex:1 1 auto;
}

.cart-item-sheet-product{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.cart-item-sheet-media{
  width:72px;
  height:72px;
  border-radius:12px;
  overflow:hidden;
  flex-shrink:0;
  background:#f8fafc;
}

.cart-item-sheet-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cart-item-sheet-copy{
  flex:1;
  min-width:0;
}

.cart-item-sheet-title{
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-item-sheet-subtitle{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-item-sheet-price-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:6px;
}

.cart-item-sheet-now{
  font-size:16px;
  font-weight:900;
  color:#111827;
}

.cart-item-sheet-was{
  font-size:12px;
  color:#9ca3af;
  text-decoration:line-through;
}

.cart-item-sheet-off{
  font-size:11px;
  font-weight:800;
  color:#16a34a;
}

.cart-item-sheet-meta{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cart-item-sheet-chip{
  font-size:11px;
  font-weight:700;
  color:#6b7280;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:5px 8px;
  border-radius:999px;
}

.cart-item-sheet-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}

.cart-item-sheet-control{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  color:#374151;
}

.cart-item-sheet-control span{
  flex-shrink:0;
}

.cart-item-sheet-control--size{
  min-width:0;
}

.cart-item-sheet-control--size .cart-item-sheet-select{
  min-width:0;
  width:100%;
}

.cart-item-sheet-control--qty{
  justify-self:end;
}

.cart-item-sheet-select{
  min-width:0;
  width:100%;
  border:1px solid #d8dce5;
  border-radius:10px;
  background:#fff;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  color:#111827;
}

.cart-item-sheet-qty{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:4px 8px;
}

.cart-item-sheet-qty-value{
  min-width:20px;
  text-align:center;
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.cart-item-sheet-qty-btn{
  background:#fff;
  color:#111827;
  box-shadow:none;
  border:1px solid #e5e7eb;
}

.cart-item-sheet-returns-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.cart-item-sheet-return-note{
  font-size:12px;
  color:#6b7280;
  line-height:1.35;
  margin-top:-2px;
}

.cart-item-sheet-returns-head h4{
  font-size:14px;
  font-weight:900;
  color:#111827;
  line-height:1.3;
}

.cart-item-sheet-view-details{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:12px;
  font-weight:900;
  padding:0;
  cursor:pointer;
  white-space:nowrap;
}

.cart-item-sheet-option-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.cart-item-sheet-option-card{
  position:relative;
  text-align:left;
  border:1.5px solid #f9e6d2;
  border-radius:14px;
  background:#fff;
  padding:12px;
  min-height:160px;
  display:flex;
  flex-direction:column;
  gap:10px;
  cursor:pointer;
}

.cart-item-sheet-option-card.selected{
  border-color:#f27e0a;
  box-shadow:0 0 0 1px rgba(242,126,10,.08);
}

.cart-item-sheet-option-check{
  position:absolute;
  top:10px;
  right:10px;
  color:#f27e0a;
  font-size:20px;
}

.cart-item-sheet-option-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:22px;
  border-radius:7px;
  background:#111827;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

.cart-item-sheet-option-title{
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  color:#374151;
  min-height:32px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.cart-item-sheet-option-price{
  margin-top:auto;
  font-size:18px;
  font-weight:900;
  color:#111827;
}

.cart-item-sheet-option-save{
  font-size:10px;
  font-weight:800;
  color:#16a34a;
  background:#e8fff3;
  border-radius:10px;
  padding:5px 8px;
  min-height:22px;
  display:flex;
  align-items:center;
}

.cart-item-sheet-footer{
  padding:0 16px 16px;
  flex:0 0 auto;
}

.cart-item-sheet-footer .btn-primary.full{
  width:100%;
  min-height:48px;
  border-radius:12px;
}

@media (max-width: 480px){
  .product-detail-shell{
    padding-left:10px;
    padding-right:10px;
  }

  .product-summary-card,
  .product-size-card,
  .product-seller-card,
  .product-highlights-card,
  .product-details-card,
  .product-reviews-card,
  .product-delivery-card,
  .product-related-card,
  .cart-delivery-card,
  .cart-item-card{
    border-radius:16px;
  }

  .cart-item-card{
    gap:10px;
    padding:10px;
  }

  .cart-item-media{
    width:84px;
    height:84px;
  }

  #wishlistPage .wishlist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px;
    row-gap:14px;
    padding-left:10px;
    padding-right:10px;
  }

  .product-summary-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .product-review-overview{
    grid-template-columns:104px minmax(0,1fr);
    gap:10px;
  }

  .product-review-overview--modal{
    grid-template-columns:86px minmax(0,1fr);
  }

  .product-review-photo-grid--inline,
  .product-review-photo-grid--modal{
    gap:6px;
  }

  .product-review-score-card-top{
    min-height:70px;
  }

  .product-review-score-card-top strong{
    font-size:28px;
  }

  .product-review-score-card--modal .product-review-score-card-top strong{
    font-size:38px;
  }

  .product-reviews-sheet-head{
    padding:12px 14px 10px;
  }

  .product-reviews-sheet-body{
    padding:14px 14px 16px;
  }

  .product-review-preview-list{
    gap:16px;
  }

  .product-review-view-all{
    width:100%;
    justify-content:flex-start;
  }

  .cart-delivery-card,
  .cart-item-card{
    border-radius:12px;
  }

  .cart-item-media{
    width:84px;
    height:84px;
  }

  .cart-item-sheet-option-grid{
    gap:10px;
  }

  .cart-item-sheet-option-card{
    min-height:152px;
  }

  .cart-continue-btn{
    min-width:118px;
  }

  .cart-item-sheet-controls{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }

  .cart-item-sheet{
    max-height:92vh;
  }
}

.checkout-step-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#e8f0ff;
  color:#5b7de5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}

#checkoutPage .page-scroll{
  padding:12px 12px 18px;
  background:#f6f7fb;
}

#checkoutPage .page-header > span:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.checkout-shell{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:12px;
}

.checkout-promo-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid #d7f0df;
  background:linear-gradient(180deg,#f7fff8,#ecfff2);
  box-shadow:0 3px 10px rgba(0,0,0,.03);
}

.checkout-promo-copy{
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}

.checkout-promo-copy strong{
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  color:#0f8a55;
}

.checkout-promo-copy span{
  font-size:13px;
  font-weight:800;
  color:#177248;
}

.checkout-promo-timer{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:12px;
  background:#fff5ef;
  color:#e27b1a;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  flex-shrink:0;
}

.checkout-promo-timer .material-icons-round{
  font-size:16px;
  color:#e27b1a;
}

.checkout-review-card,
.checkout-delivery-card,
.checkout-payment-wrap,
.checkout-price-details-card,
.checkout-payment-more{
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}

.checkout-review-card{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.checkout-product-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.checkout-product-media{
  position:relative;
  width:92px;
  height:92px;
  border-radius:14px;
  overflow:hidden;
  background:#f8fafc;
  flex-shrink:0;
}

.checkout-product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.checkout-product-badge{
  position:absolute;
  left:8px;
  top:8px;
  z-index:1;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#ec7b0a;
  font-size:10px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.checkout-product-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.checkout-product-copy h3{
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:#171717;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.checkout-product-subtitle{
  font-size:12px;
  color:#666;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.checkout-product-price-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.checkout-product-price-row strong{
  font-size:16px;
  font-weight:900;
  color:#171717;
}

.checkout-product-was{
  font-size:12px;
  color:#8b8b93;
  text-decoration:line-through;
}

.checkout-product-off{
  font-size:11px;
  font-weight:800;
  color:#1f7a3f;
  background:rgba(31,122,63,.08);
  padding:4px 8px;
  border-radius:999px;
}

.checkout-product-meta{
  font-size:12px;
  color:#5f6470;
  line-height:1.45;
}

.checkout-sold-by{
  font-size:12px;
  color:#6b7280;
  padding-top:2px;
  border-top:1px solid #eef2f7;
}

.checkout-delivery-card{
  padding:14px;
}

.checkout-delivery-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.checkout-delivery-icon{
  color:#5b7de5;
  font-size:22px;
  flex-shrink:0;
}

.checkout-delivery-copy{
  min-width:0;
  flex:1;
}

.checkout-delivery-copy strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
}

.checkout-delivery-copy p{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
  line-height:1.45;
}

.checkout-delivery-copy span{
  display:block;
  margin-top:2px;
  font-size:12px;
  color:#374151;
  line-height:1.45;
}

.checkout-change-btn{
  border:1px solid #d1d5db;
  background:#fff;
  color:#374151;
  border-radius:10px;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  flex-shrink:0;
}

.checkout-delivery-footnote{
  margin-top:10px;
  font-size:11px;
  color:#8b8b93;
}

.checkout-payment-wrap{
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:transparent;
  border:none;
  box-shadow:none;
  border-radius:0;
}

.checkout-payment-heading{
  font-size:15px;
  font-weight:900;
  color:#1a1a2e;
}

.checkout-payment-list,
.checkout-payment-more-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.checkout-payment-card{
  display:grid;
  grid-template-columns:90px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e6e7ee;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.checkout-payment-card.selected{
  border-color:#ec7b0a;
  box-shadow:0 6px 18px rgba(236,123,10,.08);
  background:#fffdfd;
}

.checkout-payment-price{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  padding-right:12px;
  border-right:1px solid #ececf3;
}

.checkout-payment-price--cod strong{
  font-size:18px;
  font-weight:900;
  color:#171717;
}

.checkout-payment-price--online{
  gap:0;
}

.checkout-payment-price-old{
  font-size:11px;
  color:#8b8b93;
  text-decoration:line-through;
}

.checkout-payment-price--online strong{
  font-size:20px;
  font-weight:900;
  color:#1a1a2e;
  line-height:1.05;
}

.checkout-payment-save{
  display:inline-flex;
  width:max-content;
  margin-top:3px;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(46,125,50,.1);
  color:#2e7d32;
  font-size:11px;
  font-weight:800;
}

.checkout-payment-copy{
  min-width:0;
}

.checkout-payment-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.checkout-payment-title{
  font-size:14px;
  font-weight:900;
  color:#1f2937;
}

.checkout-payment-emoji{
  font-size:18px;
  color:#f97316;
}

.checkout-payment-emoji--upi{
  color:#0a9f58;
}

.checkout-payment-strip{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:12px;
  background:linear-gradient(90deg,#eef9f3,#dff5e8);
  color:#177248;
  font-size:12px;
  font-weight:800;
}

.checkout-payment-strip .material-icons-round{
  font-size:16px;
  color:#0a9f58;
}

.checkout-payment-radio{
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #9ca3af;
  justify-self:end;
  position:relative;
}

.checkout-payment-card.selected .checkout-payment-radio{
  border-color:#ec7b0a;
}

.checkout-payment-card.selected .checkout-payment-radio::after{
  content:'';
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:#ec7b0a;
}

.checkout-payment-more{
  overflow:hidden;
}

.checkout-payment-more summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  font-size:13px;
  font-weight:900;
  color:#1f2937;
}

.checkout-payment-more summary::-webkit-details-marker{
  display:none;
}

.checkout-payment-more-list{
  padding:0 14px 14px;
}

.checkout-extra-payment-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e6e7ee;
  cursor:pointer;
  text-align:left;
}

.checkout-extra-payment-card.selected{
  border-color:#ec7b0a;
  box-shadow:0 6px 18px rgba(236,123,10,.08);
}

.checkout-extra-payment-icon{
  font-size:22px;
  color:#ec7b0a;
  flex-shrink:0;
}

.checkout-extra-payment-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.checkout-extra-payment-copy strong{
  font-size:13px;
  font-weight:900;
  color:#1f2937;
}

.checkout-extra-payment-copy span{
  font-size:11px;
  color:#6b7280;
}

.checkout-resell-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:14px 0;
  border:none;
  background:none;
  border-top:1px solid #eef2f7;
  border-bottom:1px solid #eef2f7;
  font-size:14px;
  font-weight:800;
  color:#1f2937;
  cursor:pointer;
  text-align:left;
}

.checkout-resell-row .material-icons-round{
  color:#9ca3af;
}

.checkout-price-details-card{
  overflow:hidden;
}

.checkout-price-details-card summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  cursor:pointer;
  font-size:15px;
  font-weight:900;
  color:#1a1a2e;
}

.checkout-price-details-card summary::-webkit-details-marker{
  display:none;
}

.checkout-price-details-icon{
  transition:transform .2s ease;
}

.checkout-price-details-card[open] .checkout-price-details-icon{
  transform:rotate(180deg);
}

.checkout-price-details-body{
  padding:0 14px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.checkout-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:#374151;
}

.checkout-price-row.total{
  margin-top:2px;
  padding-top:10px;
  border-top:1px solid #eef2f7;
  font-size:15px;
  font-weight:900;
  color:#111827;
}

.checkout-price-positive{
  color:#2e7d32;
}

.checkout-bottom-bar{
  margin:12px -12px -18px;
  position:sticky;
  bottom:0;
  z-index:20;
  background:#fff;
  border-top:1px solid #e5e7eb;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom));
  box-shadow:0 -8px 24px rgba(15,23,42,.06);
}

.checkout-bottom-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.checkout-bottom-total{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.checkout-bottom-price{
  font-size:22px;
  line-height:1.1;
  color:#111827;
  font-weight:900;
}

.checkout-bottom-off{
  display:inline-flex;
  width:max-content;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(46,125,50,.1);
  color:#2e7d32;
  font-size:11px;
  font-weight:800;
}

.checkout-price-link{
  border:none;
  background:none;
  color:#ec7b0a;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  padding:0;
  text-transform:uppercase;
  letter-spacing:.03em;
  text-align:left;
}

.checkout-continue-btn{
  min-width:128px;
  height:48px;
  padding:0 18px;
  border-radius:12px;
}

@media (max-width: 480px){
  .product-related-grid{
    gap:10px;
  }

  .checkout-review-card,
  .checkout-delivery-card,
  .checkout-payment-wrap,
  .checkout-price-details-card,
  .checkout-policy-card,
  .checkout-payment-more{
    border-radius:14px;
  }

  .checkout-product-media{
    width:84px;
    height:84px;
  }

  .checkout-payment-card{
    grid-template-columns:82px minmax(0,1fr) 20px;
    gap:10px;
    padding:10px;
  }

  .checkout-payment-price--online strong{
    font-size:18px;
  }

  .checkout-payment-strip{
    font-size:11px;
  }

  .checkout-promo-banner{
    padding:11px 12px;
  }

  .checkout-promo-copy strong{
    font-size:16px;
  }

  .checkout-promo-copy span{
    font-size:12px;
  }

  .checkout-bottom-summary{
    gap:10px;
  }

  .checkout-bottom-price{
    font-size:20px;
  }

  .checkout-continue-btn{
    min-width:116px;
  }
}

#homePage .home-popular-section,
#homePage .home-top-picks-section{
  --home-product-bleed:16px;
}

#homePage .home-popular-section .home-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-left:calc(-1 * var(--home-product-bleed));
  margin-right:calc(-1 * var(--home-product-bleed));
  width:calc(100% + var(--home-product-bleed) + var(--home-product-bleed));
  padding:0;
  overflow:hidden;
  background:#e8edf3;
}

#homePage .home-top-picks-section .home-product-grid{
  background:transparent;
}

#homePage .home-popular-section .home-product-card,
#homePage .home-top-picks-section .home-product-card{
  border-radius:0;
  box-shadow:none;
  border:none;
}

#homePage .home-popular-section .home-product-media,
#homePage .home-top-picks-section .home-product-media{
  border-radius:0;
}

#homePage .home-popular-section .home-product-rating-badge,
#homePage .home-top-picks-section .home-product-rating-badge{
  display:inline-flex;
  align-items:center;
  gap:3px;
}

#homePage .home-popular-section .home-product-rating-icon,
#homePage .home-top-picks-section .home-product-rating-icon{
  font-size:12px;
  line-height:1;
}

@media (max-width: 480px){
  #homePage .home-popular-section,
  #homePage .home-top-picks-section{
    --home-product-bleed:12px;
  }

  #homePage #trendingProducts{
    margin:0 -12px;
    padding:0 12px 14px;
    width:calc(100% + 24px);
    gap:10px;
  }

  #homePage #trendingProducts .home-product-card{
    flex-basis:48%;
    min-width:48%;
  }

  #profilePage .profile-shell{
    padding:0 0 10px;
  }

  #profilePage .profile-top-card{
    width:calc(100% - 24px);
    margin:0 12px 10px;
    padding:12px 0 14px;
  }

  #profilePage .profile-quick-actions{
    padding:0 12px 8px;
    gap:10px;
  }

  #profilePage .profile-section-card{
    padding:0 12px;
  }

  #profilePage .profile-footer-card{
    padding:16px 12px 12px;
  }

  #profilePage .profile-footer-tagline{
    font-size:20px;
  }

  #profilePage .profile-footer-art{
    width:min(168px,44vw);
  }
}

/* Responsive grid utilities for tablet and desktop layouts.
   Add these classes to any grid container to scale the number of columns. */
.col-sm,
.col-md,
.col-lg,
.col-xg{
  min-width:0;
}

@media (min-width: 576px){
  .col-sm{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width: 768px){
  .col-md{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width: 992px){
  .col-lg{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width: 1200px){
  .col-xg,
  .col-xl{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Rewards page only: keep the orange reward theme and preserve the spin&win page styling. */
#spinPage .page-header,
body.spin-screenshot-mode #spinPage .page-header{
  background:linear-gradient(180deg,#f79a15 0%,#ea580c 100%)!important;
  border-bottom:none!important;
}

#spinPage .page-scroll,
body.spin-screenshot-mode #spinPage .page-scroll{
  background:linear-gradient(180deg,#fff7ec 0%,#fff1df 100%)!important;
}

#spinPage .spin-wheel-shell::before,
#spinPage .spin-wheel-shell::after,
#spinPage .spin-wheel-stage::before{
  background:radial-gradient(circle, rgba(255,255,255,.14) 0 44%, rgba(247,154,21,.28) 52%, rgba(247,154,21,.12) 61%, rgba(247,154,21,0) 72%)!important;
  box-shadow:0 0 24px rgba(247,154,21,.24)!important;
}

#spinPage .spin-wheel-stage::after{
  background:
    conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 56deg, rgba(255,237,194,.98) 56deg 62deg, rgba(248,148,43,.74) 62deg 69deg, rgba(255,255,255,0) 69deg 360deg),
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(255,255,255,.2) 67% 68%, transparent 69%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 24px rgba(247,154,21,.28)!important;
}

#spinPage .spin-wheel-disc{
  border-color:#f6c14e!important;
  background:conic-gradient(from -126deg,#f97316 0deg 72deg,#ea580c 72deg 144deg,#f59e0b 144deg 216deg,#fb923c 216deg 288deg,#c2410c 288deg 360deg)!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.12), 0 0 26px rgba(247,154,21,.32), 0 18px 36px rgba(0,0,0,.22)!important;
}

#spinPage .spin-wheel-disc::after{
  background:radial-gradient(circle at 35% 30%,#ffd79a 0%,#f79a15 55%,#c2410c 100%)!important;
  box-shadow:0 0 0 4px #f6ca57, 0 6px 18px rgba(0,0,0,.28), inset 0 2px 2px rgba(255,255,255,.25)!important;
}

#spinPage .spin-wheel-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform-origin:center center!important;
}

#spinPage .spin-wheel-pointer{
  border-top-color:#f59e0b!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18)) drop-shadow(0 0 8px rgba(255,223,112,.38))!important;
}

#spinPage .spin-wheel-pointer::after{
  background:#ffd96a!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.34), 0 0 10px rgba(255,217,106,.55)!important;
}

#spinPage .spin-wheel-center{
  background:radial-gradient(circle at 35% 30%,#ffd79a 0%,#f79a15 60%,#c2410c 100%)!important;
  box-shadow:0 0 0 4px #f6ca57, inset 0 2px 3px rgba(255,255,255,.2), 0 10px 24px rgba(0,0,0,.24)!important;
}

#spinPage .spin-now-btn,
#spinPage .spin-rewards-hero-card .spin-now-btn,
#spinPage .spin-rules-btn{
  background:linear-gradient(90deg,#f79a15 0%,#ea580c 100%)!important;
  box-shadow:0 16px 28px rgba(247,154,21,.26)!important;
}

#spinPage .spin-rule,
#spinPage .spin-rule-sub{
  color:#b45309!important;
}

#spinPage .spin-rule .material-icons-round,
#spinPage .spin-rule-sub .material-icons-round{
  color:#f59e0b!important;
}

#spinPage .spin-rewards-hero-card,
#spinPage .spin-info-card,
#spinPage .spin-ads-card,
#spinPage .spin-info-row--head{
  border-color:#f4dcc0!important;
}

#spinPage .spin-info-row--head{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:center;
  background:#fff4e5!important;
  text-transform:none;
  letter-spacing:0;
  white-space:nowrap;
}

#spinPage .spin-info-row--head span{
  color:#b45309!important;
  white-space:nowrap;
}

#spinPage .spin-info-row--head span:nth-child(3){
  justify-self:start;
}

#spinPage .spin-info-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:center;
}

#spinPage .spin-info-row:not(.spin-info-row--head) span:nth-child(3){
  justify-self:start;
}

#spinPage .spin-result-icon{
  background:#fff4e5!important;
}

#spinPage .spin-result-title,
#spinPage .spin-result-icon .material-icons-round{
  color:#c2410c!important;
}

#spinPage .spin-result-card.try-again .spin-result-icon{
  background:#fff4e5!important;
}

#spinPage .spin-result-card.try-again .spin-result-icon .material-icons-round,
#spinPage .spin-result-card.try-again .spin-result-title{
  color:#ea580c!important;
}




.page-header-action{
  border:none;
  background:transparent;
  font-family:inherit;
}

.request-return-header-btn{
  max-width:86px;
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
  background:#f17e0a;
  color:#fff;
  font-size:10px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(241,126,10,.22);
}

.return-request-hero{
  margin:16px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff9f2,#fff);
  border:1px solid #f9e6d2;
  box-shadow:0 10px 24px rgba(236,123,10,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.return-request-copy{
  min-width:0;
  flex:1;
}

.return-request-copy .policy-brand-chip{
  margin-bottom:10px;
}

.return-request-copy h3{
  margin:0 0 6px;
  font-size:18px;
  font-weight:900;
  color:#1a1a2e;
}

.return-request-copy p{
  margin:0;
  color:#666;
  font-size:13px;
  line-height:1.4;
}

.request-return-btn{
  border:none;
  border-radius:14px;
  background:#f17e0a;
  color:#fff;
  padding:12px 14px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 20px rgba(241,126,10,.22);
  white-space:nowrap;
}
.order-note-row--return{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.order-request-return-btn{
  flex-shrink:0;
  padding:10px 12px;
  font-size:11px;
}

.return-request-modal h2{
  margin-bottom:12px;
}

.return-step-list{
  display:grid;
  gap:7px;
  margin-bottom:14px;
  padding:12px;
  border-radius:14px;
  background:#fff9f2;
  border:1px solid #f9e6d2;
}

.return-step-list span{
  color:#814407;
  font-size:13px;
  font-weight:800;
}

.return-field-label{
  display:block;
  margin:10px 0 8px;
  color:#242434;
  font-size:13px;
  font-weight:900;
}

.return-field-label strong{
  color:#f17e0a;
}

.return-select-group select{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  color:#1a1a2e;
  font-size:14px;
  font-weight:700;
  min-width:0;
}

.return-video-picker{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:112px;
  padding:14px;
  border:1.5px dashed #f17e0a;
  border-radius:16px;
  background:#fff9f2;
  color:#894807;
  text-align:center;
}

.return-video-picker input{
  display:none;
}

.return-video-picker .material-icons-round{
  font-size:30px;
  color:#f17e0a;
}

.return-video-picker strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:900;
}

.return-video-picker small{
  color:#8a6a83;
  font-size:11px;
  font-weight:700;
}

.return-description-box{
  min-height:92px;
  margin:0 0 14px;
}

.return-proof-line{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:8px!important;
  color:#e7780a!important;
  font-size:12px!important;
  font-weight:800!important;
}

.return-proof-line .material-icons-round{
  font-size:16px;
}

body.refer-earn-mode #bottomNav,body:has(#referEarnPage.active) #bottomNav{display:none!important}
#referEarnPage{background:#f7f7fb}
#referEarnPage .page-header{background:#fff;border-bottom:1px solid #eee}
#referEarnPage .page-scroll{padding-bottom:24px}
.refer-earn-shell{padding:14px 14px 28px;display:flex;flex-direction:column;gap:14px;color:#171724}
.refer-hero{min-height:190px;border-radius:18px;padding:25px 20px;background:linear-gradient(135deg,#fff8f0,#fff2e5);display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.refer-hero h2{font-size:25px;line-height:1.22;margin:0;font-weight:900}.refer-hero h2 span{color:#f27e0a}.refer-hero p{font-size:14px;line-height:1.5;margin-top:20px;color:#38334b}
.refer-gift-art{position:relative;width:44%;height:150px}.refer-gift-art .material-icons-round{position:absolute}.refer-gift-box{font-size:112px!important;color:#f5800b;right:-7px;bottom:0;filter:drop-shadow(0 9px 8px rgba(238,124,10,.18))}.refer-gift-coin{z-index:2;font-size:40px!important;color:#fff;background:#f6a900;border:8px solid #ffc32c;border-radius:50%;padding:5px;left:0;bottom:27px}
.refer-card{background:#fff;border:1px solid #e8e8ef;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(25,20,55,.03)}.refer-card h3{font-size:16px;margin:0 0 14px}.refer-muted{font-size:13px;color:#777;margin-bottom:12px}
.refer-link-row{border:1.5px dashed #f58617;border-radius:12px;padding:5px 5px 5px 13px;display:flex;align-items:center;gap:8px}.refer-link-row>span{font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.refer-link-row button{border:0;border-radius:9px;background:linear-gradient(135deg,#f58210,#f17d0a);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:5px;font-weight:800}.refer-link-row button .material-icons-round{font-size:17px}
.refer-share-row{display:flex;align-items:center;gap:14px;margin-top:18px}.refer-share-row>span{font-size:13px;color:#666;margin-right:auto}.refer-social{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}.refer-social.whatsapp{background:#22c863}.refer-social.facebook{background:#1877f2}.refer-social.instagram{background:linear-gradient(135deg,#f5810e,#f5810e,#ff9a23)}.refer-social.more{background:#e5e7eb;color:#222}.refer-social .material-icons-round{font-size:21px}
.refer-section-head{display:flex;align-items:center;justify-content:space-between}.refer-section-head button{border:0;background:none;color:#f27e0a;font-weight:700;display:flex;align-items:center}.refer-section-head .material-icons-round{font-size:18px}.refer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.refer-stats>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding-right:7px;border-right:1px solid #eee}.refer-stats>div:last-child{border:0}.refer-stats .material-icons-round{grid-row:1/3;font-size:22px;padding:9px;border-radius:50%}.refer-stats .purple{background:#fff4e9;color:#f5800b}.refer-stats .green{background:#e7f8eb;color:#28a745}.refer-stats .orange{background:#fff3df;color:#ef9900}.refer-stats small{font-size:9px;color:#777}.refer-stats strong{font-size:15px}
.refer-empty-rewards{text-align:center;border-top:1px solid #eee;padding:18px 6px 4px;color:#6b7280}.refer-empty-rewards .material-icons-round{font-size:34px;color:#f5800b}.refer-empty-rewards p{font-size:12px;line-height:1.5;margin-top:6px}.refer-how{background:#fff9f2}.refer-how h3{color:#f27e0a}.refer-how-steps{display:flex;align-items:center;justify-content:space-between;text-align:center}.refer-how-steps>div{width:22%}.refer-how-steps span{font-size:26px;color:#f27e0a;background:#fff5eb;border-radius:13px;padding:11px}.refer-how-steps p{font-size:9px;line-height:1.35;margin-top:8px}.refer-how-steps>b{color:#999;font-weight:500}
@media(max-width:390px){.refer-share-row{gap:9px}.refer-social{width:34px;height:34px}.refer-stats{grid-template-columns:1fr}.refer-stats>div{border-right:0;border-bottom:1px solid #eee;padding:8px 0}.refer-hero h2{font-size:21px}}
.size-chip:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through}
.product-stock-card{display:flex;align-items:center;gap:9px;margin:0 14px 12px;padding:12px 14px;border-radius:14px;font-size:14px}
.product-stock-card.available{background:#eaf8ef;color:#167a3f}
.product-stock-card.unavailable{background:#fff0f0;color:#b42318}
.product-stock-card .material-icons-round{font-size:20px}
#homePage .home-ad-badge{display:inline-flex;width:max-content;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.82);color:#e7780a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
#homePage .home-banner-dots button.home-banner-dot{border:0;padding:0;cursor:pointer}

/* Full-page invoice and customer feedback media */
.modal-overlay.show:has(.order-bill-sheet){align-items:stretch;padding:0;background:#fff;}
.modal.order-bill-sheet{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;margin:0;display:flex;flex-direction:column;background:#f7f7f7;}
.order-bill-full-header{height:64px;flex:0 0 64px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2;}
.order-bill-full-header button{border:0;background:transparent;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;}
.order-bill-full-header>div{display:flex;flex-direction:column;text-align:center}.order-bill-full-header strong{font-size:16px}.order-bill-full-header span{font-size:11px;color:#6b7280}.order-bill-full-header button .material-icons-round{font-size:23px;color:#222}
.order-bill-full-body{flex:1;overflow:auto;padding:16px 14px 32px}.order-bill-sheet .order-bill-card{max-width:620px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px}.order-bill-sheet .order-bill-row,.order-bill-sheet .order-bill-total,.order-bill-sheet .order-bill-meta>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.order-bill-sheet .order-bill-total{border-top:1px solid #ddd;font-size:16px}.order-bill-sheet .order-bill-list{display:flex;flex-direction:column}.order-bill-sheet .order-bill-brand{color:#ec7b0a;font-weight:900}.order-bill-sheet .order-bill-head{font-size:24px;font-weight:900}.order-bill-sheet .order-bill-product{font-weight:800}.order-bill-sheet .order-bill-address-title{font-weight:900;margin-top:8px}

/* Final mobile polish: Meesho-like flat grids/lists and contained spin wheel. */
#productPage .product-gallery-card,
#productPage .product-summary-card,
#productPage .product-size-card,
#productPage .product-seller-card,
#productPage .product-highlights-card,
#productPage .product-details-card,
#productPage .product-reviews-card,
#productPage .product-delivery-card,
#productPage .product-related-card{
  border-radius:0!important;
  border-left:none!important;
  border-right:none!important;
  box-shadow:none!important;
}

#productPage .product-related-card{
  padding:14px 16px!important;
}

#productPage .product-related-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1px!important;
  background:#eef0f4!important;
}

#productPage .product-related-grid > *{
  border-radius:0!important;
  box-shadow:none!important;
  border:none!important;
}

#productPage .product-summary-actions{
  display:none!important;
}

#cartPage .cart-item-card,
#trackingPage .order-summary-card,
#trackingPage .order-status-card,
#trackingPage .order-address-card,
#trackingPage .order-detail-card{
  border-radius:0!important;
  box-shadow:none!important;
}

#spinWheelPage .spin-wheel-shell{
  width:min(100%,330px)!important;
  max-width:330px!important;
  overflow:hidden!important;
}

#spinWheelPage .spin-wheel-stage{
  width:300px!important;
  height:300px!important;
  margin:0 auto!important;
  overflow:hidden!important;
}

#spinWheelPage .spin-wheel-shell::before,
#spinWheelPage .spin-wheel-shell::after{
  width:318px!important;
  height:318px!important;
  top:6px!important;
}

#spinWheelPage .spin-wheel-disc{
  width:250px!important;
  height:250px!important;
  top:26px!important;
}

#spinWheelPage .spin-wheel-pointer{
  top:8px!important;
}

/* v97 final fixes: remove visible outer spin ring, keep address strips inside screen, prevent Top Rating header overlap. */
#spinWheelPage .spin-wheel-shell{
  width:100%!important;
  max-width:320px!important;
  margin:0 auto 12px!important;
  overflow:visible!important;
  background:transparent!important;
}

#spinWheelPage .spin-wheel-shell::before,
#spinWheelPage .spin-wheel-shell::after,
#spinWheelPage .spin-wheel-stage::before,
#spinWheelPage .spin-wheel-stage::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

#spinWheelPage .spin-wheel-stage{
  width:292px!important;
  height:292px!important;
  margin:0 auto!important;
  overflow:visible!important;
}

#spinWheelPage .spin-wheel-disc{
  width:276px!important;
  height:276px!important;
  top:8px!important;
  border-width:8px!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.13), 0 14px 30px rgba(0,0,0,.22)!important;
}

#spinWheelPage .spin-wheel-pointer{
  top:-6px!important;
}

#homePage .home-location-row{
  margin:0!important;
  padding:0 0 10px!important;
}

#homePage .home-location-card{
  width:100%!important;
  box-sizing:border-box!important;
  background:#fdf8f3!important;
  padding:12px 16px!important;
  border-radius:0!important;
  overflow:hidden!important;
}

#homePage .home-location-label{
  max-width:100%!important;
}

#mallPage .mall-header{
  padding:22px 8px 12px!important;
  overflow:visible!important;
}

#mallPage .mall-header-top{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 150px!important;
  align-items:center!important;
  gap:6px!important;
}

#mallPage .mall-title-wrap--with-back{
  grid-column:1 / 3!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:6px!important;
}

#mallPage .mall-title-chip{
  max-width:100%!important;
  font-size:10px!important;
  padding:5px 10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#mallPage .mall-title-wrap h1{
  font-size:24px!important;
  line-height:1.05!important;
  margin-top:2px!important;
}

#mallPage .mall-header-actions{
  grid-column:3!important;
  justify-content:flex-end!important;
  gap:4px!important;
}

#mallPage .mall-back-btn,
#mallPage .mall-icon-btn{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  background:#fff!important;
}

#mallPage .mall-location-row{
  width:calc(100% - 16px)!important;
  margin:8px 8px 0!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  overflow:hidden!important;
}

/* Home page: lighter marketplace header inspired by the reference, not a copy. */
#homePage .app-header{
  background:#fff!important;
  padding:10px 16px 0!important;
  border-bottom:1px solid #fcf2e7!important;
  box-shadow:none!important;
}

#homePage .header-top{
  padding:0 0 12px!important;
}

#homePage .logo-area{
  gap:10px!important;
}

.home-avatar-btn{
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:linear-gradient(135deg,#dbeafe,#ffedd5);
  color:#111827;
  display:flex;
  align-items:center;
  justify-content:center;
}

.home-avatar-btn .material-icons-round{
  font-size:22px!important;
}

.home-avatar-btn img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block!important;
}

.home-refer-chip{
  border:none;
  border-radius:999px;
  background:#fdf8f2;
  color:#ec7b0a;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  font-size:12px;
  font-weight:900;
}

.home-refer-chip .material-icons-round{
  color:#f59e0b!important;
  font-size:18px!important;
}

#homePage .header-actions{
  gap:12px!important;
}

#homePage .header-actions .icon-btn{
  width:34px!important;
  height:34px!important;
  border-radius:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

#homePage .header-actions .material-icons-round{
  font-size:30px!important;
  color:#20212a!important;
}

#homePage .home-search{
  min-height:54px!important;
  border-radius:12px!important;
  margin:0 0 12px!important;
  border-color:#d9d7e2!important;
  box-shadow:none!important;
  padding:0 14px!important;
}

#homePage .home-search input{
  font-size:15px!important;
}

#homePage .home-location-row{
  margin:0 -16px!important;
  padding:0!important;
}

#homePage .home-location-card{
  background:#f5f5fb!important;
  padding:12px 28px!important;
  min-height:54px!important;
}

#homePage .home-location-card .material-icons-round{
  color:#60a5fa!important;
  font-size:24px!important;
}

#homePage .home-location-label{
  font-size:16px!important;
  font-weight:900!important;
}

#homePage .home-category-hgrid{
  grid-template-columns:repeat(6,80px)!important;
  grid-auto-columns:80px!important;
  gap:12px 8px!important;
  padding:14px 16px 8px!important;
}

#homePage .home-category-icon{
  width:70px!important;
  height:70px!important;
  border-radius:18px 18px 6px 6px!important;
  background:#dbeafe!important;
  border:none!important;
  padding:0!important;
}

#homePage .home-category-card span:last-child{
  font-size:12px!important;
  min-height:30px!important;
}

#homePage .home-banner-section{
  padding:10px 0 0!important;
}

#homePage .home-banner-card,
#homePage .ad-banner-image-card{
  border-radius:0!important;
  margin:0!important;
  width:100%!important;
}

/* Product page: flat product-detail layout like the requested reference. */
#productPage .product-page-header{
  height:64px!important;
  padding:10px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:none!important;
  box-shadow:none!important;
}

#productPage .product-page-header .header-actions{
  gap:18px!important;
}

#productPage .product-page-header .icon-btn.glass{
  width:38px!important;
  height:38px!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
}

#productPage .product-page-header .material-icons-round{
  font-size:34px!important;
  color:#333441!important;
}

#productPage .product-delivery-strip{
  min-height:50px!important;
  border-radius:0!important;
  background:#f7f7ff!important;
  padding:12px 28px!important;
  font-size:16px!important;
  border-top:1px solid #f1f1f7!important;
  border-bottom:1px solid #f1f1f7!important;
}

#productPage .product-delivery-strip .material-icons-round{
  color:#60a5fa!important;
  font-size:25px!important;
}

#productPage .product-gallery-card{
  background:#fff!important;
  padding:0 0 18px!important;
}

#productPage .product-gallery-slide{
  aspect-ratio:1 / 0.96!important;
  background:#fff!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 100%!important;
  min-width:100%!important;
}

#productPage .product-gallery-slide img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.product-more-like-btn{
  position:absolute;
  right:18px;
  bottom:16px;
  border:1px solid #ececf3;
  border-radius:999px;
  background:#fff;
  color:#30313b;
  padding:10px 14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:15px;
  font-weight:900;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.product-more-like-btn .material-icons-round{
  font-size:22px;
}

#productPage .product-gallery-dots{
  padding:8px 12px 0!important;
}

#productPage .product-similar-strip{
  background:#fff;
  padding:18px 28px 16px;
  border-bottom:1px solid #f1f1f7;
}

#productPage .product-similar-strip h3{
  margin:0 0 12px;
  font-size:18px;
  color:#6b6476;
  font-weight:900;
}

#productPage .product-similar-thumbs,
#productPage .product-gallery-thumbs{
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:0!important;
  background:#fff!important;
  scrollbar-width:none;
}

#productPage .product-similar-thumbs::-webkit-scrollbar,
#productPage .product-gallery-thumbs::-webkit-scrollbar{
  display:none;
}

#productPage .product-similar-thumb,
#productPage .product-gallery-thumb{
  width:58px!important;
  height:72px!important;
  flex:0 0 58px!important;
  border-radius:10px!important;
  border:2px solid transparent!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}

#productPage .product-similar-thumb.active,
#productPage .product-gallery-thumb.active{
  border-color:#ec7b0a!important;
}

#productPage .product-similar-thumb img,
#productPage .product-gallery-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#productPage .product-summary-card{
  padding:22px 28px 96px!important;
}

#productPage .product-kicker,
#productPage .product-subtitle,
#productPage .product-rating-row{
  display:none!important;
}

#productPage .product-title-action-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:start!important;
}

#productPage .product-title{
  font-size:18px!important;
  font-weight:500!important;
  color:#4b4b57!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

#productPage .product-title-actions{
  gap:20px!important;
}

#productPage .product-title-actions button{
  color:#383944!important;
  font-size:13px!important;
  background:transparent!important;
}

#productPage .product-title-actions .material-icons-round{
  font-size:30px!important;
}

#productPage .product-price-row{
  margin-top:20px!important;
  gap:7px!important;
}

#productPage .product-now{
  font-size:30px!important;
  color:#30313b!important;
}

#productPage .product-was{
  font-size:18px!important;
}

#productPage .product-off{
  background:transparent!important;
  color:#4b4b57!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:600!important;
  text-transform:lowercase!important;
}

#productPage .product-inline-actions{
  position:static!important;
  flex:0 0 auto!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  border-radius:0!important;
  z-index:auto!important;
  padding:10px 14px!important;
  border-top:1px solid #d9d7e2!important;
  background:#fff!important;
}
#productPage .product-detail-bottom-spacer{height:12px!important}

#productPage .product-inline-actions .btn-outline{
  display:none!important;
}

#productPage .product-inline-actions .btn-primary{
  width:100%!important;
  height:52px!important;
  border-radius:5px!important;
  background:#ec7b0a!important;
  font-size:18px!important;
  font-weight:900!important;
}
.feedback-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.feedback-media-actions button{border:1px solid #d8c9b5;background:#fff;border-radius:12px;min-height:46px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;color:#4b3a2a}.feedback-media-summary{font-size:12px;color:#6b7280;margin-bottom:10px}.feedback-video-selected{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin-top:10px}.feedback-video-selected strong{flex:1;overflow:hidden;text-overflow:ellipsis}.feedback-video-selected button{border:0;background:transparent}.product-review-video{width:100%;max-height:260px;border-radius:12px;margin-top:8px;background:#000}.feedback-empty{text-align:center;color:#777;padding:22px 10px}.feedback-back-btn{border:0;background:transparent;display:grid;place-items:center}

/* Device-safe layout: keep every screen inside the phone frame */
:root{
  --safe-top:max(0px, env(safe-area-inset-top, 0px));
  --safe-bottom:max(0px, env(safe-area-inset-bottom, 0px));
  --safe-left:max(0px, env(safe-area-inset-left, 0px));
  --safe-right:max(0px, env(safe-area-inset-right, 0px));
  --app-gutter:max(14px, var(--safe-left), var(--safe-right));
  --app-gutter-right:max(14px, var(--safe-right));
  --app-gutter-left:max(14px, var(--safe-left));
  --bottom-nav-space:calc(58px + var(--safe-bottom));
}
html:not([data-safe-area]){
  --safe-top:0px;
  --safe-bottom:0px;
}
.app-header,
#homePage .app-header,
.page-header,
.food-page-header,
.categories-page-header,
.listing-page-header,
.orders-page-header,
.profile-page-header,
.profile-edit-page-header,
.tracking-page-header,
.category-details-page-header,
.order-bill-full-header{
  padding-top:calc(var(--safe-top) + 8px) !important;
}
.bottom-nav{
  padding-bottom:calc(8px + var(--safe-bottom)) !important;
}
.auth-container{
  padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
  box-sizing:border-box;
}
.auth-back-btn{
  top:calc(12px + var(--safe-top)) !important;
}
.spin-wheel-launcher{
  bottom:calc(92px + var(--safe-bottom)) !important;
}
.toast{
  bottom:calc(80px + var(--safe-bottom)) !important;
}
.toast.toast-added{
  bottom:calc(108px + var(--safe-bottom)) !important;
}
html,body,.app,#mainContent,.page,.page-scroll{
  max-width:100%;
  overflow-x:hidden;
}
.page{transition:opacity .14s ease}
.section{
  padding-left:var(--app-gutter);
  padding-right:var(--app-gutter);
}
#homePage .app-header{
  padding-left:var(--app-gutter) !important;
  padding-right:var(--app-gutter) !important;
}
#homePage .home-search,
#homePage .home-location-row,
#homePage .home-banner-section,
#homePage .home-banner-card{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
#homePage .home-product-grid,
#homePage .home-category-grid,
#homePage .category-grid{
  width:100%;
  max-width:100%;
}
.home-product-card,
.mall-product-card,
.listing-card,
.product-card{
  min-width:0;
  max-width:100%;
}
.home-product-card img,
.mall-product-card img,
.listing-card img,
.product-card img,
.home-banner-art img,
.mall-live-banner-image{
  max-width:100%;
  height:auto;
}
#homePage .page-scroll,
#mallPage .page-scroll,
#ordersPage .page-scroll,
#spinPage .page-scroll,
#profilePage .page-scroll,
#trackingPage .page-scroll,
#wishlistPage .page-scroll,
#listingPage .page-scroll{
  padding-bottom:12px;
}
#categoriesPage{
  display:flex;
  flex-direction:column;
  min-height:0;
}
#categoriesPage .categories-page-header{
  flex-shrink:0;
  padding-left:var(--app-gutter);
  padding-right:var(--app-gutter);
}
#categoriesPage .categories-page-scroll{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
}
#categoriesPage .categories-page-scroll > .sanraj-site-footer{
  flex:0 0 auto;
  width:100%;
  margin-top:24px;
}
#categoriesPage .categories-search-shell{
  flex-shrink:0;
  padding:10px var(--app-gutter) 8px;
}
#categoriesPage .cat-list{
  flex:0 0 auto;
  min-height:0;
  height:auto !important;
  display:flex;
}
#categoriesPage .categories-split{
  flex:1;
  min-height:0;
  width:100%;
  max-width:100%;
  height:auto !important;
}
#categoriesPage .categories-rail{
  padding-bottom:18px;
}
#categoriesPage .categories-columns{
  padding:10px 12px 28px 10px !important;
  -webkit-overflow-scrolling:touch;
}
.order-summary-thumb,
.order-list-thumb{
  cursor:pointer;
}
.coming-soon-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(18,10,28,.46);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.coming-soon-overlay.hidden{display:none !important}
.coming-soon-card{
  width:min(320px, calc(100vw - 48px));
  border-radius:28px;
  padding:28px 22px 22px;
  text-align:center;
  color:#804307;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,246,238,.88)),
    radial-gradient(circle at 20% 0%, rgba(255,196,92,.55), transparent 46%),
    radial-gradient(circle at 90% 100%, rgba(236,123,10,.28), transparent 42%);
  box-shadow:
    0 18px 50px rgba(128,67,7,.28),
    inset 0 1px 0 rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.7);
}
.coming-soon-icon{
  width:64px;
  height:64px;
  margin:0 auto 14px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#f79a15,#ec7b0a 62%,#76a93b);
  box-shadow:0 10px 24px rgba(236,123,10,.28);
}
.coming-soon-icon .material-icons-round{font-size:30px}
.coming-soon-card h3{
  margin:0 0 6px;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.03em;
}
.coming-soon-card p{
  margin:0 0 18px;
  font-size:13px;
  line-height:1.45;
  color:#6b4a63;
}
.coming-soon-card button{
  border:0;
  width:100%;
  min-height:44px;
  border-radius:999px;
  background:linear-gradient(135deg,#ec7b0a,#f58311);
  color:#fff;
  font-weight:800;
  box-shadow:0 8px 18px rgba(236,123,10,.24);
}

/* v98 last-line safety overrides: keep the newest screenshot fixes from being overwritten. */
#spinWheelPage .spin-wheel-shell::before,
#spinWheelPage .spin-wheel-shell::after,
#spinWheelPage .spin-wheel-stage::before,
#spinWheelPage .spin-wheel-stage::after{
  display:none!important;
  content:none!important;
}

#spinWheelPage .spin-wheel-shell{
  max-width:320px!important;
  overflow:visible!important;
}

#spinWheelPage .spin-wheel-stage{
  width:292px!important;
  height:292px!important;
  overflow:visible!important;
}

#spinWheelPage .spin-wheel-disc{
  width:276px!important;
  height:276px!important;
  top:8px!important;
}

#homePage .home-location-row{
  margin:0!important;
  padding:0 0 10px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#homePage .home-location-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:12px 16px!important;
  overflow:hidden!important;
}

#mallPage .mall-header{
  padding:22px 8px 12px!important;
}

#mallPage .mall-header-top{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 150px!important;
  gap:6px!important;
  align-items:center!important;
}

#mallPage .mall-location-row{
  width:calc(100% - 16px)!important;
  max-width:calc(100% - 16px)!important;
  margin:8px 8px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#productPage .size-chip{display:flex;flex-direction:column;align-items:center;gap:4px}
#productPage .size-chip small{font-size:12px;font-weight:500}
#homePage .home-popular-section .home-product-grid{
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:100%!important;
}
#homePage .home-popular-empty{
  min-height:58vh!important;
  min-height:58dvh!important;
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin:0!important;
  padding:24px 16px!important;
}
#homePage .home-popular-empty h3,
#homePage .home-popular-empty p{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
/* Keep category tiles within their grid tracks with a visible gap. */
#homePage .home-category-hgrid{
  grid-template-columns:none!important;
  grid-auto-columns:100px!important;
  column-gap:12px!important;
}
#homePage .home-category-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  align-items:center!important;
}

/* Original gold/pink orbiting rays, sized to the fitted wheel. */
#spinWheelPage .spin-wheel-stage::after{
  display:block!important;
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  background:repeating-conic-gradient(from 0deg,
    transparent 0deg 11deg,
    rgba(255,252,197,.98) 11deg 12deg,
    transparent 12deg 24deg,
    rgba(246,139,31,.88) 24deg 25deg,
    transparent 25deg 36deg)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 65%,#000 66% 70%,transparent 71%)!important;
  mask:radial-gradient(circle,transparent 0 65%,#000 66% 70%,transparent 71%)!important;
  filter:drop-shadow(0 0 5px rgba(255,230,118,.86))!important;
  opacity:.96!important;
  pointer-events:none!important;
  z-index:5!important;
  animation:spinFittedSparks 10s linear infinite!important;
}
#spinWheelPage .spin-wheel-stage.spin-sparks-active::after{
  animation-duration:1s!important;
}
/* Sparks follow the fitted wheel only while it rotates; no extra ring. */
#spinWheelPage .spin-wheel-stage.spin-sparks-active::before{
  display:block!important;
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 50% 2%, #fff9b3 0 2px, transparent 4px),
    radial-gradient(circle at 84% 16%, #ffd65a 0 2px, transparent 4px),
    radial-gradient(circle at 98% 50%, #fff 0 2px, transparent 4px),
    radial-gradient(circle at 84% 84%, #ffd65a 0 2px, transparent 4px),
    radial-gradient(circle at 50% 98%, #fff9b3 0 2px, transparent 4px),
    radial-gradient(circle at 16% 84%, #fff 0 2px, transparent 4px),
    radial-gradient(circle at 2% 50%, #ffd65a 0 2px, transparent 4px),
    radial-gradient(circle at 16% 16%, #fff9b3 0 2px, transparent 4px)!important;
  filter:drop-shadow(0 0 5px #ffd65a)!important;
  pointer-events:none!important;
  z-index:5!important;
  animation:spinFittedSparks .8s linear infinite!important;
}
@keyframes spinFittedSparks{
  0%{transform:rotate(0deg);opacity:.65}
  50%{opacity:1}
  100%{transform:rotate(360deg);opacity:.65}
}

/* Compact delivery rows and edge-to-edge product content, including mobile. */
#homePage .home-location-row{
  padding:0!important;
}
#homePage .home-location-card,
#mallPage .mall-location-row,
#productPage .product-delivery-strip{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:8px 12px!important;
  gap:8px!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#homePage .home-location-copy,
#mallPage .mall-location-copy{
  flex:1!important;
  min-width:0!important;
  overflow:hidden!important;
}
#homePage .home-location-label,
#mallPage #mallLocationLabel,
#productPage .product-delivery-strip strong{
  display:block!important;
  min-width:0!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#homePage .home-location-card .material-icons-round,
#mallPage .mall-location-row .material-icons-round,
#productPage .product-delivery-strip .material-icons-round{
  font-size:20px!important;
  line-height:20px!important;
  flex-shrink:0!important;
}
#productPage #productDetail,
#productPage .product-detail-shell{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
#productPage .product-gallery-slide img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
#productPage .product-gallery-slide{
  align-items:center!important;
  aspect-ratio:auto!important;
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
}

/* Final product detail tune: compact header and reference-like centered product image. */
#productPage .product-page-header{
  height:64px!important;
  padding:16px 24px 8px!important;
  background:#fff!important;
}
#productPage .product-page-header .header-actions{
  gap:11px!important;
}
#productPage .product-page-header .icon-btn.glass{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
}
#productPage .product-page-header .material-icons-round{
  font-size:22px!important;
  line-height:22px!important;
}
#productPage .product-delivery-strip{
  height:42px!important;
  min-height:42px!important;
  padding:8px 28px!important;
  font-size:13px!important;
}
#productPage .product-gallery-card{
  padding:4px 0 4px!important;
  border:none!important;
}
#productPage .product-gallery-slide{
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  height:clamp(320px,52vh,560px)!important;
  max-height:calc(100dvh - 210px)!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
#productPage .product-gallery-slide img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
#productPage .product-more-like-btn{
  right:18px!important;
  bottom:10px!important;
  padding:7px 11px!important;
  font-size:13px!important;
}
#productPage .product-gallery-dots{
  padding:4px 12px 0!important;
}
#productPage .product-similar-strip{
  padding:10px 28px 8px!important;
}
#productPage .product-similar-strip h3{
  font-size:16px!important;
  margin-bottom:8px!important;
}
#productPage .product-similar-thumbs,
#productPage .product-gallery-thumbs{
  gap:12px!important;
}
#productPage .product-similar-thumb,
#productPage .product-gallery-thumb{
  width:50px!important;
  height:62px!important;
  flex-basis:50px!important;
}
#productPage .product-summary-card{
  padding:10px 26px 56px!important;
}
#productPage .product-title{
  font-size:16px!important;
  line-height:1.32!important;
}
#productPage .product-title-actions{
  gap:14px!important;
}
#productPage .product-title-actions .material-icons-round{
  font-size:24px!important;
}
#productPage .product-title-actions button{
  font-size:11px!important;
}
#productPage .product-price-row{
  margin-top:5px!important;
  gap:4px!important;
}
#productPage .product-now{font-size:25px!important}
#productPage .product-was{
  font-size:14px!important;
}
#productPage .product-off{
  font-size:13px!important;
}

#productPage .product-size-card{
  padding:10px 22px!important;
  border:none!important;
  border-top:1px solid #fbf1e6!important;
  border-bottom:1px solid #fbf1e6!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#productPage .product-size-card .section-head{
  margin-bottom:8px!important;
}
#productPage .product-size-card .section-head h3{
  font-size:16px!important;
}
#productPage .product-size-card .section-head p{
  font-size:12px!important;
  margin-top:2px!important;
}
#productPage .product-size-current{
  font-size:12px!important;
}
#productPage .size-chip-row{
  gap:8px!important;
}
#productPage .size-chip{
  min-width:58px!important;
  min-height:44px!important;
  padding:7px 10px!important;
  gap:1px!important;
  border-radius:9px!important;
}
#productPage .size-chip span{
  font-size:14px!important;
}
#productPage .size-chip small{
  font-size:10px!important;
  line-height:12px!important;
}

#productPage .product-details-card{
  padding:14px 22px 18px!important;
  border:none!important;
  border-top:1px solid #f0edf2!important;
  border-bottom:1px solid #f0edf2!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
#productPage .product-details-card summary{
  font-size:15px!important;
  padding:0 0 8px!important;
}
#productPage .product-details-grid{
  display:block!important;
  margin-top:4px!important;
}
#productPage .product-details-grid div{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:transparent!important;
  border:none!important;
  border-top:1px solid #fcf3eb!important;
  border-radius:0!important;
  padding:10px 0!important;
}
#productPage .product-details-grid span{
  flex:0 0 34%!important;
  margin:0!important;
  font-size:12px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#777!important;
}
#productPage .product-details-grid strong{
  flex:1!important;
  text-align:right!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#292936!important;
}
#productPage .product-details-copy{
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#555!important;
}

#homePage .empty-state,
#listingPage .empty-state,
#categoriesPage .empty-state,
#homePage .listing-empty-state,
#homePage .home-categories-empty,
#homePage .home-popular-empty{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#homePage .home-popular-empty,
#homePage .home-categories-empty,
#listingPage .listing-empty-state{
  min-height:58vh!important;
  min-height:58dvh!important;
  grid-column:1 / -1!important;
}
#homePage .empty-state > *,
#listingPage .empty-state > *,
#categoriesPage .empty-state > *{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* v112: requested listing coupon strip, Top Rating stat icon fit, product price/options flow. */
#listingPage .listing-offer-strip{
  grid-column:1 / -1!important;
  min-height:72px!important;
  margin:0 0 8px!important;
  padding:10px 14px!important;
  border:1px solid #b8f4df!important;
  border-radius:10px!important;
  background:linear-gradient(100deg,#ecfff7 0%,#ffffff 52%,#d9fff0 100%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#listingPage .listing-offer-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
#listingPage .listing-offer-copy span{
  color:#00a36c!important;
  font-size:12px!important;
  font-weight:800!important;
}
#listingPage .listing-offer-copy strong{
  color:#079669!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:900!important;
}
#listingPage .listing-offer-copy small{
  margin-top:2px!important;
  color:#5a6b65!important;
  font-size:11px!important;
  font-weight:700!important;
}
#listingPage .listing-offer-gift{
  width:58px!important;
  height:48px!important;
  flex:0 0 58px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  color:#f59e0b!important;
  background:#fff9e8!important;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.2)!important;
}
#listingPage .listing-offer-gift .material-icons-round{
  font-size:31px!important;
}
#mallPage .mall-trust-banner{
  padding:8px 9px!important;
  gap:6px!important;
}
#mallPage .mall-trust-pill{
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1!important;
}
#mallPage .mall-trust-stats{
  gap:6px!important;
  align-items:center!important;
}
#mallPage .mall-trust-stat{
  flex:0 0 98px!important;
  gap:6px!important;
  align-items:center!important;
  overflow:hidden!important;
}
#mallPage .mall-trust-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:0!important;
}
#mallPage .mall-trust-icon .material-icons-round{
  font-size:15px!important;
  line-height:1!important;
  width:15px!important;
  height:15px!important;
  display:block!important;
}
#mallPage .mall-trust-stat strong{
  font-size:14px!important;
  line-height:1.05!important;
}
#mallPage .mall-trust-stat span:last-child{
  font-size:10px!important;
  line-height:1.05!important;
}
#mallPage .mall-trust-icon span.material-icons-round{
  font-size:15px!important;
  line-height:15px!important;
  width:15px!important;
  height:15px!important;
  color:#fff!important;
}
#productPage .product-summary-card{
  padding:10px 26px 10px!important;
  border:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
#productPage .product-price-row{
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
  margin:4px 0 6px!important;
  background:transparent!important;
}
#productPage .product-size-card{
  margin:0!important;
  padding:8px 26px 10px!important;
  border:none!important;
  border-top:1px solid #fcf3ea!important;
  border-bottom:0!important;
  background:#fff!important;
}
#productPage .product-colour-card{
  border-top:1px solid #fcf4ed!important;
}
#productPage .size-chip-row{
  gap:8px!important;
  align-items:center!important;
}
#productPage .colour-chip{
  flex-direction:row!important;
  min-width:auto!important;
  min-height:40px!important;
  padding:7px 10px!important;
  gap:7px!important;
}
#productPage .colour-chip .colour-swatch{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border:1.5px solid rgba(0,0,0,.12);
  border-radius:50%;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
}
#productPage .product-inline-actions{
  margin:0!important;
  border-top:1px solid #fbf1e6!important;
  border-bottom:1px solid #fbf1e6!important;
}

/* v115: Home page green rounded offer strip below filters. */
#homePage .home-green-offer-strip{
  margin:0 0 10px!important;
  min-height:74px!important;
  width:100%!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  border:1px solid #b7efd9!important;
  background:linear-gradient(102deg,#e9fff6 0%,#ffffff 54%,#c9ffea 100%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  box-shadow:0 2px 8px rgba(6,148,103,.08)!important;
}
#homePage .home-green-offer-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
#homePage .home-green-offer-copy span{
  color:#0a9f70!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
#homePage .home-green-offer-copy strong{
  color:#087a55!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#homePage .home-green-offer-copy small{
  color:#5e716b!important;
  font-size:11px!important;
  font-weight:700!important;
  margin-top:3px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#homePage .home-green-offer-art{
  width:58px!important;
  height:48px!important;
  flex:0 0 58px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#effdf5!important;
  color:#05a36c!important;
  box-shadow:inset 0 0 0 1px rgba(5,163,108,.14)!important;
}
#homePage .home-green-offer-art .material-icons-round{
  font-size:30px!important;
}

/* v113: force consistent top safe spacing across phones and simplify Top Rating header. */
.app-header,
#homePage .app-header,
.page-header,
.food-page-header,
.categories-page-header,
.listing-page-header,
.orders-page-header,
.profile-page-header,
.profile-edit-page-header,
.tracking-page-header,
.category-details-page-header,
.order-bill-full-header,
#mallPage .mall-header{
  padding-top:max(32px, calc(var(--safe-top, 0px) + 8px))!important;
}
#mallPage .mall-header{
  padding-left:14px!important;
  padding-right:8px!important;
  padding-bottom:10px!important;
}
#mallPage .mall-header-top{
  grid-template-columns:46px minmax(0,1fr) 150px!important;
}
#mallPage .mall-title-chip{
  display:none!important;
}
#mallPage .mall-title-wrap h1{
  margin-top:0!important;
  line-height:1.08!important;
}
#mallPage .mall-location-row{
  margin-top:6px!important;
}

/* v114: Product, Rewards and Spin Now pages must start below the phone status area like Home. */
#productPage .product-page-header,
#spinPage > .page-header,
#spinWheelPage > .page-header,
body.spin-screenshot-mode #spinPage > .page-header,
body.spin-screenshot-mode #spinWheelPage > .page-header{
  padding-top:max(40px, calc(var(--safe-top, 0px) + 12px))!important;
  min-height:auto!important;
  box-sizing:border-box!important;
}
#productPage .product-page-header{
  height:auto!important;
  padding-bottom:10px!important;
}
#spinPage > .page-header,
#spinWheelPage > .page-header,
body.spin-screenshot-mode #spinPage > .page-header,
body.spin-screenshot-mode #spinWheelPage > .page-header{
  padding-bottom:12px!important;
}
#productPage #productDetail,
#spinPage #spinPageContent,
#spinWheelPage #spinWheelPageContent{
  padding-top:0!important;
  margin-top:0!important;
}
#productPage .product-detail-shell{
  gap:0!important;
}
#spinPage .spin-rewards-screen,
#spinWheelPage .spin-wheel-screen,
#spinWheelPage .spin-wheel-shell{
  margin-top:0!important;
}

/* v116: Home address plain one-line and product detail tighter Meesho-like spacing. */
#homePage .home-location-row{
  padding:0 28px!important;
  margin:8px 0 8px!important;
}
#homePage .home-location-card{
  width:100%!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#111827!important;
}
#homePage .home-location-copy{
  flex:1!important;
  min-width:0!important;
}
#homePage .home-location-label{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:900!important;
}
#homePage .home-location-card .material-icons-round{
  font-size:23px!important;
  line-height:23px!important;
  color:#111827!important;
}
#homePage .home-location-card .home-location-change{
  display:none!important;
}
#productPage .product-delivery-strip{
  margin:0!important;
  min-height:50px!important;
  border-bottom:0!important;
}
#productPage .product-gallery-card{
  margin-top:0!important;
  padding-top:0!important;
}
#productPage .product-gallery-track{
  margin-top:0!important;
}
#productPage .product-summary-card{
  padding-top:8px!important;
  padding-bottom:6px!important;
}
#productPage .product-price-row{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:2px 0 4px!important;
  line-height:1.1!important;
}
#productPage .product-now{
  font-size:22px!important;
  line-height:24px!important;
  font-weight:900!important;
}
#productPage .product-was{
  font-size:13px!important;
  line-height:16px!important;
}
#productPage .product-off{
  font-size:13px!important;
  line-height:16px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
}
#productPage .product-size-card{
  padding:6px 26px 8px!important;
}
#productPage .product-size-card .section-head{
  margin-bottom:6px!important;
  align-items:center!important;
}
#productPage .product-size-card .section-head h3{
  font-size:14px!important;
  line-height:18px!important;
}
#productPage .product-size-card .section-head p{
  display:none!important;
}
#productPage .product-size-current{
  font-size:11px!important;
  line-height:15px!important;
}
#productPage .size-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
#productPage .size-chip{
  min-width:50px!important;
  min-height:34px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  flex-direction:row!important;
}
#productPage .size-chip span{
  font-size:13px!important;
  line-height:16px!important;
}
#productPage .size-chip small{
  font-size:11px!important;
  line-height:14px!important;
  font-weight:700!important;
}
#productPage .colour-chip{
  min-height:34px!important;
  padding:5px 9px!important;
  gap:6px!important;
}
#productPage .colour-chip .colour-swatch{
  width:15px!important;
  height:15px!important;
  flex-basis:15px!important;
}

/* v117: final tighten for home address text and product address/image join. */
#homePage .home-location-label{
  font-size:14px!important;
  line-height:20px!important;
  font-weight:800!important;
}
#homePage .home-location-card{
  min-height:24px!important;
  gap:7px!important;
}
#homePage .home-location-card .material-icons-round{
  font-size:20px!important;
  line-height:20px!important;
}
#productPage .product-delivery-strip{
  margin-bottom:0!important;
  padding-bottom:10px!important;
  border-bottom:none!important;
}
#productPage .product-gallery-card{
  margin-top:-1px!important;
  border-top:none!important;
  border-radius:0!important;
}
#productPage .product-gallery-slide{
  border-top:none!important;
  margin-top:0!important;
}

/* v118: blend login logo image background and make splash branding clearer. */
#loginPage,
#registerPage,
#loginPage .auth-container,
#registerPage .auth-container,
#loginPage .auth-card,
#registerPage .auth-card{
  background:#fdf6ec!important;
}
#loginPage .auth-logo,
#registerPage .auth-logo{
  width:260px!important;
  max-width:72%!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 8px 12px rgba(245,158,11,.08))!important;
}
#splashScreen{
  background:#fdf6ec!important;
}
#splashScreen .brand-logo-full{
  width:78%!important;
  height:78%!important;
  object-fit:contain!important;
  filter:none!important;
}
#splashScreen .splash-logo-frame{
  width:176px!important;
  height:176px!important;
  border-radius:50%!important;
  background:#fff!important;
}

/* v119: remove extra blank space between rectangular product images and thumbnails. */
#productPage .product-gallery-track{
  align-items:flex-start!important;
}
#productPage .product-gallery-slide{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:0!important;
}
#productPage .product-gallery-slide img{
  display:block!important;
  width:auto!important;
  max-width:76%!important;
  height:auto!important;
  max-height:min(560px,62dvh)!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
#productPage .product-gallery-dots{
  padding-top:3px!important;
}
#productPage .product-similar-strip{
  padding-top:6px!important;
}

/* v122: keep product main image and thumbnail rail glued together for wide/short seller images. */
#productPage .product-gallery-card,
#productPage .product-gallery-track,
#productPage .product-gallery-slide{
  height:auto!important;
  min-height:0!important;
}
#productPage .product-gallery-slide{
  line-height:0!important;
  background:#fff!important;
}
#productPage .product-gallery-slide img{
  vertical-align:top!important;
}
#productPage .product-gallery-dots{
  margin-top:0!important;
  padding-top:2px!important;
  padding-bottom:6px!important;
}
#productPage .product-similar-strip{
  margin-top:0!important;
  padding-top:4px!important;
}

/* v124: keep location treatment compact and consistent across Home and Top Rating. */
#homePage .home-location-card,
#topRatingPage .mall-location-card{
  min-height:52px!important;
  height:52px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:#f7f7ff!important;
  box-shadow:none!important;
}
#homePage .home-location-label,
#topRatingPage .mall-location-title{font-size:16px!important;line-height:1.2!important;font-weight:600!important;}

/* Product media is a square seller image with thumbnails attached directly below. */
#productPage .product-gallery-slide{
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-items:center!important;
  overflow:hidden!important;
}
#productPage .product-gallery-slide img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  margin:0!important;
}
#productPage .product-gallery-dots{margin:0!important;padding:2px 12px 4px!important;}
#productPage .product-gallery-thumbs{margin-top:0!important;padding-top:4px!important;}
.product-seller-follow{border:1px solid #ec7b0a!important;background:#fff!important;color:#ec7b0a!important;border-radius:999px!important;padding:7px 14px!important;font-weight:700!important;}
.product-seller-copy small{display:block!important;color:#7b7285!important;margin-top:4px!important;}
.checkout-payment-save--advance{color:#dc2626!important;background:#fee2e2!important;}

/* v126: compact Home header/address and supplier action. */
#homePage .home-location-row{margin:0!important;padding:0!important;background:#f7f7ff!important;}
#homePage .home-location-card{height:48px!important;min-height:48px!important;padding:0 18px!important;}
#homePage .home-location-label{font-size:15px!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#homePage .home-supplier-icon .material-icons-round{color:#ec7b0a!important;font-size:23px!important;}
#homePage .home-supplier-icon .home-supplier-s{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  color:#ec7b0a!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  font-family:Nunito,Poppins,sans-serif!important;
}
.seo-public-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  margin:8px 16px 24px;
  padding:12px 0 8px;
  border-top:1px solid #f3e6d8;
}
.seo-public-links h2{
  flex:1 0 100%;
  margin:0 0 4px;
  font-size:14px;
  font-weight:800;
  color:#1f2937;
}
.seo-public-links a{
  color:#c2410c;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
#navMall .material-icons-round{font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24;}
#followedShopsPage .followed-shops-tabs{grid-template-columns:1fr!important;}

/* Product media locked to square 700x700 display ratio */
#productPage .product-gallery-slide,
.pc-img,
.listing-card-media,
.mall-product-media,
.mall-budget-media{
  aspect-ratio:1 / 1!important;
  max-width:700px;
}
#productPage .product-gallery-slide img,
.pc-img img,
.listing-card-media img,
.mall-product-media img,
.mall-budget-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.payment-order-card,
.refund-order-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.payment-order-thumb,
.refund-order-thumb{
  width:72px;
  height:72px;
  border-radius:10px;
  overflow:hidden;
  flex:0 0 72px;
  background:#f5f5f5;
}
.payment-order-thumb img,
.refund-order-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.payment-order-body,
.refund-order-body{flex:1;min-width:0;}

/* v127: remove the last outer gutters from rewards, wallet and payment-method sections. */
#spinPage .page-scroll > *,
#paymentMethodPage .page-scroll > *,
#checkoutPage .page-scroll > *{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-left-width:0!important;
  border-right-width:0!important;
  border-radius:0!important;
}
#paymentMethodPage .wallet-card,
#paymentMethodPage .sanraj-wallet-breakdown,
#paymentMethodPage .sanraj-wallet-info-card,
#checkoutPage .checkout-wallet-card{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}

/* Keep Home compact without changing its content order. */
#homePage .app-header{padding-bottom:6px!important;}
#homePage .header-top{min-height:48px!important;padding-top:2px!important;padding-bottom:2px!important;}
#homePage .home-search{margin-top:4px!important;min-height:40px!important;height:40px!important;}
#homePage .home-category-hgrid{gap:10px 6px!important;padding-top:8px!important;padding-bottom:6px!important;}
#homePage .home-category-scroll-wrap{padding-bottom:0!important;}

/* v128: Home and Top Rating use the same compact location strip. */
#homePage .home-location-card,
#mallPage .mall-location-card{
  height:80px!important;
  min-height:80px!important;
  margin:0!important;
  padding:0 30px!important;
  background:#f7f7ff!important;
  border:1px solid #fbeee1!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#homePage .home-location-label,
#mallPage .mall-location-title{font-size:16px!important;font-weight:600!important;line-height:1.25!important;}
#spinPage .spin-rewards-screen{width:100%!important;margin:0!important;padding:0!important;}
#spinPage .spin-rewards-screen > section{width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0!important;}

/* Home stays compact; Top Rating keeps the taller reference strip. */
#homePage .home-location-card{
  height:48px!important;
  min-height:48px!important;
  padding:0 16px!important;
}
#homePage .home-location-label{font-size:14px!important;font-weight:600!important;}
#homePage .home-location-pin,
#homePage .home-location-change{font-size:20px!important;}
#homePage .header-top{min-height:44px!important;}
#homePage .home-categories-section{padding-top:4px!important;padding-bottom:4px!important;}

/* v125: edge-to-edge single-column sections on rewards and checkout screens. */
#spinPage .page-scroll,
#checkoutPage .page-scroll,
#paymentMethodPage .page-scroll{
  padding-left:0!important;
  padding-right:0!important;
}
#spinPage .spin-rewards-hero-card,
#spinPage .spin-info-card,
#spinPage .spin-ads-card,
#spinPage .spin-result-card,
#checkoutPage .checkout-review-card,
#checkoutPage .checkout-delivery-card,
#checkoutPage .checkout-payment-wrap,
#checkoutPage .checkout-price-details-card,
#checkoutPage .checkout-policy-card,
#checkoutPage .checkout-payment-more,
#paymentMethodPage .payment-method-card,
#paymentMethodPage .payment-method-section,
#paymentMethodPage .bank-details-card{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#checkoutPage .checkout-review-card,
#checkoutPage .checkout-delivery-card,
#checkoutPage .checkout-payment-wrap,
#checkoutPage .checkout-price-details-card,
#checkoutPage .checkout-policy-card{border-left:0!important;border-right:0!important;}
#spinPage .spin-rewards-hero-card,
#spinPage .spin-info-card,
#spinPage .spin-ads-card{border-left:0!important;border-right:0!important;}

/* v130: final hard overrides for compact Home and true edge-to-edge wallet/rewards/checkout sections. */
#homePage .app-header{
  padding:0!important;
  margin:0!important;
}
#homePage .header-top{
  height:42px!important;
  min-height:42px!important;
  padding:0 28px!important;
  margin:0!important;
}
#homePage .home-search{
  height:40px!important;
  min-height:40px!important;
  margin:2px 28px 0!important;
  padding:0 14px!important;
}
#homePage .home-search input,
#homePage .home-search .search-placeholder{
  font-size:14px!important;
}
#homePage .home-location-row{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  background:#f7f7ff!important;
  overflow:hidden!important;
}
#homePage .home-location-card{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 14px!important;
  margin:0!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f7f7ff!important;
}
#homePage .home-location-copy{
  min-width:0!important;
  overflow:hidden!important;
}
#homePage .home-location-label{
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#homePage .home-location-pin,
#homePage .home-location-change,
#homePage .home-location-card .material-icons-round{
  font-size:18px!important;
}
#homePage .home-categories-section,
#homePage .home-products-section{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
#spinPage .page-scroll,
#spinPage #spinPageContent,
#paymentMethodPage .page-scroll,
#checkoutPage .page-scroll,
#sanrajWalletPage .page-scroll{
  padding-left:0!important;
  padding-right:0!important;
}
#spinPage #spinPageContent{
  padding-top:0!important;
  padding-bottom:108px!important;
}
#spinPage .page-scroll > *,
#paymentMethodPage .page-scroll > *,
#checkoutPage .page-scroll > *,
#sanrajWalletPage .page-scroll > *{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-left-width:0!important;
  border-right-width:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sanraj-wallet-withdraw-form{
  display:grid;
  gap:10px;
  padding:16px;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}
.sanraj-wallet-withdraw-form h3{
  margin:0;
  font-size:18px;
  color:#1f2937;
}
.sanraj-wallet-withdraw-form p{
  margin:0;
  color:#6b7280;
  font-size:13px;
}
.sanraj-wallet-withdraw-form label{
  display:grid;
  gap:6px;
  font-size:12px;
  font-weight:700;
  color:#6b7280;
}
.sanraj-wallet-withdraw-form input{
  width:100%;
  height:44px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:0 12px;
  font-size:14px;
  color:#111827;
  background:#fff;
}
.sanraj-wallet-submit-btn{
  width:100%;
  margin-top:4px;
}

/* v131: Home must match the compact reference layout with no loose gutters. */
#homePage{
  background:#fff!important;
}
#homePage .app-header{
  background:#fff!important;
  padding:0!important;
}
#homePage .header-top{
  height:50px!important;
  min-height:50px!important;
  padding:0 28px!important;
}
#homePage .home-avatar-btn{
  width:34px!important;
  height:34px!important;
}
#homePage .home-refer-chip{
  height:32px!important;
  padding:0 13px!important;
  font-size:13px!important;
}
#homePage .header-actions{
  gap:8px!important;
}
#homePage .header-actions .icon-btn{
  width:38px!important;
  height:38px!important;
}
#homePage .header-actions .material-icons-round{
  font-size:25px!important;
}
#homePage .home-search{
  width:auto!important;
  height:40px!important;
  min-height:40px!important;
  margin:4px 28px 0!important;
  border-radius:14px!important;
}
#homePage .home-search .material-icons-round{
  font-size:20px!important;
}
#homePage .home-search input{
  font-size:14px!important;
}
#homePage .home-location-row{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:8px 0 0!important;
  padding:0!important;
  border-top:0!important;
  border-bottom:1px solid #eeeef4!important;
  background:#f7f7ff!important;
}
#homePage .home-location-card{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 30px!important;
  background:#f7f7ff!important;
  border:0!important;
  border-radius:0!important;
}
#homePage .home-location-label{
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
}
#homePage .home-location-card .material-icons-round{
  font-size:20px!important;
}
#homePage #homeScroll{
  padding-top:0!important;
  background:#fff!important;
}
#homePage #homeMainContent > .section{
  margin:0!important;
  padding:8px 0!important;
}
#homePage .home-banner-section{
  padding-top:0!important;
  padding-bottom:6px!important;
}
#homePage .home-banner-card{
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  margin:0!important;
  border-radius:0!important;
}
#homePage .home-banner-dots{
  margin-top:4px!important;
}
#homePage .section-header{
  min-height:34px!important;
  padding:0 28px!important;
  margin:0 0 6px!important;
}
#homePage .section-title{
  font-size:20px!important;
  line-height:1.1!important;
}
#homePage .see-all{
  font-size:14px!important;
  line-height:1!important;
}
#homePage .home-category-scroll-wrap{
  padding:0!important;
}
#homePage .home-category-hgrid{
  grid-template-columns:repeat(6,72px)!important;
  grid-auto-columns:72px!important;
  gap:8px 8px!important;
  padding:4px 28px 2px!important;
}
#homePage .home-category-card{
  max-width:72px!important;
  gap:3px!important;
}
#homePage .home-category-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
}
#homePage .home-category-card span:last-child{
  font-size:12px!important;
  line-height:1.1!important;
  min-height:24px!important;
  margin-top:1px!important;
}
#homePage .home-product-grid,
#homePage .product-grid{
  gap:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
#homePage .home-product-card,
#homePage .listing-card{
  border-radius:0!important;
}
#homePage .mall-filter-bar,
#homePage .home-categories-filter-bar{
  margin:0!important;
  padding:0!important;
}

/* v132: keep Home below the phone status area while staying compact. */
#homePage .app-header{
  padding-top:max(32px, calc(var(--safe-top, 0px) + 8px))!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
}
#homePage .header-top{
  height:44px!important;
  min-height:44px!important;
}
#homePage .home-location-row{
  margin-top:6px!important;
}
#homePage #homeMainContent > .section{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
#spinPage .spin-ads-card{
  padding:0!important;
}
#spinPage .spin-ads-title{
  padding:14px 28px 10px!important;
  margin:0!important;
}
#spinPage .spin-ad-banner-rail,
#spinPage .spin-ad-banner-rail .ad-banner-image-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
}
#spinPage .spin-ad-banner-rail .ad-banner-image-card img{
  width:100%!important;
  border-radius:0!important;
  display:block!important;
}

/* v133: nudge Home lower on every phone and make category icons round/compact. */
#homePage .app-header{
  padding-top:max(40px, calc(var(--safe-top, 0px) + 14px))!important;
}
#homePage .home-category-hgrid{
  grid-template-columns:repeat(6,66px)!important;
  grid-auto-columns:66px!important;
  gap:7px 8px!important;
  padding:3px 28px 0!important;
}
#homePage .home-category-card{
  max-width:66px!important;
}
#homePage .home-category-icon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  padding:2px!important;
  background:#eaf3ff!important;
}
#homePage .home-category-img{
  border-radius:50%!important;
}
#homePage .home-category-card span:last-child{
  font-size:11px!important;
  min-height:22px!important;
}

/* v134: requested Home/action/payment/product/category refinements. */
#homePage .home-search{
  width:100%!important;
  margin:4px 0 0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}
#homePage .home-refer-chip{
  height:28px!important;
  padding:0 9px!important;
  gap:4px!important;
  font-size:12px!important;
  max-width:118px!important;
}
#homePage .home-refer-chip .material-icons-round{
  font-size:18px!important;
}
#homePage .home-resell-chip{
  height:30px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff3e8!important;
  color:#ec7b0a!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 8px!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#homePage .home-resell-chip .material-icons-round{
  font-size:17px!important;
  color:#ec7b0a!important;
}
#homePage .header-actions{
  gap:5px!important;
}
#homePage .header-actions .icon-btn{
  width:34px!important;
  height:34px!important;
}
#productPage .product-bottom-bar.product-inline-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}
#productPage .product-bottom-bar .btn-outline,
#productPage .product-bottom-bar .btn-primary{
  min-height:42px!important;
  height:42px!important;
  padding:0 8px!important;
  font-size:13px!important;
  border-radius:8px!important;
}
#productPage .product-bottom-bar .material-icons-round{
  font-size:18px!important;
}
.checkout-payment-card .checkout-payment-price--cod strong,
.checkout-payment-card .checkout-payment-price--cod .checkout-payment-save--advance,
.checkout-payment-card .checkout-payment-strip,
.checkout-payment-card .checkout-payment-strip .material-icons-round{
  color:#dc2626!important;
}
.checkout-payment-card .checkout-payment-strip{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
}

/* v135: restore product Add to Cart, stop payment text clipping, and tidy Home header chips. */
#productPage .product-inline-actions .btn-outline,
#productPage .product-bottom-bar.product-inline-actions .btn-outline{
  display:flex!important;
}
#productPage .product-inline-actions .btn-primary,
#productPage .product-bottom-bar.product-inline-actions .btn-primary{
  width:auto!important;
}
#productPage .product-bottom-bar.product-inline-actions{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:calc(72px + env(safe-area-inset-bottom))!important;
  z-index:130!important;
  background:#fff!important;
}
#productPage .page-scroll{
  padding-bottom:150px!important;
}
#checkoutPage .checkout-payment-card{
  grid-template-columns:116px minmax(0,1fr) 36px!important;
  gap:10px!important;
  align-items:center!important;
}
#checkoutPage .checkout-payment-price{
  border-right:1px solid #faeada!important;
  padding-right:8px!important;
  min-width:0!important;
}
#checkoutPage .checkout-payment-price--cod strong{
  font-size:26px!important;
}
#checkoutPage .checkout-payment-save--advance{
  font-size:12px!important;
  line-height:1.1!important;
  white-space:normal!important;
  text-align:left!important;
  padding:5px 8px!important;
}
#checkoutPage .checkout-payment-strip{
  width:100%!important;
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
#checkoutPage .checkout-payment-strip span:last-child{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#checkoutPage .checkout-payment-price--online{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:3px 6px!important;
}
#checkoutPage .checkout-payment-price--online .checkout-payment-save{
  flex-basis:100%!important;
}
#homePage .header-top{
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
}
#homePage .logo-area{
  gap:6px!important;
  min-width:0!important;
}
#homePage .home-refer-chip{
  max-width:none!important;
  min-width:0!important;
  width:auto!important;
  white-space:nowrap!important;
}
#homePage .home-refer-chip span:last-child{
  white-space:nowrap!important;
}
#homePage .home-refer-chip{
  height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  gap:5px!important;
  font-size:12px!important;
  line-height:1!important;
}
#homePage .home-refer-chip .material-icons-round{
  font-size:17px!important;
}
#homePage .home-refer-chip span:last-child{
  max-width:82px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#homePage .home-resell-chip{
  height:28px!important;
  padding:0 7px!important;
  font-size:10px!important;
}
#homePage .header-actions .icon-btn{
  width:30px!important;
  height:30px!important;
}
#homePage .header-actions .material-icons-round{
  font-size:22px!important;
}
#homePage .home-popular-section .home-product-grid,
#homePage .home-top-picks-section .home-product-grid,
#homePage .home-top-picks-products{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  gap:1px!important;
  background:#f0f0f0!important;
}
#homePage .home-popular-section .home-product-card,
#homePage .home-top-picks-section .home-product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:none!important;
}
#homePage .home-popular-section .home-product-media,
#homePage .home-top-picks-section .home-product-media{
  padding:0!important;
  width:100%!important;
  aspect-ratio:1!important;
  overflow:hidden!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#homePage .home-popular-section .home-product-media img,
#homePage .home-top-picks-section .home-product-media img,
#homePage .home-popular-section .home-product-card img,
#homePage .home-top-picks-section .home-product-card img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  display:block!important;
}

/* Top Rating: pink filled star in bottom nav */
#navMall .nav-top-rating-star,
#navMall .material-icons-round.nav-top-rating-star{
  color:#f58413!important;
  font-size:24px!important;
  font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24!important;
}
#navMall.active .nav-top-rating-star,
#navMall.active .material-icons-round.nav-top-rating-star{
  color:#fff!important;
}
#navMall .nav-s-icon{display:none!important;}
#navFoodGrocery{padding-left:0!important;padding-right:0!important;}
#navFoodGrocery span:last-child{
  font-size:8.5px!important;
  font-weight:700!important;
  letter-spacing:-.3px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#checkoutPage .checkout-payment-card{
  grid-template-columns:96px minmax(0,1fr) 28px!important;
  gap:8px!important;
  padding:8px 10px!important;
  min-height:0!important;
}
#checkoutPage .checkout-payment-price--cod strong{
  font-size:22px!important;
}
#checkoutPage .checkout-payment-price--online strong{
  font-size:16px!important;
}
#checkoutPage .checkout-payment-price-old{
  font-size:12px!important;
}
#checkoutPage .checkout-payment-save,
#checkoutPage .checkout-payment-save--advance{
  font-size:10px!important;
  padding:3px 6px!important;
}
#checkoutPage .checkout-payment-title{
  font-size:13px!important;
}
#checkoutPage .checkout-payment-strip{
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}
#checkoutPage .checkout-payment-heading{
  font-size:14px!important;
  margin:8px 12px 6px!important;
}
#checkoutPage .checkout-price-details-card summary,
#checkoutPage .checkout-price-row{
  font-size:12px!important;
}
.payment-order-thumb,
.refund-order-thumb{
  width:56px!important;
  height:56px!important;
  flex-basis:56px!important;
  border-radius:8px!important;
}
.refund-order-card .oc-info h4,
.payment-order-card .oc-info h4{
  font-size:13px!important;
}
.refund-order-card .oc-info p,
.payment-order-card .oc-info p,
.return-proof-line,
.return-reject-reason{
  font-size:11px!important;
}
.pc-delivery-free,
.home-product-delivery-free,
.listing-card-free-delivery{
  color:#16a34a!important;
  font-size:11px!important;
  font-weight:700!important;
  margin-top:2px!important;
}
#productPage .size-chip{
  min-width:54px!important;
  padding:6px 8px!important;
}
#productPage .size-chip span{font-size:12px!important;}
#productPage .size-chip small{font-size:10px!important;}

/* v137: Product Details — compact frame + BoxFit.contain (no crop/stretch) */
#productPage .product-detail-shell{
  gap:0!important;
  padding-bottom:8px!important;
  background:#fdf5ee!important;
}
#productPage .product-gallery-card{
  margin:0!important;
  padding:0!important;
  border:none!important;
  box-shadow:none!important;
  background:#fff!important;
}
#productPage .product-gallery-track{
  background:#f5f5f5!important;
  align-items:stretch!important;
}
#productPage .product-gallery-slide{
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  max-width:100%!important;
  height:268px!important;
  min-height:268px!important;
  max-height:268px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
  background:#f5f5f5!important;
  overflow:hidden!important;
  line-height:normal!important;
}
#productPage .product-gallery-slide img,
#productPage .product-gallery-slide img[data-product-gallery-image]{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
}
#productPage .product-more-like-btn{
  right:12px!important;
  bottom:10px!important;
  padding:6px 10px!important;
  font-size:12px!important;
  gap:4px!important;
}
#productPage .product-more-like-btn .material-icons-round{font-size:16px!important;}
#productPage .product-gallery-dots{
  padding:6px 12px 4px!important;
  gap:6px!important;
}
#productPage .product-gallery-dot{
  width:6px!important;
  height:6px!important;
}
#productPage .product-gallery-dot.active{width:16px!important;}
#productPage .product-gallery-thumbs,
#productPage .product-similar-thumbs{
  gap:8px!important;
  padding:8px 12px 10px!important;
  background:#fff!important;
}
#productPage .product-gallery-thumb,
#productPage .product-similar-thumb{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:8px!important;
  padding:3px!important;
  background:#f5f5f5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#productPage .product-gallery-thumb img,
#productPage .product-similar-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f5f5f5!important;
}
#productPage .product-summary-card{
  padding:10px 14px 8px!important;
  margin:0!important;
  border:none!important;
  border-bottom:1px solid #f0edf2!important;
  box-shadow:none!important;
  background:#fff!important;
}
#productPage .product-kicker{display:none!important;}
#productPage .product-subtitle{
  display:block!important;
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#6b7280!important;
}
#productPage .product-title-action-row{
  gap:10px!important;
  align-items:flex-start!important;
}
#productPage .product-title{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#30313b!important;
  margin:0!important;
  -webkit-line-clamp:2!important;
}
#productPage .product-title-actions{gap:12px!important;}
#productPage .product-title-actions button{
  font-size:10px!important;
  gap:1px!important;
  color:#4b5563!important;
}
#productPage .product-title-actions .material-icons-round{font-size:22px!important;}
#productPage .product-price-row{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:8px 0 4px!important;
}
#productPage .product-now{
  font-size:20px!important;
  font-weight:800!important;
  color:#1a1a2e!important;
  line-height:1.1!important;
}
#productPage .product-was{
  font-size:13px!important;
  color:#9ca3af!important;
  text-decoration:line-through!important;
}
#productPage .product-off{
  display:inline!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#16a34a!important;
  background:transparent!important;
  padding:0!important;
  text-transform:none!important;
}
#productPage .product-rating-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:4px 0 2px!important;
}
#productPage .product-rating-badge{
  display:inline-flex!important;
  align-items:center!important;
  background:#16a34a!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  padding:2px 6px!important;
  border-radius:4px!important;
}
#productPage .product-rating-copy{
  font-size:11px!important;
  color:#6b7280!important;
}
#productPage .product-delivery-free-line{
  color:#16a34a!important;
  font-size:12px!important;
  font-weight:700!important;
  margin:4px 0 2px!important;
}
#productPage .product-size-card,
#productPage .product-colour-card{
  padding:8px 14px!important;
  margin:0!important;
  border:none!important;
  border-bottom:1px solid #f0edf2!important;
  box-shadow:none!important;
  background:#fff!important;
}
#productPage .product-size-card .section-head{
  margin-bottom:6px!important;
}
#productPage .product-size-card .section-head h3,
#productPage .product-colour-card .section-head h3{
  font-size:13px!important;
  font-weight:700!important;
}
#productPage .product-size-card .section-head p,
#productPage .product-colour-card .section-head p{
  display:none!important;
}
#productPage .product-size-current{
  font-size:11px!important;
  color:#6b7280!important;
}
#productPage .size-chip-row{gap:6px!important;}
#productPage .size-chip{
  min-width:48px!important;
  min-height:32px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  gap:2px!important;
}
#productPage .size-chip span{font-size:12px!important;}
#productPage .size-chip small{font-size:10px!important;}
#productPage .product-stock-card,
#productPage .product-seller-card,
#productPage .product-highlights-card,
#productPage .product-details-card,
#productPage .product-reviews-card,
#productPage .product-delivery-card,
#productPage .product-related-card,
#productPage .product-resell-card{
  padding:10px 14px!important;
  margin:0!important;
  border:none!important;
  border-bottom:1px solid #f0edf2!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
#productPage .section-head{margin-bottom:6px!important;}
#productPage .section-head h3{font-size:13px!important;font-weight:700!important;}
#productPage .section-head p{font-size:11px!important;color:#6b7280!important;margin-top:1px!important;}
#productPage .product-details-card summary{
  font-size:13px!important;
  font-weight:700!important;
  padding:2px 0!important;
}
#productPage .product-details-grid{
  gap:6px 10px!important;
  margin-top:6px!important;
}
#productPage .product-details-grid div{
  padding:4px 0!important;
}
#productPage .product-details-grid span{
  font-size:11px!important;
  color:#6b7280!important;
}
#productPage .product-details-grid strong{
  font-size:12px!important;
  font-weight:600!important;
}
#productPage .product-details-copy{
  font-size:12px!important;
  line-height:1.45!important;
  color:#4b5563!important;
  margin-top:8px!important;
}
#productPage .product-highlights-list{
  gap:4px!important;
}
#productPage .product-highlights-list li{
  font-size:12px!important;
  gap:6px!important;
}
#productPage .product-highlights-list .material-icons-round{font-size:16px!important;}
#productPage .product-seller-row{gap:10px!important;}
#productPage .product-seller-avatar{
  width:36px!important;
  height:36px!important;
}
#productPage .product-seller-copy strong{font-size:13px!important;}
#productPage .product-seller-copy span,
#productPage .product-seller-copy small{font-size:11px!important;}
#productPage .product-seller-follow{
  padding:5px 12px!important;
  font-size:12px!important;
}
#productPage .product-delivery-row{
  gap:8px!important;
  align-items:flex-start!important;
}
#productPage .product-delivery-row strong{font-size:13px!important;}
#productPage .product-delivery-row p{font-size:11px!important;margin-top:2px!important;}
#productPage .product-detail-bottom-spacer{height:8px!important;}
#productPage .page-scroll{padding-bottom:132px!important;}
#productPage .product-bottom-bar.product-inline-actions{
  padding:8px 10px!important;
  gap:8px!important;
}
#productPage .product-bottom-bar .btn-outline,
#productPage .product-bottom-bar .btn-primary{
  min-height:40px!important;
  height:40px!important;
  font-size:13px!important;
}

/* v138: search + refer polish, return/refund row */
#searchPage .search-page-header{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:calc(max(36px, var(--safe-top, 0px)) + 10px) 14px 12px!important;
  background:#fff!important;
  border-bottom:1px solid #f0edf2!important;
  min-height:0!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
}
#searchPage .meesho-search-wrap{
  flex:1!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid #e5e7eb!important;
  border-radius:14px!important;
  background:#fff!important;
}
#searchPage .meesho-search-wrap input{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  font-size:14px!important;
  flex:1!important;
  min-width:0!important;
  color:#1a1a1a!important;
  caret-color:#1a1a1a;
  transform:translateZ(0);
}
#searchPage .meesho-search-wrap input::placeholder{color:#9ca3af;}
#searchPage .meesho-search-wrap input::-webkit-search-cancel-button,
#searchPage .meesho-search-wrap input::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
#searchPage .search-leading-icon{
  color:#9ca3af!important;
  font-size:20px!important;
}
#searchPage .search-action-btn{display:none!important;}
#searchPage .search-clear-btn{
  border:0!important;
  background:transparent!important;
  color:#9ca3af!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  flex-shrink:0!important;
}
#searchPage .search-clear-btn .material-icons-round,
#searchPage .search-action-btn .material-icons-round{font-size:20px!important;color:#9ca3af!important;}
#searchPage .meesho-search-wrap input:not(:placeholder-shown) ~ .search-clear-btn{display:grid!important;}
#searchPage .meesho-search-wrap input:placeholder-shown ~ .search-clear-btn{display:none!important;}
#searchPage .search-page-scroll{
  background:#fff!important;
  padding-top:4px!important;
}
#searchPage .search-meesho-panel{padding:10px 14px 28px!important;}
#searchPage .search-suggestions h3,
#searchPage .search-recent-title{
  font-size:16px!important;
  color:#111827!important;
  font-weight:800!important;
  margin:0 0 12px!important;
}
#searchPage .search-recent-list{display:none!important;}
#searchPage .search-for-you-block{margin-top:6px!important;}
#searchPage .search-for-you-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#searchPage .search-for-you-tile{
  position:relative!important;
  border:0!important;
  padding:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  aspect-ratio:1 / 1!important;
  background:#f3f4f6!important;
}
#searchPage .search-for-you-tile img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#searchPage .search-for-you-label{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  right:8px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  text-align:left!important;
  text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
  text-transform:lowercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Home All Categories — Flipkart-style yellow gradient cutout tiles */
#homePage .home-category-hgrid{
  grid-auto-flow:column!important;
  grid-template-rows:1fr!important;
  grid-template-columns:none!important;
  grid-auto-columns:92px!important;
  gap:10px!important;
  padding:8px 16px 10px!important;
  width:max-content!important;
}
#homePage .home-category-card{
  max-width:92px!important;
  width:92px!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#homePage .home-category-icon{
  width:64px!important;
  height:64px!important;
  border-radius:14px!important;
  border:0!important;
  padding:2px 2px 8px!important;
  overflow:hidden!important;
  background:#f7f1e8!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  position:relative!important;
}
#homePage .home-category-icon::after{
  display:block!important;
  content:""!important;
  height:6px!important;
  border-radius:0 0 14px 14px!important;
}
#homePage .home-category-icon img,
#homePage .home-category-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(1.18)!important;
  transform-origin:center center!important;
  border-radius:0!important;
  background:transparent!important;
}
#homePage .home-category-card span:last-child{
  font-size:11px!important;
  line-height:1.2!important;
  min-height:26px!important;
  margin-top:0!important;
  color:#111827!important;
  font-weight:600!important;
}

/* Top Rating Top Categories — purple label strip */
#mallPage .mall-category-label{
  background:#f58311!important;
  min-height:34px!important;
  padding:8px 6px!important;
  font-size:11px!important;
  font-weight:800!important;
}
#mallPage .mall-category-card{
  border-radius:14px!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:0 2px 10px rgba(15,23,42,.08)!important;
}
#mallPage .mall-category-media{
  aspect-ratio:1 / 1!important;
  background:#fff!important;
}
#mallPage .mall-category-media img{
  object-fit:cover!important;
}

/* Categories page search — not stuck under status/header */
.categories-page .categories-search-shell,
#categoriesPage .categories-search-shell{
  padding:12px 16px 12px!important;
  margin-top:0!important;
  position:relative!important;
  top:auto!important;
  background:#fff!important;
}
#categoriesPage .categories-page-header{
  padding-bottom:6px!important;
}
#categoriesPage .categories-search-wrap{
  border-radius:999px!important;
  border:1px solid #e5e7eb!important;
  background:#fff!important;
  min-height:44px!important;
  box-shadow:none!important;
}
#searchPage .suggestion-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
#searchPage .suggestion-tags span{
  border:1px solid #faecde!important;
  background:#fff!important;
  color:#4b5563!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:13px!important;
  font-weight:600!important;
}
#searchPage .search-recent-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  overflow-x:auto!important;
  padding:2px 2px 8px!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#searchPage .search-recent-row::-webkit-scrollbar{display:none;}
#searchPage .search-recent-item-wrap{
  position:relative!important;
  flex:0 0 auto!important;
  width:72px!important;
}
#searchPage .search-recent-item{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  width:72px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer;
}
#searchPage .search-recent-avatar{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f3f4f6!important;
  border:1px solid #f0edf2!important;
}
#searchPage .search-recent-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#searchPage .search-recent-label{
  font-size:12px!important;
  line-height:1.2!important;
  color:#6b7280!important;
  font-weight:600!important;
  text-align:center!important;
  max-width:72px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:lowercase!important;
}
#searchPage .search-recent-delete{
  position:absolute!important;
  top:-2px!important;
  right:0!important;
  width:20px!important;
  height:20px!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
  color:#6b7280!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  z-index:2!important;
}
#searchPage .search-recent-delete .material-icons-round{font-size:14px!important;}
#searchPage .search-recent-list{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin-top:10px!important;
}
#searchPage .search-recent-list-row{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:40px!important;
}
#searchPage .search-recent-list-main{
  flex:1!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 4px!important;
  color:#374151!important;
  font-size:14px!important;
  font-weight:600!important;
  text-align:left!important;
}
#searchPage .search-recent-list-main .material-icons-round{
  color:#9ca3af!important;
  font-size:20px!important;
}
#searchPage .search-recent-list-delete{
  border:0!important;
  background:transparent!important;
  color:#9ca3af!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
#searchPage .search-recent-list-delete .material-icons-round{font-size:18px!important;}
#searchPage .search-for-you-block{margin-top:8px!important;}
#searchPage .search-for-you-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#searchPage .search-for-you-tile{
  position:relative!important;
  border:0!important;
  padding:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  aspect-ratio:1 / 1!important;
  background:#f3f4f6!important;
}
#searchPage .search-for-you-tile img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#searchPage .search-for-you-label{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  right:8px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  text-align:left!important;
  text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
  text-transform:lowercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#searchPage .search-results-meta{
  padding:12px 16px 4px!important;
  font-size:12px!important;
  color:#6b7280!important;
  font-weight:600!important;
}
#searchPage .search-product-grid{
  padding:8px 12px 24px!important;
  gap:10px!important;
}
.order-return-row--refund .order-refund-btn{
  border-color:#dc2626!important;
  color:#dc2626!important;
}
.order-referral-sub{
  margin:4px 0 10px!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.9)!important;
  max-width:180px!important;
}
.refer-hero--pro{
  background:linear-gradient(135deg,#ec7b0a 0%,#f27e0a 48%,#f97316 100%)!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:18px 16px!important;
}
.refer-hero--pro .refer-hero-kicker{
  margin:0 0 6px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  opacity:.9!important;
}
.refer-hero--pro h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.refer-hero--pro h2 span{color:#ffe7a3!important;}
.refer-hero--pro p{
  margin:8px 0 0!important;
  font-size:13px!important;
  line-height:1.4!important;
  opacity:.95!important;
}
.refer-hero--pro .refer-gift-art{
  background:rgba(255,255,255,.16)!important;
  border-radius:16px!important;
}
.refer-hero--pro .refer-gift-box{color:#fff!important;font-size:36px!important;}
.profile-quick-action-label{font-size:12px!important;font-weight:700!important;}

#categoriesPage .categories-split--hrows{display:block!important;}
#categoriesPage .categories-split--hrows .categories-columns{width:100%!important;padding:6px 0 24px!important;}
#categoriesPage .categories-hrow{padding:12px 0 6px;}
#categoriesPage .categories-hrow-title{margin:0 0 10px;padding:0 20px;font-size:17px;font-weight:800;color:#111;line-height:1.25;}
#categoriesPage .categories-hrow-track{
  display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 20px 4px;
  scroll-snap-type:x proximity;scroll-padding-inline:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;
}
#categoriesPage .categories-hrow-track::-webkit-scrollbar{display:none;}
#categoriesPage .categories-hrow-item{
  flex:0 0 104px;width:104px;min-width:0;padding:0;margin:0;border:0;background:none;
  display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;cursor:pointer;scroll-snap-align:start;
}
#categoriesPage .categories-hrow-item:active{transform:scale(.98);}
#categoriesPage .categories-hrow-media{
  width:104px;height:104px;border-radius:14px;overflow:hidden;
  background:#f7f1e8;
  border:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:none;
  position:relative;
  padding:2px 2px 8px;
  box-sizing:border-box;
}
#categoriesPage .categories-hrow-media::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:6px;
  border-radius:0 0 14px 14px;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,255,255,.65) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 42% 40%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),
    radial-gradient(circle at 68% 55%,rgba(255,255,255,.55) 0 1.1px,transparent 1.7px),
    radial-gradient(circle at 88% 45%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),
    linear-gradient(90deg,#f5c518 0%,#f79a15 45%,#ec7b0a 100%);
  background-size:11px 6px,13px 6px,12px 6px,10px 6px,100% 100%;
  pointer-events:none;
  z-index:2;
}
/* Match homepage All Categories card framing on every Categories hrow */
#categoriesPage .categories-hrow-media img{
  width:100%;height:100%;object-fit:contain;object-position:center center;
  transform:scale(1.18);transform-origin:center center;
  display:block;background:transparent;border-radius:0;
}
/* Non-Popular only: lock the same cream container as Popular (do not alter Popular) */
#categoriesPage .categories-hrow:not([data-category-section="popular"]) .categories-hrow-media{
  background:#f7f1e8;
  padding:2px 2px 8px;
  box-sizing:border-box;
}
#categoriesPage .categories-hrow:not([data-category-section="popular"]) .categories-hrow-media img{
  width:100%;height:100%;object-fit:contain;object-position:center center;
  transform:scale(1.18);transform-origin:center center;
  display:block;background:transparent;border-radius:0;
}
#categoriesPage .categories-hrow-name{
  width:100%;font-size:13px;font-weight:500;color:#222;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
#categoriesPage .categories-hrow-price{font-size:13px;font-weight:800;color:#111;line-height:1.2;}
#categoriesPage .categories-hrow-more-icon{background:#fdf8f2;box-shadow:none;border:1px solid #f9e6d2;}
#categoriesPage .categories-hrow-more-icon .material-icons-round{font-size:30px;color:#ec7b0a;}
#categoriesPage .categories-hrow-more .categories-hrow-name{color:#ec7b0a;font-weight:700;}

/* Edit profile: single clean form */
.profile-edit-shell--pro{background:linear-gradient(180deg,#fff7ee 0%,#f7f7fa 220px)!important;min-height:100%;}
.profile-edit-shell--pro .profile-edit-hero{
  position:relative;overflow:hidden;margin:14px 16px 0;padding:18px 18px;border-radius:20px;
  display:flex;align-items:center;gap:14px;color:#fff;
  background:linear-gradient(135deg,#f7931e 0%,#f26b0f 100%);
  box-shadow:0 12px 28px rgba(242,107,15,.28),inset 0 1px 0 rgba(255,255,255,.35);
}
.profile-edit-shell--pro .profile-edit-hero::after{
  content:'';position:absolute;inset:0 0 50% 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
}
.profile-edit-shell--pro .profile-edit-hero-avatar{
  flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  font-size:20px;font-weight:800;letter-spacing:.5px;color:#f26b0f;background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.12),0 0 0 3px rgba(255,255,255,.45);
}
.profile-edit-shell--pro .profile-edit-hero-copy{min-width:0;position:relative;z-index:1;}
.profile-edit-shell--pro .profile-edit-hero-name{font-size:18px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.profile-edit-shell--pro .profile-edit-hero-phone{margin-top:4px;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;opacity:.95;}
.profile-edit-shell--pro .profile-edit-hero-phone .material-icons-round{font-size:16px;}
.profile-edit-shell--pro .profile-edit-body{padding:14px 16px 28px!important;}
.profile-edit-shell--pro .profile-edit-card{
  background:#fff;border-radius:18px;padding:6px 16px 14px;margin-bottom:14px;
  border:1px solid #f1ece6;box-shadow:0 6px 18px rgba(17,24,39,.05);
}
.profile-edit-shell--pro .profile-edit-card-title{
  display:flex;align-items:center;gap:8px;padding:12px 0 4px;
  font-size:14px;font-weight:800;color:#1f2937;letter-spacing:.2px;
}
.profile-edit-shell--pro .profile-edit-card-title .material-icons-round{
  font-size:18px;color:#f26b0f;background:#fff1e3;border-radius:8px;padding:4px;
}
.profile-edit-shell--pro .profile-edit-field{padding:10px 0 2px!important;border-bottom:0!important;gap:6px!important;}
.profile-edit-shell--pro .profile-edit-field label{font-size:12px!important;font-weight:700!important;color:#6b7280!important;letter-spacing:.2px;}
.profile-edit-shell--pro .profile-edit-field label span{color:#f26b0f!important;}
.profile-edit-shell--pro .profile-edit-control{
  min-height:46px!important;padding:0 14px;border-radius:12px;
  background:#fafafb;border:1px solid #e9e7ec;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.profile-edit-shell--pro .profile-edit-field:focus-within .profile-edit-control{
  background:#fff;border-color:#f7931e;box-shadow:0 0 0 3px rgba(247,147,30,.16);
}
.profile-edit-shell--pro .profile-edit-control input,
.profile-edit-shell--pro .profile-edit-control select{font-size:15px!important;font-weight:600!important;color:#111827!important;padding:0!important;min-height:44px;}
.profile-edit-shell--pro .profile-edit-control input::placeholder{color:#b8b8c2;font-weight:500;}
.profile-edit-shell--pro .profile-edit-field.is-readonly .profile-edit-control{background:#f3f4f6;border-style:dashed;}
.profile-edit-shell--pro .profile-edit-control input[readonly]{color:#6b7280!important;}
.profile-edit-shell--pro .profile-edit-select-arrow{right:12px!important;color:#9ca3af!important;}
.profile-edit-shell--pro .profile-edit-save-wrap{padding-top:6px!important;}
.profile-edit-shell--pro .profile-edit-save-btn{
  border-radius:14px!important;padding:15px 18px!important;font-size:16px!important;font-weight:800!important;letter-spacing:.3px;
  color:#fff!important;background:linear-gradient(135deg,#f7931e 0%,#f26b0f 100%)!important;
  box-shadow:0 10px 22px rgba(242,107,15,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Bottom nav only on the main tabs; Bank & UPI gets its own Back bar. */
body.sanraj-hide-bottom-nav #bottomNav{display:none!important}
.bank-upi-back-bar{display:none}
#bankUpiPage .bank-upi-back-bar{
  display:block;flex:0 0 auto;padding:10px 16px calc(12px + var(--safe-bottom,0px));
  background:#fff;border-top:1px solid #f1e6da;box-shadow:0 -6px 18px rgba(15,23,42,.05);
}
#bankUpiPage .bank-upi-back-btn{
  width:100%;min-height:48px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:16px;font-weight:800;letter-spacing:.2px;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#f7931e 0%,#ec7b0a 55%,#d96400 100%);
  box-shadow:0 8px 18px rgba(236,123,10,.28),inset 0 1px 0 rgba(255,255,255,.35);
}
#bankUpiPage .bank-upi-back-btn .material-icons-round{font-size:20px}
#bankUpiPage .bank-upi-back-btn:active{transform:scale(.985)}

/* Categories without the search bar */
#categoriesPage .categories-page-scroll{padding-top:4px!important}
#categoriesPage .categories-split--hrows .categories-columns{padding-top:2px!important}

/* Profile: premium glossy account page */
#profilePage{background:linear-gradient(180deg,#fff7ee 0%,#faf6f2 240px,#f6f4f2 100%)!important}
#profilePage .page-scroll{background:transparent!important}
#profilePage .profile-account-shell--pro{padding:12px 14px 20px!important;background:transparent!important;display:flex;flex-direction:column;gap:14px}
#profilePage .profile-account-shell--pro > *{margin:0!important}

#profilePage .profile-account-shell--pro .profile-top-card{
  position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:20px 16px!important;border:0!important;border-radius:22px!important;text-align:left;cursor:pointer;
  background:linear-gradient(135deg,#f7931e 0%,#ec7b0a 48%,#c25400 100%)!important;
  box-shadow:0 14px 30px rgba(194,84,0,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
#profilePage .profile-account-shell--pro .profile-top-card::before{
  content:"";position:absolute;inset:0 0 48% 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,0) 100%);
}
#profilePage .profile-account-shell--pro .profile-top-card::after{
  content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 70%);
}
#profilePage .profile-account-shell--pro .profile-top-card-left{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0}
#profilePage .profile-account-shell--pro .profile-avatar-stack{
  position:relative;width:68px!important;height:68px!important;flex:0 0 68px;border-radius:50%!important;
  background:#fff!important;padding:3px;box-shadow:0 6px 16px rgba(0,0,0,.18),0 0 0 3px rgba(255,255,255,.35)!important;
}
#profilePage .profile-account-shell--pro .profile-avatar-stack > svg,
#profilePage .profile-account-shell--pro .profile-avatar-photo{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;display:block}
#profilePage .profile-account-shell--pro .profile-avatar-camera{
  position:absolute!important;right:-2px!important;bottom:-2px!important;width:24px!important;height:24px!important;border-radius:50%!important;
  display:flex!important;align-items:center;justify-content:center;background:#fff!important;border:2px solid #ec7b0a!important;
  box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
}
#profilePage .profile-account-shell--pro .profile-avatar-camera .material-icons-round{font-size:13px!important;color:#c25400!important}
#profilePage .profile-account-shell--pro .profile-account-phone{font-size:20px!important;font-weight:800!important;color:#fff!important;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.15)}
#profilePage .profile-account-shell--pro .profile-account-hint,
#profilePage .profile-account-shell--pro .profile-account-subtitle{margin-top:4px;font-size:12.5px!important;font-weight:600!important;color:rgba(255,255,255,.88)!important;line-height:1.35}
#profilePage .profile-account-shell--pro .profile-account-chevron{
  position:relative;z-index:1;flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;
  background:rgba(255,255,255,.22)!important;color:#fff!important;font-size:22px!important;border:1px solid rgba(255,255,255,.35);
}

#profilePage .profile-quick-action--orders,
#profilePage .profile-desktop-only,
#profilePage .profile-account-shell--pro .profile-quick-action--orders,
#profilePage .profile-account-shell--pro .profile-quick-action.profile-desktop-only{
  display:none!important;
}
#profilePage .profile-account-shell--pro .profile-quick-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
#profilePage .profile-account-shell--pro .profile-quick-action{
  flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 6px!important;
  border:1px solid rgba(236,123,10,.12)!important;border-radius:18px!important;cursor:pointer;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf4 100%)!important;
  box-shadow:0 8px 20px rgba(128,67,7,.08),inset 0 1px 0 #fff!important;
}
#profilePage .profile-account-shell--pro .profile-quick-action:not(.profile-quick-action--orders){
  display:flex!important;
}
@media (min-width:980px){
  #profilePage .profile-quick-action--orders.profile-desktop-only,
  #profilePage .profile-account-shell--pro .profile-quick-action--orders,
  #profilePage .profile-account-shell--pro .profile-quick-action.profile-desktop-only{
    display:flex!important;
  }
  #profilePage .profile-account-shell--pro .profile-quick-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
#profilePage .profile-account-shell--pro .profile-quick-action:active{transform:scale(.97)}
#profilePage .profile-account-shell--pro .profile-quick-action-icon{
  width:44px!important;height:44px!important;border-radius:14px!important;display:flex!important;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f7931e 0%,#e86f00 100%)!important;
  box-shadow:0 6px 14px rgba(236,123,10,.30),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
#profilePage .profile-account-shell--pro .profile-quick-action-icon .material-icons-round{color:#fff!important;font-size:22px!important}
#profilePage .profile-account-shell--pro .profile-quick-action-label{font-size:12px!important;font-weight:700!important;color:#3a2a1c!important;text-align:center;line-height:1.2}

#profilePage .profile-account-shell--pro .profile-section-card{
  padding:6px 0 4px!important;border-radius:20px!important;overflow:hidden;
  background:#fff!important;border:1px solid rgba(236,123,10,.10)!important;
  box-shadow:0 10px 24px rgba(128,67,7,.07)!important;
}
#profilePage .profile-account-shell--pro .profile-section-title{
  padding:12px 16px 6px!important;margin:0!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.9px;text-transform:uppercase;color:#a0561a!important;
}
#profilePage .profile-account-shell--pro .profile-option-row{
  position:relative;width:100%;display:flex!important;align-items:center;gap:12px;min-height:56px;padding:8px 16px!important;
  border:0!important;background:transparent!important;text-align:left;cursor:pointer;
}
#profilePage .profile-account-shell--pro .profile-option-row + .profile-option-row::before{
  content:"";position:absolute;top:0;left:64px;right:16px;height:1px;background:#f3ece4;
}
#profilePage .profile-account-shell--pro .profile-option-row:active{background:#fff7ee!important}
#profilePage .profile-account-shell--pro .profile-row-icon{
  flex:0 0 38px;width:38px!important;height:38px!important;border-radius:12px!important;display:inline-flex!important;align-items:center;justify-content:center;
  font-size:20px!important;color:#e06a00!important;background:linear-gradient(180deg,#fff4e6 0%,#ffe8cf 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(194,84,0,.10)!important;margin:0!important;
}
#profilePage .profile-account-shell--pro .profile-row-icon-balance{padding:0!important;overflow:hidden;background:#fdf6ec!important}
#profilePage .profile-account-shell--pro .profile-row-icon-balance img{width:100%!important;height:100%!important;object-fit:cover;opacity:1!important;transform:scale(2.3)}
#profilePage .profile-account-shell--pro .profile-resell-summary-label{text-transform:none!important;letter-spacing:.1px}
#profilePage .profile-account-shell--pro .profile-row-icon-logout{color:#dc2626!important;background:linear-gradient(180deg,#fff1f1 0%,#ffe3e3 100%)!important}
#profilePage .profile-account-shell--pro .profile-row-label{flex:1;min-width:0;font-size:15px!important;font-weight:650!important;color:#1f1a16!important}
#profilePage .profile-account-shell--pro .profile-option-row-logout .profile-row-label{color:#dc2626!important;font-weight:700!important}
#profilePage .profile-account-shell--pro .profile-row-chevron{color:#c9b8a6!important;font-size:22px!important}
#profilePage .profile-account-shell--pro .profile-row-badge{
  padding:4px 10px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:800!important;line-height:1.2;
}
#profilePage .profile-account-shell--pro .profile-row-badge-new{color:#fff!important;background:linear-gradient(135deg,#f7931e,#e86f00)!important;box-shadow:0 3px 8px rgba(236,123,10,.28)}
#profilePage .profile-account-shell--pro .profile-row-badge-balance{color:#804307!important;background:#fff1e3!important;border:1px solid #ffd9b0!important;font-size:13px!important}

#profilePage .profile-account-shell--pro .profile-resell-summary-card{
  padding:4px 0 8px!important;background:linear-gradient(135deg,#fffaf4 0%,#fff1e3 100%)!important;border-color:rgba(236,123,10,.18)!important;
}
#profilePage .profile-account-shell--pro .profile-resell-summary-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:2px 16px 8px!important}
#profilePage .profile-account-shell--pro .profile-resell-summary-label{font-size:12.5px!important;font-weight:600!important;color:#7a5a3c!important}
#profilePage .profile-account-shell--pro .profile-resell-summary-value{display:block;margin-top:2px;font-size:26px!important;font-weight:900!important;color:#c25400!important;letter-spacing:.2px}
#profilePage .profile-account-shell--pro .profile-resell-summary-note{display:inline-block;margin-top:4px;font-size:11.5px!important;font-weight:700!important;color:#804307!important}
#profilePage .profile-account-shell--pro .profile-resell-summary-action{
  flex:0 0 48px;width:48px!important;height:48px!important;border:0!important;border-radius:16px!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(135deg,#f7931e 0%,#e86f00 100%)!important;box-shadow:0 8px 18px rgba(236,123,10,.32),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
#profilePage .profile-account-shell--pro .profile-resell-summary-action .material-icons-round{color:#fff!important;font-size:24px!important}

#profilePage .profile-account-shell--pro .profile-footer-card{
  border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#fff7ee 100%)!important;
  border:1px solid rgba(236,123,10,.10)!important;box-shadow:0 8px 20px rgba(128,67,7,.06)!important;
}
#profilePage .profile-account-shell--pro .profile-footer-kicker{color:#a0561a!important}
#profilePage .profile-account-shell--pro .profile-footer-version{text-align:center;color:#b3a393!important;font-size:12px!important;font-weight:600}

/* My Products: premium glossy collection page */
#wishlistPage{background:linear-gradient(180deg,#fff7ee 0%,#fbf7f3 280px,#f7f4f1 100%)!important}
#wishlistPage .page-scroll{background:transparent!important}
#wishlistPage .wishlist-page-shell--pro{background:transparent!important;padding:12px 0 20px!important}
#wishlistPage .wl-hero{
  position:relative;overflow:hidden;margin:0 14px 14px;padding:18px 16px 14px;border-radius:24px;color:#fff;
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,214,150,.55) 0%,rgba(255,214,150,0) 55%),
    linear-gradient(135deg,#f7931e 0%,#ec7b0a 45%,#b94f00 100%);
  box-shadow:0 16px 34px rgba(185,79,0,.28),inset 0 1px 0 rgba(255,255,255,.4);
}
#wishlistPage .wl-hero::before{
  content:"";position:absolute;inset:0 0 52% 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));
}
#wishlistPage .wl-hero::after{
  content:"";position:absolute;right:-38px;bottom:-54px;width:160px;height:160px;border-radius:50%;pointer-events:none;
  border:22px solid rgba(255,255,255,.10);
}
#wishlistPage .wl-hero-shine{
  position:absolute;top:-40%;left:-60%;width:45%;height:180%;pointer-events:none;transform:rotate(18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.32),rgba(255,255,255,0));
  animation:wlShine 4.8s ease-in-out infinite;
}
@keyframes wlShine{0%,55%{left:-60%}100%{left:130%}}
#wishlistPage .wl-hero-copy{position:relative;z-index:1}
#wishlistPage .wl-hero-kicker{
  display:inline-block;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);
}
#wishlistPage .wl-hero h2{margin:8px 0 2px;font-size:24px;font-weight:900;letter-spacing:.2px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.14)}
#wishlistPage .wl-hero p{margin:0;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9)}
#wishlistPage .wl-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
#wishlistPage .wl-hero-stat{
  padding:9px 6px;border-radius:14px;text-align:center;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#wishlistPage .wl-hero-stat strong{display:block;font-size:19px;font-weight:900;line-height:1.1;color:#fff}
#wishlistPage .wl-hero-stat span{display:block;margin-top:2px;font-size:11px;font-weight:700;color:rgba(255,255,255,.88)}

#wishlistPage .wl-tabs{
  display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;margin:0 14px 12px;padding:5px!important;
  border:1px solid rgba(236,123,10,.12)!important;border-radius:18px;background:#fff!important;
  box-shadow:0 8px 20px rgba(128,67,7,.07);
}
#wishlistPage .wl-tab{
  display:flex!important;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:0 6px!important;
  border-radius:13px!important;color:#8a7866!important;font-size:13px!important;font-weight:700!important;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease;
}
#wishlistPage .wl-tab::after{display:none!important}
#wishlistPage .wl-tab .material-icons-round{font-size:17px}
#wishlistPage .wl-tab:active{transform:scale(.97)}
#wishlistPage .wl-tab.active{
  color:#fff!important;background:linear-gradient(135deg,#f7931e 0%,#e86f00 100%)!important;
  box-shadow:0 6px 14px rgba(236,123,10,.32),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
#wishlistPage .wl-tab-count{
  min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:10.5px;font-weight:800;background:#fff1e3;color:#c25400;
}
#wishlistPage .wl-tab.active .wl-tab-count{background:rgba(255,255,255,.25);color:#fff}

#wishlistPage .wl-stock-toggle{
  flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;margin:0 14px 6px!important;padding:12px 14px!important;
  border:1px solid rgba(236,123,10,.10)!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 6px 16px rgba(128,67,7,.05);
}
#wishlistPage .wl-stock-icon{
  flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;
  color:#e06a00;background:linear-gradient(180deg,#fff4e6,#ffe8cf);
}
#wishlistPage .wl-stock-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#wishlistPage .wl-stock-copy strong{font-size:14px;font-weight:750;color:#1f1a16}
#wishlistPage .wl-stock-copy small{font-size:11.5px;font-weight:500;color:#9a8878}
#wishlistPage .wl-stock-toggle .wishlist-stock-toggle-ui{width:46px;height:27px;background:#f1e4d6}

#wishlistPage .wishlist-page-shell--pro .wishlist-grid{padding:10px 12px 0!important}

#wishlistPage .wl-empty{padding:26px 24px 30px!important;margin:6px 14px 0;border-radius:24px;background:#fff;border:1px solid rgba(236,123,10,.08);box-shadow:0 10px 26px rgba(128,67,7,.06)}
#wishlistPage .wl-empty-art{position:relative;width:132px;height:132px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
#wishlistPage .wl-empty-glow{
  position:absolute;inset:10px;border-radius:50%;
  background:radial-gradient(circle,rgba(247,147,30,.30) 0%,rgba(247,147,30,.10) 55%,rgba(247,147,30,0) 72%);
  animation:wlPulse 2.6s ease-in-out infinite;
}
#wishlistPage .wl-empty-orbit{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(236,123,10,.28);animation:wlSpin 14s linear infinite}
#wishlistPage .wl-empty-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#f7931e,#e86f00);box-shadow:0 0 10px rgba(247,147,30,.6)}
#wishlistPage .wl-empty-orbit i:nth-child(1){top:-5px;left:calc(50% - 5px)}
#wishlistPage .wl-empty-orbit i:nth-child(2){bottom:14px;left:6px;width:7px;height:7px;background:#76a93b;box-shadow:0 0 8px rgba(118,169,59,.6)}
#wishlistPage .wl-empty-orbit i:nth-child(3){bottom:14px;right:6px;width:8px;height:8px;background:#ffd166;box-shadow:0 0 8px rgba(255,209,102,.7)}
#wishlistPage .wl-empty-icon{
  position:relative;width:78px;height:78px;border-radius:26px;display:flex!important;align-items:center;justify-content:center;
  font-size:40px!important;color:#fff!important;margin:0!important;
  background:linear-gradient(135deg,#f7931e 0%,#e86f00 60%,#c25400 100%);
  box-shadow:0 14px 28px rgba(232,111,0,.35),inset 0 2px 0 rgba(255,255,255,.4);
  animation:wlFloat 3s ease-in-out infinite;
}
@keyframes wlPulse{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes wlSpin{to{transform:rotate(360deg)}}
@keyframes wlFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}
#wishlistPage .wl-empty h3{margin:4px 0 6px!important;font-size:18px!important;font-weight:850!important;color:#1f1a16!important}
#wishlistPage .wl-empty p{margin:0 auto!important;max-width:250px;font-size:13px!important;line-height:1.45;color:#8d7d6e!important}
#wishlistPage .wl-empty .listing-empty-action{
  position:relative;overflow:hidden;margin-top:18px!important;padding:13px 26px!important;border-radius:14px!important;
  font-size:14.5px!important;font-weight:800!important;letter-spacing:.2px;color:#fff!important;
  background:linear-gradient(135deg,#f7931e 0%,#e86f00 100%)!important;
  box-shadow:0 10px 22px rgba(232,111,0,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
#wishlistPage .wl-empty .listing-empty-action::after{
  content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skewX(-20deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));
  animation:wlBtnShine 3.2s ease-in-out infinite;
}
@keyframes wlBtnShine{0%,60%{left:-70%}100%{left:130%}}

/* Order placed celebration (transparent backdrop) */
.order-placed-celebration{
  position:fixed;inset:0;z-index:13000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:transparent;pointer-events:none;opacity:1;transition:opacity .4s ease;
}
.order-placed-celebration.is-leaving{opacity:0}
.opc-stage{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}
.opc-badge{
  position:relative;z-index:2;width:108px;height:108px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 32% 26%,#b5e27a 0%,#76a93b 48%,#4b7f1d 100%);
  box-shadow:0 20px 44px rgba(75,127,29,.45),inset 0 3px 0 rgba(255,255,255,.45),inset 0 -6px 14px rgba(0,0,0,.12);
  transform:scale(0);animation:opcPop .6s cubic-bezier(.2,1.5,.4,1) .05s forwards;
}
.opc-badge svg{width:66px;height:66px;overflow:visible}
.opc-circle{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2.5}
.opc-check{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:opcDraw .45s ease-out .55s forwards}
.opc-ring{position:absolute;inset:21px;border-radius:50%;border:3px solid rgba(118,169,59,.6);opacity:0;animation:opcRing 1.5s ease-out .4s infinite}
.opc-ring--late{animation-delay:1.1s;border-color:rgba(247,147,30,.55)}
.opc-confetti{
  position:absolute;left:50%;top:50%;z-index:1;width:7px;height:13px;border-radius:2px;background:var(--c);opacity:0;
  transform:translate(-50%,-50%);animation:opcBurst 1.4s cubic-bezier(.12,.75,.3,1) forwards;
}
.opc-confetti--dot{width:9px;height:9px;border-radius:50%}
.opc-label{
  position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 26px;border-radius:999px;
  background:rgba(255,255,255,.97);border:1px solid rgba(118,169,59,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 #fff;
  opacity:0;transform:translateY(14px) scale(.96);animation:opcRise .5s cubic-bezier(.2,1.2,.4,1) .7s forwards;
}
.opc-label strong{font-size:20px;font-weight:900;letter-spacing:.2px;color:#3f7a14}
.opc-label span{font-size:12.5px;font-weight:700;color:#c25400}
@keyframes opcPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes opcDraw{to{stroke-dashoffset:0}}
@keyframes opcRing{0%{opacity:.9;transform:scale(.85)}100%{opacity:0;transform:scale(1.9)}}
@keyframes opcBurst{
  0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.5)}
  75%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1)}
}
@keyframes opcRise{to{opacity:1;transform:translateY(0) scale(1)}}
#wishlistPage .wishlist-page-shell--pro .wishlist-grid > .listing-card{
  border-radius:18px!important;overflow:hidden;background:#fff!important;
  border:1px solid rgba(236,123,10,.08)!important;box-shadow:0 8px 20px rgba(128,67,7,.07)!important;
}

/* Cancel order: refund method page */
.cancel-refund-page .crf-header{display:flex;align-items:center;gap:8px;padding:12px 8px;border-bottom:1px solid #f1e4d6;flex-shrink:0;background:#fff;}
.cancel-refund-page .crf-header button{border:0;background:transparent;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#1f1f1f;}
.cancel-refund-page .crf-header div{font-size:15px;font-weight:800;letter-spacing:.04em;}
.cancel-refund-page .crf-body{flex:1;overflow:auto;padding:16px 16px 110px;background:linear-gradient(180deg,#fff7ef 0%,#fff 220px);}
.cancel-refund-page .crf-amount-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#f7931e 0%,#ec7b0a 55%,#c25400 100%);color:#fff;box-shadow:0 10px 24px rgba(236,123,10,.28);}
.cancel-refund-page .crf-amount-card span{font-size:12px;font-weight:700;opacity:.9;letter-spacing:.04em;text-transform:uppercase;}
.cancel-refund-page .crf-amount-card strong{font-size:28px;font-weight:900;line-height:1.15;}
.cancel-refund-page .crf-amount-card small{font-size:12px;opacity:.85;}
.cancel-refund-page .crf-title{font-size:15px;font-weight:800;color:#1f1f1f;margin:20px 2px 12px;}
.cancel-refund-page .crf-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px;border:1.5px solid #eadccd;border-radius:14px;background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s;}
.cancel-refund-page .crf-option.is-selected{border-color:#ec7b0a;background:#fff8f1;box-shadow:0 6px 18px rgba(236,123,10,.16);}
.cancel-refund-page .crf-option.is-disabled{opacity:.55;}
.cancel-refund-page .crf-option-icon{width:44px;height:44px;border-radius:12px;background:#fff1e3;color:#e86f00;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cancel-refund-page .crf-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cancel-refund-page .crf-option-text strong{font-size:14px;font-weight:800;color:#1f1f1f;}
.cancel-refund-page .crf-option-text em{font-style:normal;font-size:13px;font-weight:700;color:#c25400;word-break:break-all;}
.cancel-refund-page .crf-option-text small{font-size:12px;color:#6b7280;line-height:1.35;}
.cancel-refund-page .crf-radio{width:22px;height:22px;border:2px solid #bdbdbd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cancel-refund-page .crf-option.is-selected .crf-radio{border-color:#ec7b0a;}
.cancel-refund-page .crf-option.is-selected .crf-radio i{width:12px;height:12px;border-radius:50%;background:#ec7b0a;display:block;}
.cancel-refund-page .crf-note{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:12px;background:#f3f8ec;color:#4d7a1f;font-size:12.5px;font-weight:600;line-height:1.4;}
.cancel-refund-page .crf-note .material-icons-round{font-size:18px;color:#76a93b;}
.cancel-refund-page .crf-footer{position:absolute;left:0;right:0;bottom:0;padding:12px 16px 16px;background:#fff;box-shadow:0 -4px 12px rgba(0,0,0,.05);}
.cancel-refund-page .crf-footer button{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,#f7931e,#e86f00);color:#fff;font-size:16px;font-weight:800;}
.cancel-refund-page .crf-footer button:disabled{background:#e5d8ca;color:#fff;}

/* Spin & Win hidden for this release (SPIN_FEATURE_ENABLED = false in app.js) */
#spinWheelLauncher,.spin-wheel-launcher,#spinPage,#spinWheelPage{display:none!important;}

/* Top Rating page: offer banner (replaces the trust stats strip) */
#mallPage .mall-trust-section{padding:12px 0 14px;}
#mallPage .mall-offer-banner{position:relative;width:auto;margin:0 12px;aspect-ratio:1024/499;border-radius:16px;overflow:hidden;background:#fff4e8;box-shadow:0 6px 18px rgba(236,123,10,.14);}
#mallPage .mall-offer-banner img{display:block;width:100%;height:100%;object-fit:cover;}

/* Liked (wishlisted) heart is always red on every product surface */
.listing-wishlist.active,.pc-wish-btn.active,.home-product-wish.active,.mall-product-wish.active,.mall-budget-wish.active,
#productWishlistBtn.active,#productPage .product-title-actions button.active,
[data-product-action="wishlist"][aria-pressed="true"]{color:#e11d48!important;}
.listing-wishlist.active .material-icons-round,.pc-wish-btn.active .material-icons-round,.home-product-wish.active .material-icons-round,
.mall-product-wish.active .material-icons-round,.mall-budget-wish.active .material-icons-round,
#productWishlistBtn.active .material-icons-round,#productWishlistBtn.active #productWishlistIcon,#productPage .product-title-actions button.active .material-icons-round,
[data-product-action="wishlist"][aria-pressed="true"] .material-icons-round{color:#e11d48!important;}

/* Bank & UPI Details: add buttons side by side */
#bankUpiPage .bank-upi-add-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;}
#bankUpiPage .bank-upi-add-row button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:48px;margin:0;padding:10px 8px;border-radius:12px;font-size:13.5px;font-weight:700;line-height:1.2;text-align:center;white-space:normal;box-sizing:border-box;}
#bankUpiPage .bank-upi-add-row button .material-icons-round{font-size:19px;flex:0 0 auto;}

/* Refer & Earn page (milestone rewards) */
#referEarnPage .rfe-shell{padding:12px 14px 28px;display:flex;flex-direction:column;gap:12px;}
#referEarnPage .rfe-card{background:#fff;border:1px solid #f3e6d8;border-radius:16px;padding:14px;box-shadow:0 2px 10px rgba(31,22,48,.04);}
#referEarnPage .rfe-title,#referEarnPage .rfe-head h3{margin:0;font-size:15px;font-weight:800;color:#1f1630;}
#referEarnPage .rfe-hero{position:relative;display:flex;align-items:center;min-height:138px;padding:18px 16px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff6ec 0%,#ffe9d2 55%,#ffd9b0 100%);border:1px solid #fbe0c2;}
#referEarnPage .rfe-hero-copy{position:relative;z-index:2;flex:1 1 58%;min-width:0;}
#referEarnPage .rfe-hero-copy h2{margin:0;font-size:21px;line-height:1.22;font-weight:800;color:#1f1630;}
#referEarnPage .rfe-hero-copy h2 span{color:#e86f00;}
#referEarnPage .rfe-hero-copy p{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#5b5368;font-weight:500;}
#referEarnPage .rfe-hero-art{position:relative;flex:0 0 42%;height:112px;}
#referEarnPage .rfe-gift{position:absolute;right:18px;bottom:6px;width:74px;height:78px;}
#referEarnPage .rfe-gift-box{position:absolute;left:4px;right:4px;bottom:0;height:52px;border-radius:6px;background:linear-gradient(135deg,#f7931e,#e86f00);box-shadow:0 8px 16px rgba(194,84,0,.28);}
#referEarnPage .rfe-gift-lid{position:absolute;left:0;right:0;bottom:48px;height:16px;border-radius:5px;background:linear-gradient(135deg,#ffa53d,#ec7b0a);z-index:1;}
#referEarnPage .rfe-gift-ribbon{position:absolute;left:50%;bottom:0;width:13px;height:64px;transform:translateX(-50%);background:linear-gradient(#ffd66b,#f5b400);z-index:2;border-radius:2px;}
#referEarnPage .rfe-gift-bow{position:absolute;left:50%;bottom:60px;width:36px;height:18px;transform:translateX(-50%);z-index:3;}
#referEarnPage .rfe-gift-bow::before,#referEarnPage .rfe-gift-bow::after{content:"";position:absolute;bottom:0;width:17px;height:15px;border:4px solid #f5b400;border-radius:50% 50% 10% 50%;}
#referEarnPage .rfe-gift-bow::before{left:0;transform:rotate(-18deg);}
#referEarnPage .rfe-gift-bow::after{right:0;transform:rotate(18deg) scaleX(-1);}
#referEarnPage .rfe-coin{position:absolute;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,#f5b400 70%);border:2px solid #e59e00;color:#a86400;font-weight:900;box-shadow:0 4px 10px rgba(229,158,0,.35);z-index:4;}
#referEarnPage .rfe-coin.c1{width:30px;height:30px;left:6px;top:8px;font-size:15px;}
#referEarnPage .rfe-coin.c2{width:24px;height:24px;right:0;top:44px;font-size:12px;}
#referEarnPage .rfe-coin-stack{position:absolute;left:12px;bottom:4px;width:34px;z-index:4;display:flex;flex-direction:column-reverse;}
#referEarnPage .rfe-coin-stack i{display:block;height:8px;margin-top:-1px;border-radius:50%/60%;background:linear-gradient(#ffd24d,#e9a400);border:1px solid #d58f00;}
#referEarnPage .rfe-confetti{position:absolute;width:7px;height:4px;border-radius:2px;z-index:1;}
#referEarnPage .rfe-confetti.k1{left:44px;top:4px;background:#ec7b0a;transform:rotate(25deg);}
#referEarnPage .rfe-confetti.k2{right:10px;top:10px;background:#76a93b;transform:rotate(-30deg);}
#referEarnPage .rfe-confetti.k3{left:2px;top:56px;background:#f7931e;transform:rotate(60deg);}
#referEarnPage .rfe-confetti.k4{right:2px;bottom:14px;background:#ffb347;transform:rotate(-15deg);}
#referEarnPage .rfe-label{margin:0 0 8px;font-size:12.5px;font-weight:600;color:#6b6478;}
#referEarnPage .rfe-link{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1.5px dashed #f2b27a;border-radius:12px;background:#fff8f1;}
#referEarnPage .rfe-link>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:#1f1630;}
#referEarnPage .rfe-link button{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;border:0;border-radius:9px;padding:8px 12px;background:linear-gradient(135deg,#f7931e,#e86f00);color:#fff;font-size:12.5px;font-weight:800;}
#referEarnPage .rfe-link button .material-icons-round{font-size:15px;}
#referEarnPage .rfe-share{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;}
#referEarnPage .rfe-share>span{font-size:12px;font-weight:600;color:#6b6478;white-space:nowrap;}
#referEarnPage .rfe-share-btns{display:flex;align-items:center;gap:9px;}
#referEarnPage .rfe-social{width:34px;height:34px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;}
#referEarnPage .rfe-social svg{width:19px;height:19px;display:block;}
#referEarnPage .rfe-social.whatsapp{background:#25d366;}
#referEarnPage .rfe-social.facebook{background:#1877f2;}
#referEarnPage .rfe-social.telegram{background:#27a7e7;}
#referEarnPage .rfe-social.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
#referEarnPage .rfe-social.more{background:#eceaf0;color:#3b3548;}
#referEarnPage .rfe-social.more .material-icons-round{font-size:20px;}
#referEarnPage .rfe-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
#referEarnPage .rfe-head button{display:inline-flex;align-items:center;gap:0;border:0;background:none;padding:2px 0;color:#e86f00;font-size:12.5px;font-weight:700;}
#referEarnPage .rfe-head button .material-icons-round{font-size:18px;transition:transform .2s;}
#referEarnPage .rfe-head button[aria-expanded="true"] .material-icons-round{transform:rotate(90deg);}
#referEarnPage .rfe-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
#referEarnPage .rfe-stat{display:flex;align-items:center;gap:7px;min-width:0;padding:0 6px;border-left:1px solid #f1e7dc;}
#referEarnPage .rfe-stat:first-child{padding-left:0;border-left:0;}
#referEarnPage .rfe-stat>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
#referEarnPage .rfe-stat small{font-size:10px;line-height:1.2;color:#6b6478;font-weight:600;}
#referEarnPage .rfe-stat strong{font-size:15px;font-weight:800;line-height:1.1;}
#referEarnPage .rfe-stat strong.orange{color:#e86f00;}
#referEarnPage .rfe-stat strong.green{color:#3f8f2a;}
#referEarnPage .rfe-stat strong.amber{color:#e69500;}
#referEarnPage .rfe-stat-icon{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px;}
#referEarnPage .rfe-stat-icon.wallet{background:#fff1e3;color:#ec7b0a;}
#referEarnPage .rfe-stat-icon.friends{background:#ecf6e4;color:#4f8f2a;}
#referEarnPage .rfe-stat-icon.pending{background:#fff6dc;color:#e69500;}
#referEarnPage .rfe-history{margin-top:12px;border-top:1px solid #f1e7dc;padding-top:6px;max-height:320px;overflow-y:auto;}
#referEarnPage .rfe-history[hidden]{display:none;}
#referEarnPage .rfe-history-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f7efe6;}
#referEarnPage .rfe-history-row:last-child{border-bottom:0;}
#referEarnPage .rfe-history-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff1e3;color:#c25400;font-weight:800;font-size:14px;}
#referEarnPage .rfe-history-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
#referEarnPage .rfe-history-text strong{font-size:13px;color:#1f1630;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#referEarnPage .rfe-history-text small{font-size:11px;color:#8a8296;line-height:1.3;}
#referEarnPage .rfe-history-chip{flex-shrink:0;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;}
#referEarnPage .rfe-history-chip.done{background:#ecf6e4;color:#3f8f2a;}
#referEarnPage .rfe-history-chip.wait{background:#fff1e3;color:#c25400;}
#referEarnPage .rfe-history-empty{display:flex;align-items:center;gap:10px;padding:10px 2px 4px;color:#6b6478;}
#referEarnPage .rfe-history-empty .material-icons-round{font-size:26px;color:#ec7b0a;}
#referEarnPage .rfe-history-empty p{margin:0;font-size:12px;line-height:1.45;}
#referEarnPage .rfe-tiers{margin-top:10px;display:flex;flex-direction:column;}
#referEarnPage .rfe-tier{display:grid;grid-template-columns:34px minmax(0,1fr) 92px 62px;align-items:center;column-gap:9px;padding:11px 0;border-top:1px solid #f4ece3;}
#referEarnPage .rfe-tier:first-child{border-top:0;padding-top:4px;}
#referEarnPage .rfe-tier-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff1e3;color:#ec7b0a;font-size:18px;}
#referEarnPage .rfe-tier-text{min-width:0;display:flex;flex-direction:column;gap:3px;}
#referEarnPage .rfe-tier-text strong{font-size:13px;font-weight:700;color:#1f1630;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#referEarnPage .rfe-tier-text small{font-size:10.5px;color:#7a7288;line-height:1.25;}
#referEarnPage .rfe-tier-progress{display:flex;flex-direction:column;gap:5px;}
#referEarnPage .rfe-tier-progress b{font-size:11.5px;font-weight:700;color:#8a8296;}
#referEarnPage .rfe-tier-progress b span{color:#e86f00;}
#referEarnPage .rfe-bar{height:6px;border-radius:999px;background:#f1ebe4;overflow:hidden;}
#referEarnPage .rfe-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7931e,#e86f00);transition:width .4s ease;}
#referEarnPage .rfe-tier-reward{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
#referEarnPage .rfe-tier-reward strong{font-size:14.5px;font-weight:800;color:#3f8f2a;white-space:nowrap;}
#referEarnPage .rfe-tier-reward small{font-size:10px;font-weight:700;color:#3f8f2a;}
#referEarnPage .rfe-tier-reward small.soon{color:#e69500;}
#referEarnPage .rfe-tier.is-earned .rfe-tier-icon,#referEarnPage .rfe-tier.is-unlocked .rfe-tier-icon{background:#ecf6e4;color:#4f8f2a;}
#referEarnPage .rfe-tier.is-earned .rfe-tier-progress b span,#referEarnPage .rfe-tier.is-unlocked .rfe-tier-progress b span{color:#3f8f2a;}
#referEarnPage .rfe-tier.is-earned .rfe-bar i,#referEarnPage .rfe-tier.is-unlocked .rfe-bar i{background:linear-gradient(90deg,#76a93b,#3f8f2a);}
#referEarnPage .rfe-tier.is-idle .rfe-tier-progress b span{color:#8a8296;}
#referEarnPage .rfe-note{margin:10px 0 0;padding:9px 10px;border-radius:10px;background:#fff8f1;color:#7a5a3a;font-size:11px;line-height:1.45;}
#referEarnPage .rfe-how{background:linear-gradient(180deg,#fff8f1,#fff);}
#referEarnPage .rfe-how .rfe-title{color:#c25400;}
#referEarnPage .rfe-how-steps{display:flex;align-items:flex-start;justify-content:space-between;margin-top:14px;text-align:center;}
#referEarnPage .rfe-how-steps>div{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;}
#referEarnPage .rfe-how-steps>div .material-icons-round{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff1e3;border:1px solid #fbdcbd;color:#ec7b0a;font-size:23px;}
#referEarnPage .rfe-how-steps p{margin:8px 0 0;font-size:10.5px;line-height:1.35;color:#3b3548;font-weight:600;}
#referEarnPage .rfe-how-steps>b{flex:0 0 14px;margin-top:15px;font-size:14px;color:#c9b8a6;font-weight:400;}
@media (max-width:370px){
  #referEarnPage .rfe-hero-copy h2{font-size:18.5px;}
  #referEarnPage .rfe-tier{grid-template-columns:30px minmax(0,1fr) 78px 56px;column-gap:7px;}
  #referEarnPage .rfe-share-btns{gap:6px;}
  #referEarnPage .rfe-social{width:31px;height:31px;}
  #referEarnPage .rfe-stat strong{font-size:13.5px;}
}
#loginPage .auth-referral-input input{text-transform:uppercase;letter-spacing:.04em;}
#loginPage .auth-referral-input input::placeholder{text-transform:none;letter-spacing:0;}

/* Product Highlights: shelf life + FSSAI premium tiles */
#productPage .pcx-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px;}
#productPage .pcx-strip.single{grid-template-columns:1fr;}
#productPage .pcx-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,#fffaf2 0%,#fff1dd 55%,#ffe6c4 100%);
  border:1px solid transparent;
  background-clip:padding-box;
  box-shadow:0 0 0 1px rgba(214,150,52,.45) inset,0 6px 16px rgba(194,84,0,.10);}
#productPage .pcx-tile::after{content:"";position:absolute;top:-40%;left:-60%;width:40%;height:180%;transform:rotate(22deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;}
#productPage .pcx-icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:19px;color:#fff;
  background:linear-gradient(145deg,#f7a43a 0%,#ec7b0a 55%,#c25400 100%);box-shadow:0 3px 8px rgba(194,84,0,.30),0 0 0 2px #fff inset;}
#productPage .pcx-fssai .pcx-icon{background:linear-gradient(145deg,#8cc152 0%,#5f9a2c 55%,#3f7a1c 100%);box-shadow:0 3px 8px rgba(63,122,28,.28),0 0 0 2px #fff inset;}
#productPage .pcx-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
#productPage .pcx-copy small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a0621b;}
#productPage .pcx-copy strong{font-size:14px;font-weight:800;color:#2a1a0c;line-height:1.2;word-break:break-all;}
#productPage .pcx-fssai .pcx-copy strong{font-size:13px;letter-spacing:.03em;font-variant-numeric:tabular-nums;}
#productPage .pcx-note{display:flex;align-items:center;gap:6px;margin:6px 0 10px;font-size:11px;font-weight:700;color:#8a5a1f;}
#productPage .pcx-note .material-icons-round{font-size:16px;color:#d4912b;}
@media (max-width:360px){#productPage .pcx-strip{grid-template-columns:1fr;}}

/* SanRaj Primium Pay: in-app payment sheet */
body.sanraj-pay-open{overflow:hidden!important;}
.spp-overlay{position:fixed;inset:0;z-index:14000;background:rgba(24,14,4,.55);display:flex;align-items:flex-end;justify-content:center;animation:sppFade .2s ease-out;}
.spp-sheet{position:relative;width:100%;max-width:520px;height:100%;max-height:100%;background:#fbf7f2;display:flex;flex-direction:column;overflow:hidden;animation:sppRise .28s cubic-bezier(.2,.8,.2,1);}
@media (min-width:560px){.spp-overlay{align-items:center}.spp-sheet{height:92%;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);}}
.spp-head{display:flex;align-items:center;gap:10px;padding:14px 14px 18px;background:linear-gradient(135deg,#ec7b0a 0%,#f7931e 55%,#e86f00 100%);color:#fff;box-shadow:0 6px 18px rgba(194,84,0,.28);position:relative;}
.spp-head::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -20%,rgba(255,255,255,.28),transparent 55%);pointer-events:none;}
.spp-back{width:38px;height:38px;border:none;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;z-index:1;}
.spp-brand{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;position:relative;z-index:1;}
.spp-logo{width:42px;height:42px;border-radius:13px;background:#fff7ee;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.14),inset 0 0 0 1.5px rgba(255,255,255,.9);flex:0 0 auto;}
.spp-logo img{width:100%;height:100%;object-fit:cover;}
.spp-logo span{font-weight:900;color:#ec7b0a;font-size:20px;}
.spp-brand-copy{display:flex;flex-direction:column;min-width:0;}
.spp-brand-copy strong{font-size:16px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spp-brand-copy small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;opacity:.95;}
.spp-brand-copy small .material-icons-round{font-size:13px;}
.spp-amount{display:flex;flex-direction:column;align-items:flex-end;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:6px 10px;position:relative;z-index:1;}
.spp-amount small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.9;}
.spp-amount strong{font-size:18px;font-weight:900;line-height:1.1;}
.spp-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px 18px;display:flex;flex-direction:column;gap:10px;}
.spp-body>*{flex-shrink:0;}
.spp-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:13px;font-weight:700;border-radius:12px;padding:10px 12px;}
.spp-sec{flex:0 0 auto;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(120,70,20,.07),inset 0 0 0 1px #f1e4d4;overflow:hidden;transition:box-shadow .2s;}
.spp-sec.is-open{box-shadow:0 8px 22px rgba(236,123,10,.14),inset 0 0 0 1.5px #f6c48d;}
.spp-sec-head{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:none;background:transparent;text-align:left;}
.spp-sec-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fff1e3,#ffe2c2);color:#e86f00;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto;}
.spp-sec-copy{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;}
.spp-sec-copy strong{font-size:15px;font-weight:800;color:#2a1a0c;}
.spp-sec-copy small{font-size:12px;color:#8a6a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spp-sec-chev{color:#c9a27a;transition:transform .2s;}
.spp-sec.is-open .spp-sec-chev{transform:rotate(180deg);color:#e86f00;}
.spp-sec-body{display:none;padding:2px 14px 16px;}
.spp-sec.is-open .spp-sec-body{display:block;animation:sppFade .2s ease-out;}
.spp-upi-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin-bottom:12px;}
.spp-sec-copy strong{display:flex;align-items:center;gap:8px;}
.spp-upi-mini{display:inline-flex;align-items:center;}
.spp-upi-mini>span{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #fff,0 1px 3px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:-5px;}
.spp-upi-mini>span:first-child{margin-left:0;}
.spp-upi-mini img,.spp-upi-mini svg{width:16px;height:16px;object-fit:contain;}
.spp-upi-mini .spp-upi-initial{font-size:10px;}
.spp-upi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px;}
.spp-upi-tile{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #efe2d2;border-radius:12px;background:#fff;text-align:left;min-width:0;transition:border-color .15s,background .15s,transform .1s;}
.spp-upi-tile:active{transform:scale(.98);background:#fff4e8;border-color:#f6c48d;}
.spp-upi-tile-logo{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;}
.spp-upi-tile-logo img{width:100%;height:100%;object-fit:contain;}
.spp-upi-tile-logo svg{width:100%;height:100%;}
.spp-upi-tile-logo:has(.spp-gpay-mark){overflow:visible;border-radius:0;background:transparent;}
.spp-upi-mini>span:has(.spp-gpay-mark){overflow:hidden;border-radius:0;background:transparent;box-shadow:none;}
.spp-gpay-mark{width:100%;height:100%;display:block;}
.spp-upi-tile-logo .material-icons-round{font-size:24px;color:#e86f00;}
.spp-upi-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff1e3;color:#e86f00;font-weight:900;font-size:14px;}
.spp-upi-tile-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:#2a1a0c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spp-upi-app{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid #f1e4d4;border-radius:14px;background:#fffdfa;}
.spp-upi-app:active{transform:scale(.97);background:#fff4e8;}
.spp-upi-logo{width:40px;height:40px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.spp-upi-logo img{width:100%;height:100%;object-fit:contain;}
.spp-upi-logo span{font-weight:900;color:#e86f00;}
.spp-upi-name{font-size:11.5px;font-weight:700;color:#3b2a18;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.spp-or{display:flex;align-items:center;gap:10px;margin:4px 0 10px;color:#a0785a;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;}
.spp-or::before,.spp-or::after{content:"";flex:1;height:1px;background:#f1e4d4;}
.spp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;flex:1 1 0;min-width:0;}
.spp-field label{font-size:12px;font-weight:800;color:#6b4a2b;letter-spacing:.2px;}
.spp-field input,.spp-field select{height:48px;border:1.5px solid #ecdcc9;border-radius:12px;background:#fffdfa;padding:0 14px;font-size:15px;font-weight:600;color:#2a1a0c;outline:none;width:100%;box-sizing:border-box;}
.spp-field input:focus,.spp-field select:focus{border-color:#f7931e;box-shadow:0 0 0 3px rgba(247,147,30,.18);background:#fff;}
.spp-field-row{display:flex;gap:10px;}
.spp-card-number{position:relative;}
.spp-card-network{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900;color:#e86f00;letter-spacing:.4px;}
.spp-banks,.spp-wallets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;}
.spp-bank,.spp-wallet{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border:1.5px solid #f1e4d4;border-radius:12px;background:#fffdfa;font-size:13.5px;font-weight:800;color:#3b2a18;text-align:left;}
.spp-bank .material-icons-round,.spp-wallet .material-icons-round{font-size:18px;color:#e86f00;}
.spp-bank.is-selected,.spp-wallet.is-selected{border-color:#f7931e;background:#fff4e8;box-shadow:0 0 0 3px rgba(247,147,30,.15);}
.spp-pay-btn{width:100%;height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#ec7b0a,#f7931e);color:#fff;font-size:16px;font-weight:900;letter-spacing:.3px;box-shadow:0 8px 18px rgba(236,123,10,.32);}
.spp-pay-btn:active{transform:translateY(1px);box-shadow:0 4px 10px rgba(236,123,10,.3);}
.spp-hint{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;font-size:11.5px;color:#8a6a4a;line-height:1.4;}
.spp-hint .material-icons-round{font-size:14px;color:#3f8f2a;}
.spp-foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px calc(12px + var(--safe-bottom,0px));font-size:12px;font-weight:800;color:#8a5a1f;background:#fff;border-top:1px solid #f1e4d4;}
.spp-foot .material-icons-round{font-size:15px;color:#3f8f2a;}
.spp-status{position:absolute;inset:0;background:rgba(251,247,242,.94);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2;animation:sppFade .2s ease-out;}
.spp-status[hidden]{display:none;}
.spp-status-card{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:26px 20px 18px;text-align:center;box-shadow:0 16px 40px rgba(120,70,20,.16),inset 0 0 0 1px #f1e4d4;display:flex;flex-direction:column;align-items:center;gap:8px;}
.spp-status-card strong{font-size:16px;font-weight:900;color:#2a1a0c;}
.spp-status-card p{margin:0;font-size:13px;color:#7a5a3a;line-height:1.45;}
.spp-spinner{width:46px;height:46px;border-radius:50%;border:4px solid #ffe2c2;border-top-color:#ec7b0a;animation:sppSpin .9s linear infinite;margin-bottom:6px;}
.spp-status-cancel{margin-top:10px;height:42px;padding:0 18px;border:1.5px solid #ecdcc9;border-radius:12px;background:#fff;color:#6b4a2b;font-weight:800;font-size:14px;}
@keyframes sppSpin{to{transform:rotate(360deg)}}
@keyframes sppFade{from{opacity:0}to{opacity:1}}
@keyframes sppRise{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}

/* Return / refund / exchange (server-driven) */
.orp-mount:empty { display: none; }
.orp-mount { margin: 4px 0 12px; display: flex; flex-direction: column; gap: 10px; }
.orp-card { background: #fff; border: 1px solid #f0e6da; border-radius: 12px; padding: 12px 14px; box-shadow: 0 2px 8px rgba(31, 22, 48, .04); }
.orp-card-head { display: flex; gap: 10px; align-items: flex-start; }
.orp-card-head > .material-icons-round { font-size: 22px; color: #ec7b0a; margin-top: 1px; }
.orp-card-head strong { display: block; font-size: 14px; font-weight: 800; color: #1f1630; }
.orp-card-head p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: #5f5a6b; }
.orp-card--non_returnable .orp-card-head > .material-icons-round,
.orp-card--cancelled .orp-card-head > .material-icons-round { color: #d32f2f; }
.orp-card--exchange_only .orp-card-head > .material-icons-round { color: #1565c0; }
.orp-item-head { display: flex; gap: 10px; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee; }
.orp-item-head img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; background: #f5f5f5; }
.orp-item-head strong { display: block; font-size: 13px; color: #222; line-height: 1.3; }
.orp-item-head small { display: block; font-size: 12px; color: #777; margin-top: 2px; }
.orp-warn { color: #c25400; font-weight: 700; }
.orp-bad { color: #c62828; }
.orp-muted { font-size: 13px; color: #5f5a6b; margin-top: 8px; line-height: 1.4; }
.orp-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.orp-btn { flex: 1; min-width: 110px; height: 40px; border-radius: 8px; border: 1.5px solid #ec7b0a; background: #fff; color: #ec7b0a; font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.orp-btn--primary { background: #ec7b0a; color: #fff; }
.orp-link { border: 0; background: transparent; color: #ec7b0a; font-size: 13px; font-weight: 800; padding: 6px 0; text-decoration: underline; }
.orp-link--danger { color: #c62828; }
.orp-chip { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; background: #fff4e5; color: #b45309; }
.orp-chip--good { background: #e8f5e9; color: #2e7d32; }
.orp-chip--bad { background: #fdecea; color: #c62828; }
.orp-chip--muted { background: #f1f1f1; color: #616161; }
.orp-refund-row { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: #fafafa; }
.orp-refund-main { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: #333; }
.orp-refund-main small { color: #777; font-weight: 600; }
.orp-refund-sub { margin-top: 4px; font-size: 12px; color: #6b6478; line-height: 1.35; }
.orp-request { margin-top: 10px; padding: 10px 12px; border: 1px solid #eee; border-radius: 10px; }
.orp-request-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; color: #222; }
.orp-request-line { margin-top: 5px; font-size: 12.5px; color: #555; line-height: 1.35; }
.orp-timeline { list-style: none; margin: 8px 0 0; padding: 0 0 0 12px; border-left: 2px solid #f3d9bd; }
.orp-timeline li { position: relative; padding: 2px 0 6px 8px; display: flex; flex-direction: column; }
.orp-timeline li::before { content: ''; position: absolute; left: -18px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #ec7b0a; }
.orp-timeline li span { font-size: 12px; font-weight: 700; color: #333; }
.orp-timeline li small { font-size: 11px; color: #888; }

.orp-wz-header { display: flex; align-items: center; gap: 8px; padding: 12px 8px; border-bottom: 1px solid #eee; flex-shrink: 0; font-size: 15px; font-weight: 800; letter-spacing: .04em; }
.orp-wz-header button { border: 0; background: transparent; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.orp-wz-body { flex: 1; overflow: auto; padding: 12px 16px 24px; background: #fff; }
.orp-wz-footer { padding: 12px 16px 16px; background: #fff; box-shadow: 0 -4px 12px rgba(0, 0, 0, .05); flex-shrink: 0; }
.orp-wz-primary { width: 100%; height: 48px; border: 0; border-radius: 8px; background: #ec7b0a; color: #fff; font-size: 16px; font-weight: 800; }
.orp-wz-primary:disabled { opacity: .5; }
.orp-wz-title { font-size: 16px; font-weight: 800; margin: 4px 0 12px; color: #1f1630; }
.orp-wz-item { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 0; border: 0; border-bottom: 1px solid #f1f1f1; background: transparent; text-align: left; }
.orp-wz-item img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; background: #f5f5f5; flex-shrink: 0; }
.orp-wz-item-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.orp-wz-item-text strong { font-size: 14px; color: #222; line-height: 1.3; }
.orp-wz-item-text small { font-size: 12px; color: #6b6478; }
.orp-wz-policy { margin: 10px 0 4px; padding: 8px 10px; border-radius: 8px; background: #fff7ee; color: #9a4b00; font-size: 12.5px; font-weight: 700; }
.orp-wz-section { margin-top: 16px; }
.orp-wz-label { font-size: 14px; font-weight: 800; color: #222; margin-bottom: 8px; }
.orp-wz-qty { display: flex; align-items: center; gap: 12px; }
.orp-wz-qty button { width: 36px; height: 36px; border-radius: 8px; border: 1.5px solid #ec7b0a; background: #fff; color: #ec7b0a; font-size: 18px; font-weight: 800; }
.orp-wz-qty button:disabled { opacity: .4; }
.orp-wz-qty strong { font-size: 16px; min-width: 20px; text-align: center; }
.orp-wz-qty small { color: #777; font-size: 12px; }
.orp-wz-radio { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 4px; border: 0; background: transparent; text-align: left; font-size: 14px; color: #222; }
.orp-wz-radio small { display: block; font-size: 12px; color: #777; margin-top: 2px; }
.orp-wz-dot { width: 20px; height: 20px; border: 2px solid #bdbdbd; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.orp-wz-radio.is-selected .orp-wz-dot { border-color: #ec7b0a; }
.orp-wz-radio.is-selected .orp-wz-dot i { width: 10px; height: 10px; border-radius: 50%; background: #ec7b0a; display: block; }
.orp-wz-variants { display: flex; flex-wrap: wrap; gap: 8px; }
.orp-wz-variant { min-width: 96px; padding: 8px 12px; border: 1.5px solid #ddd; border-radius: 10px; background: #fff; text-align: left; display: flex; flex-direction: column; gap: 2px; }
.orp-wz-variant strong { font-size: 13px; color: #222; }
.orp-wz-variant small { font-size: 11px; color: #2e7d32; font-weight: 700; }
.orp-wz-variant.is-selected { border-color: #ec7b0a; background: #fff7ee; }
.orp-wz-variant:disabled { opacity: .55; background: #f7f7f7; }
.orp-wz-variant:disabled small { color: #c62828; }
.orp-wz-warn { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: #fdecea; color: #b71c1c; font-size: 12.5px; font-weight: 700; line-height: 1.4; }
.orp-wz-textarea { width: 100%; min-height: 84px; border: 1px solid #ddd; border-radius: 8px; padding: 10px; font-size: 14px; resize: vertical; box-sizing: border-box; font-family: inherit; }
.orp-wz-photos { display: flex; flex-wrap: wrap; gap: 8px; }
.orp-wz-photo { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 8px; border-radius: 8px; background: #f5f5f5; font-size: 12px; color: #333; }
.orp-wz-photo .material-icons-round { font-size: 16px; color: #777; }
.orp-wz-photo button { border: 0; background: transparent; padding: 0; display: inline-flex; }
.orp-wz-addphoto { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1.5px dashed #ec7b0a; border-radius: 8px; color: #ec7b0a; font-size: 13px; font-weight: 700; }
.orp-wz-note { margin-top: 14px; padding: 10px 12px; border-radius: 8px; background: #f6f7fb; color: #4b5563; font-size: 12.5px; line-height: 1.45; }
.orp-wz-summary { border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
.orp-wz-summary > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #f3f3f3; font-size: 13px; }
.orp-wz-summary > div:last-child { border-bottom: 0; }
.orp-wz-summary span { color: #6b6478; }
.orp-wz-summary strong { color: #222; text-align: right; }

.cxi-box { margin: 0 0 16px; padding: 12px; border: 1px solid #f0e6da; border-radius: 10px; }
.cxi-title { font-size: 14px; font-weight: 800; margin-bottom: 6px; }
.cxi-row { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 2px; border: 0; border-bottom: 1px solid #f3f3f3; background: transparent; text-align: left; cursor: pointer; }
.cxi-row:last-of-type { border-bottom: 0; }
.cxi-row img { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; background: #f5f5f5; flex-shrink: 0; }
.cxi-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cxi-text strong { font-size: 13px; color: #222; line-height: 1.3; }
.cxi-text small { font-size: 12px; color: #777; }
.cxi-radio { width: 20px; height: 20px; border: 2px solid #bdbdbd; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cxi-radio.is-on { border-color: #ec7b0a; }
.cxi-radio.is-on i { width: 10px; height: 10px; border-radius: 50%; background: #ec7b0a; display: block; }
.cxi-qty { display: inline-flex; align-items: center; gap: 8px; }
.cxi-qty button { width: 30px; height: 30px; border-radius: 6px; border: 1.5px solid #ec7b0a; background: #fff; color: #ec7b0a; font-weight: 800; }
.cxi-qty button:disabled { opacity: .4; }
.cxi-note { font-size: 12px; color: #c25400; font-weight: 700; margin-top: 6px; }

.orp-product-policy:empty { display: none; }
.orp-product-policy { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: #f6fbf6; }
.orp-product-policy > .material-icons-round { color: #2e7d32; font-size: 22px; }
.orp-product-policy strong { display: block; font-size: 13.5px; font-weight: 800; color: #1f1630; }
.orp-product-policy p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: #5f5a6b; }
.orp-product-policy.is-non-returnable { background: #fdecea; }
.orp-product-policy.is-non-returnable > .material-icons-round,
.orp-product-policy.is-non-returnable strong { color: #c62828; }
.orp-card-head p strong.orp-warn { display: inline; font-size: inherit; color: #c25400; }
.orp-item-head strong, .orp-wz-item-text strong, .cxi-text strong, .orp-wz-summary strong { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

#productPage .product-details-grid.product-details-grid--food div { padding: 9px 0 !important; gap: 16px !important; }
#productPage .product-details-grid.product-details-grid--food span { flex: 0 0 40% !important; font-size: 14px !important; line-height: 1.4 !important; color: #5b6170 !important; font-weight: 600 !important; }
#productPage .product-details-grid.product-details-grid--food strong { font-size: 15px !important; line-height: 1.45 !important; font-weight: 700 !important; color: #1f2430 !important; overflow-wrap: anywhere; }

#productPage .product-title-weight { display: inline-flex; align-items: center; gap: 5px; margin: 4px 0 2px; padding: 3px 10px 3px 8px; border-radius: 999px; background: #f4f6fb; color: #374151; font-size: 13px; font-weight: 700; line-height: 1.3; }
#productPage .product-title-weight .material-icons-round { font-size: 15px; color: #ec7b0a; }
#productPage .food-info-card .food-info-block { display: flex; align-items: flex-start; gap: 12px; padding: 12px; margin-top: 10px; border-radius: 14px; background: linear-gradient(135deg, #fffaf3, #ffffff); border: 1px solid #f6e3cc; }
#productPage .food-info-card .food-info-block > .material-icons-round { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: #fff1de; color: #ec7b0a; font-size: 20px; }
#productPage .food-info-card .food-info-block h4 { margin: 0 0 4px; font-size: 14px; font-weight: 800; color: #1f2430; }
#productPage .food-info-card .food-info-block p { margin: 0; font-size: 14px; line-height: 1.5; color: #374151; white-space: pre-line; overflow-wrap: anywhere; }
#productPage .food-info-card .food-info-block p.is-empty { color: #9ca3af; font-style: italic; }

/* Premium Add / Edit Address sheet */
.modal.addr-premium-modal{
  padding:0;
  max-height:90vh;
  border-radius:26px 26px 0 0;
  background:linear-gradient(180deg,#fffaf3 0%,#fff7ee 45%,#f4f6fb 100%);
  box-shadow:0 -10px 40px rgba(194,65,12,.28),0 18px 50px rgba(0,0,0,.24);
}
.addr-premium-modal .addr-sheet{padding:0 16px 18px;}
.addr-premium-modal .addr-hero{
  position:sticky;top:0;z-index:3;
  display:flex;align-items:center;gap:12px;
  margin:0 -16px 6px;padding:20px 16px 18px;
  border-radius:26px 26px 22px 22px;
  background:linear-gradient(135deg,#e8650a 0%,#f7931e 48%,#ffa53a 100%);
  color:#fff;overflow:hidden;
  box-shadow:0 10px 26px rgba(247,147,30,.35);
}
.addr-premium-modal .addr-hero::before{
  content:"";position:absolute;inset:0 0 50% 0;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
  pointer-events:none;
}
.addr-premium-modal .addr-hero::after{
  content:"";position:absolute;width:160px;height:160px;right:-50px;top:-70px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.35),rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.addr-premium-modal .addr-hero-icon{
  position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.addr-premium-modal .addr-hero-icon .material-icons-round{font-size:26px;color:#fff;}
.addr-premium-modal .addr-hero-copy{position:relative;flex:1;min-width:0;}
.addr-premium-modal .addr-hero-copy h2{margin:0;font-size:19px;font-weight:800;letter-spacing:.2px;color:#fff;}
.addr-premium-modal .addr-hero-copy p{margin:3px 0 0;font-size:12.5px;color:rgba(255,255,255,.86);}
.addr-premium-modal .addr-close{
  position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
}
.addr-premium-modal .addr-close .material-icons-round{font-size:20px;}
.addr-premium-modal .addr-section-title{
  display:flex;align-items:center;gap:6px;
  margin:16px 4px 8px;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#c2410c;
}
.addr-premium-modal .addr-section-title .material-icons-round{font-size:17px;color:#f7931e;}
.addr-premium-modal .addr-card{
  display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82));
  border:1px solid rgba(247,147,30,.14);
  box-shadow:0 8px 24px rgba(194,65,12,.08),inset 0 1px 0 #fff;
}
.addr-premium-modal .addr-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.addr-premium-modal .addr-row .addr-field{min-width:0;}
.addr-premium-modal .addr-field{
  display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px 8px 8px;
  border-radius:15px;background:linear-gradient(180deg,#ffffff,#fffaf3);
  border:1.5px solid #f6e4d0;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.04);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  cursor:text;
}
.addr-premium-modal .addr-field:focus-within{
  border-color:#f7931e;
  box-shadow:0 0 0 4px rgba(247,147,30,.16),0 6px 16px rgba(247,147,30,.12);
  transform:translateY(-1px);
}
.addr-premium-modal .addr-field-icon{
  flex:0 0 auto;width:34px;height:34px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;font-size:19px;color:#f7931e;
  background:linear-gradient(135deg,#fff1e0,#ffe4c4);
  box-shadow:inset 0 1px 0 #fff;
}
.addr-premium-modal .addr-field:focus-within .addr-field-icon{
  color:#fff;background:linear-gradient(135deg,#f7931e,#ffa53a);
}
.addr-premium-modal .addr-field-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.addr-premium-modal .addr-field-body small{font-size:10.5px;font-weight:700;letter-spacing:.3px;color:#6b7280;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.addr-premium-modal .addr-field-body small b{color:#e8590c;font-weight:800;}
.addr-premium-modal .addr-field-body input,
.addr-premium-modal .addr-field-body select{
  width:100%;min-width:0;border:0;outline:0;background:transparent;padding:2px 0;margin:0;
  font-size:15px;font-weight:600;color:#1f2937;font-family:inherit;box-shadow:none;
  -webkit-appearance:none;appearance:none;
}
.addr-premium-modal .addr-field-body select{
  padding-right:22px;
  background-image:linear-gradient(45deg,transparent 50%,#f7931e 50%),linear-gradient(135deg,#f7931e 50%,transparent 50%);
  background-position:calc(100% - 10px) 55%,calc(100% - 5px) 55%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.addr-premium-modal .addr-field-body input::placeholder{color:#c4b5a5;font-weight:500;}
.addr-premium-modal .addr-save-btn{
  position:relative;overflow:hidden;width:100%;margin-top:18px;height:52px;border:0;border-radius:16px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:16px;font-weight:800;letter-spacing:.4px;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#e8650a 0%,#f7931e 50%,#ffa53a 100%);
  box-shadow:0 12px 26px rgba(232,101,10,.38),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .15s ease,box-shadow .15s ease;
}
.addr-premium-modal .addr-save-btn::before{
  content:"";position:absolute;inset:0 0 52% 0;
  background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0));pointer-events:none;
}
.addr-premium-modal .addr-save-btn::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));
  animation:addrShine 3.2s ease-in-out infinite;pointer-events:none;
}
.addr-premium-modal .addr-save-btn:active{transform:scale(.98);box-shadow:0 6px 14px rgba(232,101,10,.32);}
.addr-premium-modal .addr-save-btn .material-icons-round{font-size:20px;position:relative;}
@keyframes addrShine{0%{left:-60%}55%,100%{left:130%}}
.addr-premium-modal .addr-secure-note{
  display:flex;align-items:center;justify-content:center;gap:5px;margin:10px 0 0;font-size:11.5px;color:#6b7280;
}
.addr-premium-modal .addr-secure-note .material-icons-round{font-size:14px;color:#16a34a;}
/* Product weight under the title on listing cards */
.product-card-weight{
  display:inline-flex;align-items:center;gap:3px;max-width:100%;
  margin:3px 0 2px;padding:1px 7px 1px 5px;border-radius:999px;
  background:#fff4e6;color:#c2410c;font-size:11px;font-weight:700;line-height:18px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;
}
.product-card-weight .material-icons-round{font-size:13px;color:#f7931e;}
.product-card-weight--placeholder{visibility:hidden;}
/* Compact text rhythm on product listing cards */
[data-product-card="true"] .mall-product-body,
[data-product-card="true"] .mall-budget-body,
#homePage [data-product-card="true"] .home-product-body,
#listingPage [data-product-card="true"] .listing-card-body{padding-top:7px;padding-bottom:7px;gap:3px;}
#listingPage [data-product-card="true"] .listing-card-name{min-height:29px;line-height:1.2;}
#homePage [data-product-card="true"] .home-product-name{min-height:29px;line-height:1.2;}
[data-product-card="true"] .product-card-weight{margin:0;line-height:16px;align-self:flex-start;}
[data-product-card="true"] .meesho-price-block{gap:2px !important;}
[data-product-card="true"] .meesho-price-block > div:first-child{padding:4px 8px !important;}
[data-product-card="true"] .meesho-price-block > div:first-child > div{column-gap:4px !important;row-gap:1px !important;}
/* Cash on Delivery 5% advance prompt for Food & Grocery */
.cod-advance-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.55);animation:codAdvanceFade .18s ease-out;}
.cod-advance-sheet{width:100%;max-width:480px;box-sizing:border-box;padding:22px 20px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;text-align:center;box-shadow:0 -10px 30px rgba(15,23,42,.18);animation:codAdvanceRise .22s ease-out;}
.cod-advance-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff4e6;color:#f7931e;font-size:28px;}
.cod-advance-sheet h3{margin:12px 0 6px;font-size:17px;font-weight:800;color:#111827;}
.cod-advance-sheet p{margin:0 0 14px;font-size:13px;line-height:1.45;color:#4b5563;}
.cod-advance-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:#f9fafb;border:1px solid #eef0f3;}
.cod-advance-rows div{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#374151;}
.cod-advance-rows strong{font-size:15px;font-weight:800;color:#111827;}
.cod-advance-rows div:first-child strong{color:#038d00;}
.cod-advance-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;}
.cod-advance-actions button{height:46px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;}
.cod-advance-cancel{border:1px solid #d1d5db;background:#fff;color:#374151;}
.cod-advance-ok{border:0;background:linear-gradient(90deg,#f7931e,#f15a24);color:#fff;box-shadow:0 6px 14px rgba(241,90,36,.28);}
@keyframes codAdvanceFade{from{opacity:0;}to{opacity:1;}}
@keyframes codAdvanceRise{from{transform:translateY(40px);}to{transform:translateY(0);}}
/* Food & Grocery listings: only Sort and Filters */
#listingPage .mall-filter-bar.listing-filter-bar--food{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Mobile only: keep the existing six-item bar fixed to the viewport. */
@media (max-width: 1023px){
  :root{--mobile-nav-bar:56px}
  html:not([data-safe-area]){
    --safe-top:0px;
    --safe-bottom:0px;
  }
  html body .app-header,
  html body #homePage .app-header,
  html body .page-header,
  html body .food-page-header,
  html body .categories-page-header,
  html body #categoriesPage .categories-page-header,
  html body .listing-page-header,
  html body .orders-page-header,
  html body .profile-page-header,
  html body #profilePage .profile-page-header,
  html body .profile-edit-page-header,
  html body .tracking-page-header,
  html body .category-details-page-header,
  html body .order-bill-full-header,
  html body #mallPage .mall-header,
  html body #productPage .product-page-header,
  html body #spinPage > .page-header,
  html body #spinWheelPage > .page-header,
  html body.spin-screenshot-mode #spinPage > .page-header,
  html body.spin-screenshot-mode #spinWheelPage > .page-header,
  html body #searchPage .search-page-header{
    padding-top:0 !important;
    margin-top:0 !important;
  }
  html body #mainContent > .page{
    top:0 !important;
    margin-top:0 !important;
  }
  html,body,.app{
    height:100dvh;
    max-height:100dvh;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #mainContent{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #pageContainer{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #bottomNav{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    flex:0 0 auto;
    z-index:150;
    display:flex !important;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    margin:0;
    background:#fff;
    border-top:1px solid #eee;
    box-shadow:0 -6px 18px rgba(15,23,42,.06);
    padding:4px 2px calc(4px + env(safe-area-inset-bottom, 0px));
    min-height:calc(var(--mobile-nav-bar) + env(safe-area-inset-bottom, 0px));
    overflow:hidden;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #bottomNav .nav-item{
    flex:1 1 0;
    min-width:0;
    min-height:44px;
    gap:1px;
    padding:2px 1px;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #bottomNav .nav-item .material-icons-round{
    font-size:20px;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) #bottomNav .nav-item span:last-child{
    font-size:9px;
    line-height:1.05;
    white-space:normal;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  html body #bottomNav#bottomNav .nav-item.active,
  html body #bottomNav#bottomNav .nav-item.active > span:last-child{
    color:#5b8b2a !important;
  }
  html body #bottomNav .nav-item.active:not(#navMall) .material-icons-round{
    color:#5b8b2a !important;
    background:linear-gradient(135deg,#ec7b0a,#f58311) !important;
  }
  body:not(.sanraj-hide-bottom-nav):not(.product-detail-mode):not(.payment-method-mode):not(.profile-edit-mode):not(.spin-screenshot-mode):not(.refer-earn-mode) .page-scroll{
    padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.product-detail-mode #productPage{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  html body.product-detail-mode #productPage .page-scroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar.product-inline-actions{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    transform:none !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    z-index:40 !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border-top:1px solid #eee !important;
    border-radius:0 !important;
    box-shadow:0 -6px 18px rgba(15,23,42,.06) !important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar .btn-outline,
  html body.product-detail-mode #productPage .product-bottom-bar .btn-primary{
    min-height:48px !important;
    height:48px !important;
    border-radius:10px !important;
    font-size:15px !important;
    font-weight:800 !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar .btn-outline{
    display:flex !important;
    background:#fff !important;
    color:#5b8b2a !important;
    border:1.5px solid #5b8b2a !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar .btn-outline .material-icons-round{
    color:#5b8b2a !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar .btn-primary{
    display:flex !important;
    width:auto !important;
    background:#ec7b0a !important;
    color:#fff !important;
    border:0 !important;
  }
  html body.product-detail-mode #productPage .product-bottom-bar .btn-primary .material-icons-round{
    color:#fff !important;
  }
  body:has(.page.active input:not([readonly]):focus, .page.active textarea:focus, .page.active select:focus) #bottomNav{
    transform:translateY(120%) !important;
    pointer-events:none !important;
  }
}

/* v139: keep product Add to Cart and Buy Now on screen. */
html body.product-detail-mode #productPage.page{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
html body.product-detail-mode #productPage.page > .page-scroll{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
html body.product-detail-mode #productPage.page > .product-bottom-bar.product-inline-actions{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  transform:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  z-index:40 !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border-top:1px solid #eee !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
html body.product-detail-mode #productPage #productAddToCartBtn,
html body.product-detail-mode #productPage #productBuyNowBtn{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* v140: keep the six home tabs on the visible phone bottom. */
@media (max-width: 1023px){
  html,body,.app{
    height:100svh !important;
    max-height:100svh !important;
  }
  body:has(#homePage.active, #categoriesPage.active, #foodPage.active, #mallPage.active, #ordersPage.active, #profilePage.active, #listingPage.active) #bottomNav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    transform:none !important;
    z-index:200 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  body:has(#homePage.active, #categoriesPage.active, #foodPage.active, #mallPage.active, #ordersPage.active, #profilePage.active, #listingPage.active) .page.active > .page-scroll{
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #homePage .header-top{
    padding-left:10px !important;
    padding-right:10px !important;
    overflow:visible !important;
  }
  #homePage .app-header,
  #homePage .header-actions,
  #homePage .header-actions .icon-btn{
    overflow:visible !important;
  }
  #homePage .header-actions .badge.cart-badge{
    top:8px !important;
    right:0 !important;
  }
  #homePage .header-actions{
    gap:4px !important;
    flex-shrink:0 !important;
  }
  #homePage .logo-area{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  #homePage .home-refer-chip{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  #homePage .home-refer-chip span:last-child{
    max-width:none !important;
    min-width:0 !important;
  }
}

#sanrajAppDownload{display:none}
body:has(#authContainer:not(.hidden)) #sanrajAppDownload{display:none !important}
@media (max-width: 1023px){
  #homePage.active > #sanrajAppDownload:not([hidden]){
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-height:52px;
    margin:0;
    padding:8px 8px 8px 10px;
    background:#fff8ef;
    border-bottom:2px solid #76a93b;
    overflow:hidden;
  }
  #sanrajAppDownload .sanraj-app-download-icon{
    width:auto;
    height:46px;
    max-width:32px;
    max-height:46px;
    flex:0 0 auto;
    object-fit:contain;
    object-position:center;
    display:block;
    background:transparent;
    overflow:hidden;
  }
  #sanrajAppDownload .sanraj-app-download-text{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    color:#151515;
    font-size:13px;
    font-weight:400;
    line-height:1.25;
  }
  #sanrajAppDownload .sanraj-app-download-btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 10px;
    border-radius:8px;
    background:#ec7b0a;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
  }
  #sanrajAppDownload .sanraj-app-download-close{
    flex:0 0 36px;
    width:36px;
    height:36px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#6b7280;
    font-size:22px;
    line-height:1;
    cursor:pointer;
  }
  html,body,.app{
    height:min(var(--sanraj-vvh, 100svh), 100svh) !important;
    min-height:0 !important;
    max-height:min(var(--sanraj-vvh, 100svh), 100svh) !important;
  }
  html body .app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    overflow:hidden !important;
    transform:translateZ(0);
  }
  html body .app:has(#searchPage.active){
    transform:none !important;
  }
  body:has(#authContainer:not(.hidden)) #bottomNav{
    display:none !important;
  }
  #cartPage{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  #cartPage .page-scroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  #cartPage .cart-bottom{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    flex:0 0 auto !important;
    width:100% !important;
    margin:0 !important;
    z-index:30 !important;
  }
  #checkoutPage{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  #checkoutPage .page-scroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #checkoutPage .checkout-bottom-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    margin:0 !important;
    z-index:40 !important;
    box-sizing:border-box !important;
  }
}

/* Desktop and mobile Desktop-site only. Phone widths stay on the rules above. */
@media (min-width: 980px){
  html, body{
    height:auto !important;
    min-height:100% !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:#f6f1ea !important;
  }
  html body #app{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:min(1240px, 100%) !important;
    max-width:1240px !important;
    height:auto !important;
    min-height:100vh !important;
    max-height:none !important;
    margin:0 auto !important;
    overflow:visible !important;
    transform:none !important;
    background:#fff !important;
    box-shadow:0 0 0 1px #f3e6d8;
  }
  html body #authContainer{
    top:64px !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:auto !important;
  }
  html body #mainContent,
  html body #pageContainer{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    position:relative !important;
  }
  html body .page{
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    opacity:1 !important;
    transform:none !important;
  }
  html body .page:not(.active){
    display:none !important;
  }
  html body .page.active{
    display:flex !important;
    pointer-events:auto !important;
  }
  html body .page-scroll{
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
    flex:none !important;
    padding-bottom:28px !important;
  }
  html body:has(#homePage.active, #categoriesPage.active, #foodPage.active, #mallPage.active, #ordersPage.active, #profilePage.active, #listingPage.active) #bottomNav,
  html body #bottomNav{
    order:-1 !important;
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    z-index:300 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:4px !important;
    padding:4px 12px !important;
    background:#fff !important;
    border-top:0 !important;
    border-bottom:1px solid #f3e6d8 !important;
    box-shadow:none !important;
  }
  html body #bottomNav .nav-item{
    flex:1 1 0 !important;
    min-width:44px !important;
    min-height:48px !important;
    padding:6px 4px !important;
  }
  html body #bottomNav .nav-item span:last-child{
    font-size:12px !important;
    white-space:nowrap !important;
  }
  html body .app-header,
  html body .page-header,
  html body #homePage .app-header,
  html body .listing-page-header,
  html body .categories-page-header,
  html body #mallPage .mall-header{
    position:relative !important;
    top:auto !important;
    padding-top:12px !important;
    margin-top:0 !important;
    overflow:visible !important;
  }
  html body #homePage .app-header{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:56px !important;
    padding:10px 20px !important;
    background:#fff !important;
    border-bottom:1px solid #f3e6d8 !important;
    box-sizing:border-box !important;
  }
  html body #homePage .header-top{
    display:contents !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }
  html body #homePage .logo-area{
    order:1 !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    gap:8px !important;
  }
  html body #homePage .home-search{
    order:2 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 280px !important;
    min-width:200px !important;
    max-width:none !important;
    width:auto !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  html body #homePage .home-location-row{
    order:3 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 1 220px !important;
    min-width:140px !important;
    max-width:260px !important;
    width:auto !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 10px !important;
    border:1px solid #ece4d8 !important;
    border-radius:12px !important;
    background:#fff8f0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  html body #homePage .home-location-card{
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html body #homePage .header-actions{
    order:4 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    overflow:visible !important;
    margin:0 !important;
  }
  html body #homePage .header-actions .icon-btn,
  html body #homePage .home-avatar-btn,
  html body #homePage .home-refer-chip,
  html body #homePage .home-resell-chip{
    min-width:44px !important;
    min-height:44px !important;
    overflow:visible !important;
  }
  html body #homePage .header-actions .badge.cart-badge{
    top:2px !important;
    right:0 !important;
  }
  html body #homePage #homeScroll,
  html body #homePage #homeMainContent{
    overflow:visible !important;
    padding-top:0 !important;
  }
  html body #homePage #homeMainContent > .section{
    padding:18px 20px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  html body #homePage .section-header{
    display:flex !important;
    overflow:visible !important;
    min-height:0 !important;
    align-items:center !important;
    padding:0 !important;
    margin:0 0 12px !important;
  }
  html body #homePage .section-title{
    font-size:22px !important;
    line-height:1.3 !important;
    overflow:visible !important;
  }
  html body #homePage .home-category-scroll-wrap{
    overflow:visible !important;
  }
  html body #homePage .home-category-hgrid{
    display:flex !important;
    flex-wrap:wrap !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:none !important;
    grid-auto-columns:auto !important;
    gap:14px 18px !important;
    padding:0 !important;
  }
  html body #homePage .home-category-card{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
  }
  html body #homePage .home-category-icon{
    width:68px !important;
    height:68px !important;
    border-radius:16px !important;
  }
  html body #homePage .home-ad-banner-rail,
  html body #homePage .banner-carousel{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    border-radius:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
  html body #homePage .ad-banner-image-card,
  html body #homePage .home-banner-card,
  html body .carousel-slide{
    flex:0 0 100% !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    border-radius:16px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
  }
  html body #homePage .home-banner-card img,
  html body #homePage .ad-banner-image-card img,
  html body #mallPage .mall-ad-banner-image-card img,
  html body .carousel-slide img,
  html body .banner-carousel img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:240px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
  }
  html body .home-product-grid,
  html body .listing-product-grid,
  html body .product-grid,
  html body .mall-product-grid,
  html body .mall-grid,
  html body .col-sm,
  html body .col-md,
  html body .col-lg,
  html body .col-xg,
  html body .col-xl,
  html body #homePage .home-popular-section .home-product-grid,
  html body #homePage .home-top-picks-section .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #homePage #trendingProducts,
  html body #listingPage .listing-product-grid,
  html body #mallPage .mall-product-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow:row !important;
    flex-wrap:wrap !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:#fff !important;
    scroll-snap-type:none !important;
  }
  html body #homePage #trendingProducts .home-product-card,
  html body #homePage .home-popular-section .home-product-card,
  html body #homePage .home-top-picks-section .home-product-card,
  html body #homePage .home-top-picks-products .home-product-card,
  html body .home-product-card,
  html body .listing-card,
  html body #listingPage [data-product-card="true"]{
    flex:none !important;
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    border:1px solid #f3e6d8 !important;
    border-radius:14px !important;
    box-shadow:0 1px 4px rgba(80, 50, 10, .05) !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  html body .home-product-media,
  html body .listing-card-media,
  html body .mall-product-media,
  html body #listingPage .listing-card-media,
  html body #homePage .home-popular-section .home-product-media,
  html body #homePage .home-top-picks-section .home-product-media,
  html body #homePage .home-top-picks-products .home-product-media{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    max-height:220px !important;
    border-radius:0 !important;
    background:#fff !important;
    overflow:hidden !important;
  }
  html body .home-product-media img,
  html body .listing-card-media img,
  html body .mall-product-media img,
  html body #listingPage .listing-card-media img{
    width:100% !important;
    height:100% !important;
    max-height:220px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
  }
  html body .home-product-card h4,
  html body .home-product-card .home-product-name,
  html body .listing-card-title,
  html body .listing-card-price,
  html body .home-product-price{
    overflow:visible !important;
  }
}
@media (min-width: 1280px){
  html body .home-product-grid,
  html body .listing-product-grid,
  html body .product-grid,
  html body .mall-product-grid,
  html body .mall-grid,
  html body .col-sm,
  html body .col-md,
  html body .col-lg,
  html body .col-xg,
  html body .col-xl,
  html body #homePage .home-popular-section .home-product-grid,
  html body #homePage .home-top-picks-section .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #homePage #trendingProducts,
  html body #listingPage .listing-product-grid,
  html body #mallPage .mall-product-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1600px){
  html body .home-product-grid,
  html body .listing-product-grid,
  html body .product-grid,
  html body .mall-product-grid,
  html body .mall-grid,
  html body .col-sm,
  html body .col-md,
  html body .col-lg,
  html body .col-xg,
  html body .col-xl,
  html body #homePage .home-popular-section .home-product-grid,
  html body #homePage .home-top-picks-section .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #homePage #trendingProducts,
  html body #listingPage .listing-product-grid,
  html body #mallPage .mall-product-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Desktop and Desktop-site layout correction only */
@media (min-width: 980px) {
  html,
  html body {
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body #app {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html body #mainContent {
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #pageContainer {
    flex: 1 1 0 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #pageContainer > .page {
    position: absolute !important;
    inset: 0 !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body #pageContainer > .page > .page-scroll,
  html body #homePage #homeScroll {
    flex: 1 1 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 24px !important;
  }

  html body #homePage #homeMainContent {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep the six navigation buttons at the screen bottom */
  html body #mainContent #bottomNav {
    order: 2 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    border-top: 1px solid #eee !important;
    border-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  /* Product actions remain visible while details scroll */
  html body.product-detail-mode
  #productPage.page > .product-bottom-bar.product-inline-actions {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    box-sizing: border-box !important;
  }

  /* Hide home navigation on the product detail screen */
  html body.product-detail-mode #mainContent #bottomNav,
  html body.sanraj-hide-bottom-nav #mainContent #bottomNav,
  html body:has(#authContainer:not(.hidden)) #mainContent #bottomNav {
    display: none !important;
  }

  /* Banner image fills the available width without cropping */
  html body #homePage .home-banner-card img,
  html body #homePage .ad-banner-image-card img,
  html body #mallPage .mall-ad-banner-image-card img,
  html body .carousel-slide img,
  html body .banner-carousel img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}

.search-loading-state{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#7b8798;
  text-align:center;
}
.search-loading-state .material-icons-round{font-size:32px;color:#ed7b08;animation:searchPulse 1.2s ease-in-out infinite}
.search-loading-state h3,.search-loading-state p{margin:0}
.search-loading-state h3{color:#182235;font-size:16px}
.search-loading-state p{font-size:13px}
@keyframes searchPulse{50%{opacity:.35;transform:scale(.9)}}
#searchPage .search-page-header{position:sticky;top:0;z-index:20;background:#fff}
#searchPage .search-page-scroll{padding-bottom:var(--bottom-nav-space,72px)}
/* Desktop only: keep navigation fixed at the bottom */
@media (min-width: 980px) {
  html body #app #mainContent #bottomNav#bottomNav {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    order: 2 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 0 !important;
    z-index: 300 !important;
  }

  /* Reserve space so navigation cannot cover content */
  html body #app #mainContent {
    padding-bottom: 64px !important;
    box-sizing: border-box !important;
  }

  /* Screens that do not use the six navigation buttons */
  html body.product-detail-mode #app #mainContent,
  html body.sanraj-hide-bottom-nav #app #mainContent,
  html body:has(#authContainer:not(.hidden)) #app #mainContent {
    padding-bottom: 0 !important;
  }

  html body.product-detail-mode #app #mainContent #bottomNav#bottomNav,
  html body.sanraj-hide-bottom-nav #app #mainContent #bottomNav#bottomNav,
  html body:has(#authContainer:not(.hidden))
  #app #mainContent #bottomNav#bottomNav {
    display: none !important;
  }
}

/* Desktop only: keep navigation fixed at the bottom */
@media (min-width: 980px) {
  html body #app #mainContent #bottomNav#bottomNav {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    order: 2 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 0 !important;
    z-index: 300 !important;
  }

  /* Reserve space so navigation cannot cover content */
  html body #app #mainContent {
    padding-bottom: 64px !important;
    box-sizing: border-box !important;
  }

  /* Screens that do not use the six navigation buttons */
  html body.product-detail-mode #app #mainContent,
  html body.sanraj-hide-bottom-nav #app #mainContent,
  html body:has(#authContainer:not(.hidden)) #app #mainContent {
    padding-bottom: 0 !important;
  }

  html body.product-detail-mode #app #mainContent #bottomNav#bottomNav,
  html body.sanraj-hide-bottom-nav #app #mainContent #bottomNav#bottomNav,
  html body:has(#authContainer:not(.hidden))
  #app #mainContent #bottomNav#bottomNav {
    display: none !important;
  }
}
@media (min-width: 980px) {
  html body #app #mallPage #mallCategoryGrid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    width: 100% !important;
    max-width: none !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  html body #app #mallPage #mallCategoryGrid .mall-category-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body #app #mallPage #mallCategoryGrid .mall-category-media {
    height: 80px !important;
    aspect-ratio: auto !important;
  }
}

/* Desktop only: Top Rating banners follow Home sizing */
@media (min-width: 980px) {
  html body #app #mallPage .mall-advertisements-section,
  html body #app #mallPage .mall-trust-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  html body #app #mallPage .mall-banner-carousel,
  html body #app #mallPage #mallBannerTrack,
  html body #app #mallPage .mall-ad-banner-image-card,
  html body #app #mallPage .mall-banner-card,
  html body #app #mallPage .mall-offer-banner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
  }

  html body #app #mallPage #mallBannerTrack {
    align-items: flex-start !important;
  }

  html body #app #mallPage .mall-ad-banner-image-card,
  html body #app #mallPage .mall-banner-card,
  html body #app #mallPage .mall-offer-banner {
    max-width: none !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  html body #app #mallPage .mall-ad-banner-image-card,
  html body #app #mallPage .mall-banner-card {
    flex: 0 0 100% !important;
  }

  html body #app #mallPage .mall-ad-banner-image-card img,
  html body #app #mallPage .mall-banner-card img,
  html body #app #mallPage .mall-offer-banner img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}

/* Desktop only: remove white circle */
@media (min-width: 980px) {
  html body #homePage .home-green-offer-strip {
    background: linear-gradient(
      102deg,
      #e9fff6 0%,
      #ffffff 54%,
      #c9ffea 100%
    ) !important;
  }
}

/* Desktop only: show complete Refer and Earn text */
@media (min-width: 980px) {
  html body #homePage .home-refer-chip {
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  html body #homePage .home-refer-chip span:last-child {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* Desktop only: keep empty product slots clean */
@media (min-width: 980px) {
  html body #app #homePage .home-categories-grid,
  html body #app #homePage .home-categories-grid-scroll {
    background: #fff !important;
  }
}

/* Desktop only: Home Categories product cards */
@media (min-width: 980px) {
  html body #app #homePage #homeCategoryGrid .listing-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid #f3e6d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(80, 50, 10, 0.05) !important;
    box-sizing: border-box !important;
  }

  html body #app #homePage #homeCategoryGrid .listing-card-body {
    flex: 1 !important;
    padding: 10px !important;
  }

  html body #app #homePage #homeCategoryGrid .listing-card-name {
    min-height: 34px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* Desktop only: tidy Home All Categories */
@media (min-width: 980px) {
  html body #app #homePage .home-category-hgrid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #app #homePage .home-category-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 132px !important;
    padding: 12px 8px !important;
    gap: 10px !important;
    border: 1px solid #eee3d6 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
  }

  html body #app #homePage .home-category-icon {
    width: 72px !important;
    height: 72px !important;
    flex-shrink: 0 !important;
    border-radius: 14px !important;
    padding: 2px 2px 8px !important;
    border: 0 !important;
    background: #f7f1e8 !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  html body #app #homePage .home-category-icon::after {
    display: block !important;
    content: "" !important;
    height: 6px !important;
    border-radius: 0 0 14px 14px !important;
  }

  html body #app #homePage .home-category-img {
    border-radius: 0 !important;
    object-fit: contain !important;
    transform: scale(1.18) !important;
    transform-origin: center center !important;
  }

  html body #app #homePage .home-category-card span:last-child {
    display: block !important;
    width: 100% !important;
    min-height: 32px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    margin: 0 !important;
  }
}

/* Desktop only: Home categories — image and label */
@media (min-width: 980px) {
  html body #app #homePage .home-category-hgrid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)) !important;
    gap: 20px 12px !important;
    width: 100% !important;
  }

  html body #app #homePage .home-category-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #app #homePage .home-category-icon {
    width: 104px !important;
    height: 104px !important;
    padding: 2px 2px 8px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f7f1e8 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  html body #app #homePage .home-category-icon::after {
    display: block !important;
    content: "" !important;
    height: 6px !important;
    border-radius: 0 0 14px 14px !important;
  }

  html body #app #homePage .home-category-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(1.18) !important;
    transform-origin: center center !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body #app #homePage .home-category-card span:last-child {
    display: block !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Desktop only: Top Rating product cards */
@media (min-width: 980px) {
  html body #app #mallPage #mallProductGrid {
    gap: 16px !important;
    background: transparent !important;
    align-items: stretch !important;
  }

  html body #app #mallPage #mallProductGrid .mall-product-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid #f3e6d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(80, 50, 10, 0.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #app #mallPage #mallProductGrid .mall-product-body {
    flex: 1 !important;
    padding: 10px !important;
  }

  html body #app #mallPage #mallProductGrid .mall-product-title {
    min-height: 34px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* All pages: desktop / Desktop-site side spacing */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer
  > .page > .page-scroll {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* Home scroll has its own existing desktop rule */
  html body #app #mainContent #pageContainer
  #homePage #homeScroll {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

/* Desktop only: remove duplicate Categories page padding */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer
  > #categoriesPage > .page-scroll {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Desktop only: remove duplicate banner side spacing */
@media (min-width: 980px) {
  html body #app #homePage #homeMainContent > .home-banner-section,
  html body #app #mallPage .mall-advertisements-section,
  html body #app #mallPage .mall-trust-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Desktop only: consistent left/right page spacing */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer
  > .page > .page-scroll,
  html body #app #mainContent #pageContainer
  > #categoriesPage > .page-scroll,
  html body #app #mainContent #pageContainer
  #homePage #homeScroll {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    scrollbar-gutter: stable both-edges;
  }

  /* Shopping scroll mounts: full-bleed (no side padding / gutter strips) */
  html body #app #mainContent #pageContainer
  > #listingPage > #listingProductsScroll,
  html body #app #mainContent #pageContainer
  > #productPage > #productDetail,
  html body #app #mainContent #pageContainer
  > #mallPage > #mallContent,
  html body #app #mainContent #pageContainer
  > #searchPage > #searchResults,
  html body #app #mainContent #pageContainer
  > #wishlistPage > .page-scroll,
  html body #app #mainContent #pageContainer
  > #cartPage > #cartContent,
  html body #app #mainContent #pageContainer
  > #referEarnPage > #referEarnContent,
  html body #app #mainContent #pageContainer
  #homePage #homeScroll {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    scrollbar-gutter: auto !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* Remove duplicate Home section spacing */
  html body #app #homePage #homeMainContent > .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Remove duplicate Top Rating section spacing */
  html body #app #mallPage .mall-section,
  html body #app #mallPage .mall-budget-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Desktop only: search appearance */
@media (min-width: 980px) {
  html body #app #homePage .home-search {
    border: 1px solid #e0e4eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body #app #searchPage .search-page-header {
    padding: 12px 16px !important;
  }

  html body #app #searchPage #searchInput {
    cursor: text !important;
    caret-color: #1a1a1a !important;
    transform: none !important;
    font-size: 16px !important;
    line-height: normal !important;
  }

  html body #app #searchPage .search-for-you-grid {
    grid-template-columns: repeat(auto-fill, 120px) !important;
    justify-content: start !important;
    gap: 14px !important;
  }

  html body #app #searchPage .search-for-you-tile {
    width: 120px !important;
    height: 120px !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* Desktop only: no fake bottom gap — content ends, footer follows products */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer
  > .page > .page-scroll,
  html body #app #mainContent #pageContainer
  #homePage #homeScroll,
  html body.product-detail-mode #app #mainContent
  #pageContainer #productPage.page > .page-scroll {
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
    scroll-padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  html body #app #mainContent #pageContainer
  > .page > .page-scroll::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
  }
}

/* Desktop only: Categories — sole scroller is .page-scroll (footer after all rows) */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer
  > #categoriesPage > .page-scroll {
    padding: 0 !important;
    scroll-padding-bottom: 0 !important;
    scrollbar-gutter: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body #app #mainContent #pageContainer
  > #categoriesPage > .page-scroll::after {
    content: none !important;
    display: none !important;
  }

  html body #app #categoriesPage .cat-list,
  html body #app #categoriesPage .categories-split.categories-split--hrows,
  html body #app #categoriesPage .categories-columns.categories-hrows {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  html body #app #categoriesPage .categories-columns {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 24px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    scrollbar-gutter: auto;
  }

  html body #app #categoriesPage .page-scroll > .cat-list,
  html body #app #categoriesPage .categories-split.categories-split--hrows {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body #app #categoriesPage .categories-hrow-title {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body #app #categoriesPage .categories-hrow-track {
    padding-left: 20px !important;
    padding-right: 20px !important;
    scroll-padding-inline: 20px !important;
  }
}
/* Desktop / Desktop-site: show only the selected page */
@media (min-width: 980px) {
  html body #app #mainContent #pageContainer > .page:not(.active) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body #app #mainContent #pageContainer > .page.active {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* ==========================================================
   SANRAJ PRIMIUM — DESKTOP ONLY FIX
   1. Show app Download banner on desktop
   2. Make SUPPLIER text bigger
   3. Show DROPSHIPPING instead of Reselling
   Mobile styles remain unchanged.
   ========================================================== */

@media screen and (min-width: 1024px) {

  /* APP DOWNLOAD BANNER */
  html body #homePage.active > #sanrajAppDownload:not([hidden]) {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    background: #fff8ef !important;
    border-bottom: 2px solid #76a93b !important;
    overflow: visible !important;
  }

  html body #sanrajAppDownload .sanraj-app-download-icon {
    display: block !important;
    flex: 0 0 auto !important;
    width: 34px !important;
    height: 44px !important;
    max-width: 34px !important;
    object-fit: contain !important;
  }

  html body #sanrajAppDownload .sanraj-app-download-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  html body #sanrajAppDownload .sanraj-app-download-btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 8px !important;
    background: #ec7b0a !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body #sanrajAppDownload .sanraj-app-download-close {
    display: inline-flex !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #666 !important;
    font-size: 24px !important;
    cursor: pointer !important;
  }

  /* SUPPLIER — outlined orange chip (screenshot) */
  html body #homePage .header-actions .home-supplier-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 14px !important;
    border: 1.5px solid #ec7b0a !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #ec7b0a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
  html body #homePage .header-actions .home-supplier-icon .sanraj-icon {
    color: #ec7b0a !important;
    width: 16px !important;
    height: 16px !important;
  }
  html body #homePage .header-actions .home-supplier-icon .sanraj-chip-label {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #ec7b0a !important;
  }

  /* RESELLING — solid orange CTA (screenshot) */
  html body #homePage .header-actions .home-resell-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #ec7b0a !important;
    border-radius: 10px !important;
    background: #ec7b0a !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
  html body #homePage .header-actions .home-resell-chip .sanraj-icon {
    color: #fff !important;
    width: 16px !important;
    height: 16px !important;
  }
  html body #homePage .header-actions .home-resell-chip .sanraj-chip-label {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #fff !important;
  }

}

/* Fix login page header overlap and excess top spacing */
body #loginPage.page.active {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body #loginPage .auth-container {
    margin-top: 0 !important;
    padding-top: 12px !important;
}

body #loginPage {
    overflow-y: auto !important;
}

/* Desktop only: fix login page header overlap and excess top spacing */
@media screen and (min-width: 768px) {
  html body #homePage #loginPage {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    z-index: 10000 !important;
  }

  html body #homePage #loginPage .auth-container,
  html body #homePage #loginPage .login-container {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }

  html body #homePage #loginPage .top-header,
  html body #homePage #loginPage .main-header,
  html body #homePage #loginPage .header-actions {
    display: none !important;
  }
}

/* Desktop login page: hide the underlying app header */
@media screen and (min-width: 768px) {
    body:has(#loginPage.active) #homePage > .top-header,
    body:has(#loginPage.active) #homePage > .main-header,
    body:has(#loginPage.active) #homePage > .header-actions {
        display: none !important;
    }
}


/* Desktop Profile header spacing */
@media screen and (min-width: 769px) {
  #profilePage .profile-page-header {
    padding-top: 8px !important;
    margin-top: 0 !important;
  }

  #profilePage {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Route/auth and page-frame corrections.  Keep these at the end so the
   older screenshot-specific overrides cannot reintroduce clipping or gaps. */
#authContainer{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
#loginPage.page.active,
#registerPage.page.active{
  display:flex;
  min-height:100%;
  overflow:visible;
}
#loginPage .auth-card,
#registerPage .auth-card{
  margin:auto;
  padding-top:64px;
  padding-bottom:32px;
}
#productPage .product-page-header{
  padding-top:10px!important;
}
#productPage .page-scroll{
  padding-top:0!important;
}
#profilePage .profile-account-shell--pro{
  padding-top:12px!important;
}
#mallPage .mall-budget-section{
  background:transparent!important;
}

/* Keep the browser preview aligned with the app viewport.  The previous
   fallback safe-area value added a 32px gap to every page on desktop and
   caused page headers to drift with the document scroll. */
@media (min-width:768px){
  html:not([data-safe-area]){
    --safe-top:0px!important;
    --safe-bottom:0px!important;
  }
  .app-header,
  #homePage .app-header,
  .page-header,
  .food-page-header,
  .categories-page-header,
  .listing-page-header,
  .orders-page-header,
  .profile-page-header,
  .profile-edit-page-header,
  .tracking-page-header,
  .category-details-page-header,
  .order-bill-full-header,
  #mallPage .mall-header{
    padding-top:8px!important;
  }
}

/* A page owns the scroll region; headers and bottom navigation stay visible
   while the listing/detail content moves underneath them. */
html body #app #mainContent #pageContainer > .page.active > .page-scroll{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
html body #app #mainContent #bottomNav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:120!important;
}
#productPage .product-page-header,
#productPage .page-header{
  padding-top:8px!important;
  margin-top:0!important;
}
#productPage .product-detail-shell,
#profilePage .profile-account-shell--pro,
#listingPage .listing-products-scroll{
  margin-top:0!important;
  padding-top:0!important;
}

/* Final responsive product grid and authentication frame. */
body:has(#authContainer:not(.hidden)) #mainContent,
body:has(#authContainer:not(.hidden)) #bottomNav{
  display:none!important;
}
body:has(#authContainer:not(.hidden)) #authContainer{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
  display:block!important;
  overflow:auto!important;
}
@media (min-width:768px){
  #loginPage .auth-card,#registerPage .auth-card{max-width:440px;padding:16px 24px 24px!important;}
  #loginPage .auth-logo,#registerPage .auth-logo{width:150px!important;margin-bottom:10px!important;}
  #loginPage .auth-card p,#registerPage .auth-card p{margin-bottom:14px;}
}
@media (min-width:1024px){
  #homePage .home-product-grid,
  #listingPage .listing-product-grid,
  #mallPage .mall-product-grid,
  .search-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (min-width:600px) and (max-width:1023px){
  #homePage .home-product-grid,
  #listingPage .listing-product-grid,
  #mallPage .mall-product-grid,
  .search-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
.home-banner-card,
.ad-banner-image-card,
.mall-banner-card,
.home-top-picks-banner{
  cursor:default!important;
}

/* Site footer: hidden on mobile/tablet so existing layouts stay unchanged. */
.sanraj-site-footer{
  display:none !important;
}

/* Desktop-only multi-column site footer (Flipkart-like dark structure). */
@media (min-width: 980px){
  html body #homePage #homeScroll,
  html body #productPage #productDetail,
  html body #listingPage #listingProductsScroll,
  html body #mallPage #mallContent,
  html body #searchPage #searchResults,
  html body #wishlistPage .page-scroll,
  html body #categoriesPage .page-scroll,
  html body #cartPage #cartContent,
  html body #referEarnPage #referEarnContent{
    overflow-x:hidden !important;
    scrollbar-gutter:auto !important;
  }
  /* Home + cloned footers: identical full-bleed 100vw breakout */
  html body #homePage #sanrajSiteFooter.sanraj-site-footer,
  html body #homePage .sanraj-site-footer,
  html body .sanraj-site-footer[data-sanraj-footer-clone="1"],
  html body #productPage .page-scroll > .sanraj-site-footer,
  html body #listingPage .page-scroll > .sanraj-site-footer,
  html body #mallPage .page-scroll > .sanraj-site-footer,
  html body #categoriesPage .page-scroll > .sanraj-site-footer,
  html body #searchPage .page-scroll > .sanraj-site-footer,
  html body #wishlistPage .page-scroll > .sanraj-site-footer,
  html body #cartPage #cartContent > .sanraj-site-footer,
  html body #referEarnPage #referEarnContent > .sanraj-site-footer{
    display:block !important;
    position:relative !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:40px 0 0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    transform:translateX(-50%) !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#212121 !important;
    color:#fff !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    z-index:1 !important;
    flex:0 0 auto !important;
  }
  html body .sanraj-site-footer-back-top{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    padding:14px 16px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:#2a2a2a !important;
    color:#fff !important;
    font:inherit !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    cursor:pointer !important;
  }
  html body .sanraj-site-footer-back-top:hover,
  html body .sanraj-site-footer-back-top:focus-visible{
    background:#333 !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
  }
  /* Sole scroller = .page-scroll; page shell does not steal wheel/touchpad */
  html body #productPage.page,
  html body #listingPage.page,
  html body #mallPage.page,
  html body #categoriesPage.page,
  html body #searchPage.page,
  html body #wishlistPage.page,
  html body #cartPage.page,
  html body #referEarnPage.page,
  html body #homePage.page{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    height:100% !important;
    max-height:100% !important;
  }
  html body.product-detail-mode #productPage.page{
    overflow:hidden !important;
  }
  html body #productPage #productDetail,
  html body #listingPage #listingProductsScroll,
  html body #mallPage #mallContent,
  html body #searchPage #searchResults,
  html body #wishlistPage .page-scroll,
  html body #categoriesPage .page-scroll,
  html body #cartPage #cartContent,
  html body #referEarnPage #referEarnContent,
  html body #homePage #homeScroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:auto !important;
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  html body #productPage #productDetail > .product-detail-shell,
  html body #listingPage #listingProductsScroll > .listing-products-section,
  html body #mallPage #mallContent > .mall-page-shell,
  html body #searchPage #searchResults > .search-meesho-panel,
  html body #searchPage #searchResults > .search-results-meta,
  html body #searchPage #searchResults > .product-grid,
  html body #searchPage #searchResults > .search-product-grid,
  html body #searchPage #searchResults > .empty-state,
  html body #searchPage #searchResults > .search-loading-state,
  html body #wishlistPage #wishlistContent,
  html body #wishlistPage .wishlist-page-shell{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  html body #categoriesPage .page-scroll > .cat-list{
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  html body #productPage #productDetail > .product-detail-shell{
    padding-top:16px !important;
    padding-bottom:24px !important;
  }
  html body .sanraj-site-footer-kicker{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:16px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:14px 48px 0 !important;
    background:transparent !important;
    color:#878787 !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
    border:0 !important;
    box-sizing:border-box !important;
  }
  html body .sanraj-site-footer-main{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:36px 48px 28px !important;
    box-sizing:border-box !important;
  }
  html body .sanraj-site-footer-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:28px 40px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    align-items:start !important;
  }
  html body .sanraj-site-footer-col{
    min-width:0 !important;
  }
  html body .sanraj-site-footer-heading{
    margin:0 0 12px !important;
    color:#878787 !important;
    font-size:12px !important;
    font-weight:400 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    line-height:1.3 !important;
  }
  html body .sanraj-site-footer-links{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  html body .sanraj-site-footer-link{
    display:inline-flex !important;
    align-items:flex-start !important;
    gap:8px !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font:inherit !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    text-align:left !important;
    text-decoration:none !important;
    cursor:pointer !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  html body .sanraj-site-footer-link:hover,
  html body .sanraj-site-footer-link:focus-visible{
    color:#fff !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
  }
  html body .sanraj-site-footer-contact{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    font-size:12px !important;
    line-height:1.55 !important;
    color:#fff !important;
  }
  html body .sanraj-site-footer-contact p{
    margin:0 !important;
    color:#fff !important;
  }
  html body .sanraj-site-footer-company{
    font-weight:500 !important;
    color:#fff !important;
  }
  html body .sanraj-site-footer-contact-line{
    color:#2874f0 !important;
  }
  html body .sanraj-site-footer-contact-line .material-icons-round{
    font-size:16px !important;
    color:#2874f0 !important;
    line-height:1.4 !important;
  }
  html body .sanraj-site-footer-bottom{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px 24px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px 48px !important;
    border-top:1px solid #454d5e !important;
    background:#172337 !important;
    box-sizing:border-box !important;
  }
  html body .sanraj-site-footer-bottom-links{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px 28px !important;
    min-width:0 !important;
  }
  html body .sanraj-site-footer-bottom-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font:inherit !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
  }
  html body .sanraj-site-footer-bottom-link .material-icons-round{
    font-size:16px !important;
    color:#ffbf00 !important;
  }
  html body .sanraj-site-footer-bottom-link:hover,
  html body .sanraj-site-footer-bottom-link:focus-visible{
    color:#fff !important;
    text-decoration:underline !important;
  }
  html body .sanraj-site-footer-copy{
    flex:0 0 auto !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
  }
  html body .sanraj-site-footer-trust{
    display:inline-flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px 10px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
  }
  html body .sanraj-site-footer-trust .material-icons-round{
    font-size:15px !important;
    color:#ffbf00 !important;
  }
  html body .sanraj-site-footer-trust-sep{
    color:#878787 !important;
  }
}

@media (min-width: 980px) and (max-width: 1199px){
  html body .sanraj-site-footer-kicker,
  html body .sanraj-site-footer-main,
  html body .sanraj-site-footer-bottom{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  html body .sanraj-site-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 28px !important;
  }
}

/* ==========================================================
   DESKTOP E-COMMERCE REDESIGN (≥980px only)
   Mobile/tablet base rules stay unchanged.
   ========================================================== */

.sanraj-desktop-catnav,
#homePage .home-recently-viewed-section{
  display:none !important;
}

@media (min-width: 980px){
  /* --- Home header density --- */
  html body #homePage .app-header{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:12px !important;
    min-height:64px !important;
    padding:12px 28px !important;
    background:#fff !important;
    border-bottom:1px solid #f0e4d6 !important;
    z-index:40 !important;
  }
  html body #homePage .home-search{
    flex:1 1 420px !important;
    min-width:220px !important;
    max-width:720px !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  }
  html body #homePage .home-location-row{
    flex:0 1 240px !important;
    min-width:150px !important;
    max-width:280px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
  html body #homePage .header-actions{
    gap:8px !important;
  }

  /* --- Desktop category nav --- */
  html body #homePage .sanraj-desktop-catnav{
    display:block !important;
    position:sticky !important;
    top:0 !important;
    z-index:35 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-bottom:1px solid #f0e4d6 !important;
    box-sizing:border-box !important;
  }
  html body #homePage .sanraj-desktop-catnav[hidden]{
    display:none !important;
  }
  html body #homePage .sanraj-desktop-catnav-inner{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:4px !important;
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 20px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    box-sizing:border-box !important;
  }
  html body #homePage .sanraj-desktop-catnav-inner::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
  }
  /* Flipkart-style: icon above name (catnav only) */
  html body #homePage .sanraj-desktop-catnav-inner{
    align-items:flex-end !important;
    gap:2px !important;
    padding:6px 16px 0 !important;
  }
  html body #homePage .sanraj-desktop-catnav-item{
    display:inline-flex !important;
    flex-direction:column !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-width:76px !important;
    max-width:96px !important;
    min-height:72px !important;
    margin:0 !important;
    padding:8px 10px 10px !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#212121 !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:normal !important;
    cursor:pointer !important;
  }
  html body #homePage .sanraj-desktop-catnav-item > span:last-child{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    max-width:100% !important;
    word-break:break-word !important;
  }
  html body #homePage .sanraj-desktop-catnav-item .material-icons-round,
  html body #homePage .sanraj-desktop-catnav-item .sanraj-icon{
    width:30px !important;
    height:30px !important;
    flex:0 0 auto !important;
  }
  /* Accent SVGs keep their own orange fills — do not force mono currentColor */
  html body #homePage .sanraj-desktop-catnav-item .sanraj-icon--catnav{
    color:inherit !important;
  }
  html body #homePage .sanraj-desktop-catnav-item:hover,
  html body #homePage .sanraj-desktop-catnav-item:focus-visible{
    color:#111827 !important;
    border-bottom-color:#ec7b0a !important;
    background:#fff8f0 !important;
  }

  /* Desktop header: match screenshot — no brand wordmark / no action text labels */
  html body #homePage .sanraj-brand-link{
    display:none !important;
  }
  html body #homePage .home-avatar-btn .sanraj-action-label,
  html body #homePage .sanraj-header-action .sanraj-action-label{
    display:none !important;
  }
  html body #homePage .home-avatar-btn{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#f3f4f6 !important;
    color:#4b5563 !important;
    gap:0 !important;
  }
  html body #homePage .sanraj-header-action{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:50% !important;
    gap:0 !important;
    color:#1a2332 !important;
    background:transparent !important;
  }
  html body #homePage .home-avatar-btn .sanraj-icon,
  html body #homePage .sanraj-header-action .sanraj-icon{
    width:22px !important;
    height:22px !important;
    color:inherit !important;
  }
  html body #homePage .home-search .sanraj-icon{
    width:22px !important;
    height:22px !important;
    margin-left:4px !important;
  }
  html body #homePage .home-location-row .mall-location-icon{
    display:inline-flex !important;
    align-items:center !important;
  }
  html body #homePage .home-location-row .mall-location-icon .sanraj-icon{
    width:22px !important;
    height:22px !important;
    color:#ec7b0a !important;
  }

  /* --- Home shopping flow spacing --- */
  html body #homePage #homeMainContent{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 0 24px !important;
    box-sizing:border-box !important;
  }
  html body #homePage #homeMainContent > .section{
    padding:20px 28px !important;
    margin:0 !important;
  }
  html body #homePage .section-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 14px !important;
    padding:0 !important;
  }
  html body #homePage .section-title{
    font-size:22px !important;
    font-weight:800 !important;
    color:#1f2937 !important;
    line-height:1.25 !important;
  }
  html body #homePage .see-all{
    font-size:14px !important;
    font-weight:700 !important;
    color:#ec7b0a !important;
    white-space:nowrap !important;
  }
  html body #homePage .home-feature-strip{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  html body #homePage .home-feature-card{
    min-height:72px !important;
    padding:14px 16px !important;
    border:1px solid #f3e6d8 !important;
    border-radius:14px !important;
    background:#fff8f0 !important;
  }
  html body #homePage .home-banner-section{
    padding-top:18px !important;
  }
  html body #homePage .home-recently-viewed-section:not([hidden]){
    display:block !important;
  }
  html body #homePage .home-product-grid,
  html body #homePage .home-top-picks-products{
    gap:16px !important;
  }

  /* --- Listing / search discovery --- */
  html body #listingPage .listing-page-header,
  html body #searchPage .page-header,
  html body #wishlistPage .page-header{
    padding:12px 28px !important;
    background:#fff !important;
    border-bottom:1px solid #f0e4d6 !important;
  }
  html body #listingPage .listing-page-header h1,
  html body #listingPage #listingTitle{
    font-size:20px !important;
    font-weight:800 !important;
    color:#111827 !important;
  }
  html body #listingPage .listing-page-header h1::before{
    content:"Home / " !important;
    color:#9ca3af !important;
    font-weight:600 !important;
    font-size:14px !important;
  }
  html body #listingPage .listing-search-shell,
  html body #listingPage .listing-filter-bar,
  html body #listingPage .mall-filter-bar{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  html body #listingPage #listingProductsScroll{
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:16px !important;
    padding-bottom:28px !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  html body #listingPage .listing-filter-bar,
  html body #listingPage .mall-filter-bar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    background:#fff !important;
    border-bottom:1px solid #f3e6d8 !important;
    border-radius:0 !important;
  }
  html body #searchPage .page-scroll,
  html body #wishlistPage .page-scroll{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:16px !important;
    padding-bottom:28px !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  html body #listingPage .listing-products-head{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 16px !important;
  }
  html body #listingPage .listing-product-grid,
  html body #searchPage .search-product-grid,
  html body #searchPage .product-grid{
    gap:16px !important;
  }
  html body #listingPage .listing-card,
  html body #searchPage .product-card,
  html body #homePage .home-product-card,
  html body #homePage .listing-card{
    min-width:0 !important;
    overflow:hidden !important;
  }
  html body #listingPage .listing-card-media,
  html body #listingPage .listing-card-media img{
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
  }

  /* --- Product detail two-column (no sticky/span overlap) --- */
  html body #productPage #productDetail,
  html body #productPage.page > .page-scroll#productDetail,
  html body.product-detail-mode #productPage #productDetail{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:16px 0 32px !important;
    box-sizing:border-box !important;
    scroll-padding-bottom:24px !important;
    background:#fff !important;
  }
  html body #productPage .product-detail-shell{
    display:grid !important;
    grid-template-columns:minmax(320px,1.05fr) minmax(340px,1fr) !important;
    grid-auto-flow:row !important;
    column-gap:28px !important;
    row-gap:12px !important;
    align-items:start !important;
  }
  html body #productPage .product-detail-left-col{
    grid-column:1 !important;
    grid-row:1 / span 8 !important;
    position:relative !important;
    top:auto !important;
    align-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
    height:max-content !important;
    margin:0 !important;
    z-index:1 !important;
  }
  html body #productPage .product-detail-left-col .product-gallery-card,
  html body #productPage .product-gallery-card{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    margin:0 !important;
    border:1px solid #f3e6d8 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:none !important;
    z-index:1 !important;
  }
  html body #productPage .product-detail-left-col .product-gallery-card:has(+ .product-similar-strip:not(.hidden)),
  html body #productPage .product-gallery-card:has(+ .product-similar-strip:not(.hidden)){
    border-bottom:0 !important;
    border-radius:16px 16px 0 0 !important;
  }
  html body #productPage .product-gallery-slide{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
  html body #productPage .product-detail-left-col .product-similar-strip,
  html body #productPage .product-similar-strip,
  html body #productPage .product-detail-shell > .product-similar-strip[style]{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:10px 12px 12px !important;
    background:#fff !important;
    border:1px solid #f3e6d8 !important;
    border-top:0 !important;
    border-radius:0 0 16px 16px !important;
    box-shadow:none !important;
  }
  html body #productPage .product-similar-strip .product-gallery-thumbs,
  html body #productPage .product-gallery-thumbs,
  html body #productPage #productImagePreviewTrack,
  html body #productPage .product-similar-strip #productImagePreviewTrack[style]{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }
  html body #productPage .product-gallery-thumb,
  html body #productPage .product-similar-strip .product-gallery-thumb[style]{
    width:64px !important;
    height:64px !important;
    flex:0 0 64px !important;
  }
  html body #productPage .product-gallery-thumb img,
  html body #productPage .product-similar-strip .product-gallery-thumb img[style]{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  /* ATC / Buy Now under thumbs — left column width only */
  html body #productPage .product-detail-left-col > .product-bottom-bar.product-inline-actions,
  html body #productPage .product-detail-left-col > .product-inline-actions,
  html body #productPage .product-detail-shell > .product-bottom-bar.product-inline-actions,
  html body #productPage .product-detail-shell > .product-inline-actions{
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body #productPage .product-detail-left-col > .product-bottom-bar .btn-outline,
  html body #productPage .product-detail-left-col > .product-bottom-bar .btn-primary,
  html body #productPage .product-detail-shell > .product-bottom-bar .btn-outline,
  html body #productPage .product-detail-shell > .product-bottom-bar .btn-primary{
    min-height:48px !important;
    border-radius:10px !important;
  }
  html body #productPage .product-summary-card{
    grid-column:2 !important;
    grid-row:auto !important;
    align-self:start !important;
    margin:0 !important;
    padding:18px 20px !important;
    border:1px solid #f3e6d8 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  html body #productPage .product-size-card,
  html body #productPage .product-colour-card,
  html body #productPage .product-stock-card,
  html body #productPage .product-seller-card,
  html body #productPage .product-detail-shell > .product-resell-context-card{
    grid-column:2 !important;
    grid-row:auto !important;
    align-self:start !important;
    margin:0 !important;
  }
  html body #productPage .product-gallery-dots,
  html body #productPage .product-gallery-dot{
    display:none !important;
  }
  html body #productPage .product-detail-shell > .product-highlights-card,
  html body #productPage .product-detail-shell > .product-related-card,
  html body #productPage .product-detail-shell > .product-reviews-card,
  html body #productPage .product-detail-shell > .product-desc-card,
  html body #productPage .product-detail-shell > .product-details-card,
  html body #productPage .product-detail-shell > .product-policy-card,
  html body #productPage .product-detail-shell > .product-delivery-card,
  html body #productPage .product-detail-shell > section:not(.product-gallery-card):not(.product-similar-strip):not(.product-summary-card):not(.product-size-card):not(.product-colour-card):not(.product-stock-card):not(.product-seller-card):not(.product-resell-context-card){
    grid-column:1 / -1 !important;
  }
  html body #productPage .product-related-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
  }
  html body #productPage .product-related-grid > *,
  html body #productPage .product-related-grid .mall-product-card,
  html body #productPage .product-related-grid .listing-card,
  html body #productPage .product-related-grid article{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    float:none !important;
    inset:auto !important;
    transform:none !important;
  }
  html body #productPage .product-related-grid .mall-product-media,
  html body #productPage .product-related-grid .listing-card-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    overflow:hidden !important;
  }
  /* Desktop: never pin purchase bar to the viewport */
  html body.product-detail-mode #productPage.page > .page-scroll#productDetail,
  html body.product-detail-mode #productPage .page-scroll{
    padding-bottom:32px !important;
    scroll-padding-bottom:24px !important;
  }
  html body.product-detail-mode #productPage.page > .product-bottom-bar.product-inline-actions,
  html body.product-detail-mode #productPage > .product-bottom-bar.product-inline-actions,
  html body #productPage.page > .product-bottom-bar.product-inline-actions,
  html body #productPage > .product-bottom-bar.product-inline-actions{
    display:none !important;
  }

  /* --- Shared desktop gutters (match Home 1280 / 28px) --- */
  html body #app{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  html body #helpCenterPage .page-header,
  html body #settingsPage .page-header,
  html body #paymentHistoryPage .page-header,
  html body #ordersPage .page-header,
  html body #profilePage .page-header,
  html body #cartPage .page-header,
  html body #checkoutPage .page-header{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  html body #helpCenterPage #helpCenterContent,
  html body #helpCenterPage .page-scroll,
  html body #settingsPage .page-scroll,
  html body #paymentHistoryPage .page-scroll,
  html body #ordersPage .page-scroll,
  html body #profilePage .page-scroll,
  /* Keep inner content width; exclude footer-clone shopping scroll mounts so 100vw footer is not clipped */
  html body #pageContainer > .page:not(#homePage):not(#categoriesPage):not(#listingPage):not(#mallPage):not(#searchPage):not(#wishlistPage):not(#cartPage):not(#referEarnPage):not(#productPage) > .page-scroll{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  html body #helpCenterPage #helpCenterContent > .section,
  html body #helpCenterPage .resell-card{
    max-width:none !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  html body #listingPage .listing-page-header,
  html body #listingPage .listing-search-shell,
  html body #listingPage .listing-filter-bar,
  html body #listingPage .mall-filter-bar,
  html body #listingPage #listingProductsScroll{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  html body #homePage #homeMainContent{
    max-width:1280px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* --- Cart / checkout --- */
  html body #cartPage .page-header,
  html body #checkoutPage .page-header{
    padding-top:12px !important;
    padding-bottom:12px !important;
    background:#fff !important;
    border-bottom:1px solid #f0e4d6 !important;
  }
  html body #cartPage #cartContent,
  html body #checkoutPage #checkoutContent{
    max-width:1280px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:18px 28px 28px !important;
    box-sizing:border-box !important;
  }
  html body #cartPage .cart-item-card,
  html body #cartPage .cart-delivery-card,
  html body #checkoutPage .checkout-section,
  html body #checkoutPage .resell-card{
    border:1px solid #f3e6d8 !important;
    border-radius:14px !important;
    background:#fff !important;
  }
  html body #cartPage .cart-bottom,
  html body #checkoutPage .checkout-footer-bar{
    max-width:1280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }

  /* Footer polish kept in unified Home+clone rule above */
  /* --- Desktop: unified Home-style product cards + white media --- */
  html body #productPage .page-scroll,
  html body #productPage #productDetail,
  html body #productPage .product-detail-shell,
  html body #productPage .product-detail-left-col,
  html body #listingPage #listingProductsScroll,
  html body #listingPage .listing-products-section,
  html body #mallPage #mallContent,
  html body #searchPage #searchResults{
    background:#fff !important;
  }
  html body #listingPage #listingProductsGrid,
  html body #listingPage .listing-product-grid,
  html body #mallPage #mallProductGrid,
  html body #mallPage .mall-product-grid,
  html body #productPage .product-related-grid,
  html body #searchPage .search-product-grid,
  html body #homePage .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #wishlistPage .wishlist-grid,
  html body #wishlistPage .wishlist-page-shell--pro .wishlist-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    row-gap:16px !important;
    column-gap:16px !important;
    width:100% !important;
    background:#fff !important;
  }
  html body #listingPage .home-product-card,
  html body #mallPage .home-product-card,
  html body #productPage .home-product-card,
  html body #searchPage .home-product-card,
  html body #wishlistPage .home-product-card,
  html body #homePage .home-product-card,
  html body #listingPage .listing-card,
  html body #mallPage .mall-product-card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #f0f0f0 !important;
    border-radius:16px !important;
    box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
    float:none !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
  }
  html body #listingPage .home-product-media,
  html body #mallPage .home-product-media,
  html body #productPage .home-product-media,
  html body #searchPage .home-product-media,
  html body #wishlistPage .home-product-media,
  html body #homePage .home-product-media,
  html body #listingPage .listing-card-media,
  html body #mallPage .mall-product-media{
    position:relative !important;
    aspect-ratio:1 / 1 !important;
    width:100% !important;
    max-height:none !important;
    background:#fff !important;
    overflow:hidden !important;
    padding:0 !important;
  }
  html body #listingPage .home-product-media img,
  html body #mallPage .home-product-media img,
  html body #productPage .home-product-media img,
  html body #searchPage .home-product-media img,
  html body #wishlistPage .home-product-media img,
  html body #homePage .home-product-media img,
  html body #listingPage .listing-card-media img,
  html body #mallPage .mall-product-media img,
  html body #productPage .product-related-grid img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
    display:block !important;
  }
  html body #productPage .product-gallery-card,
  html body #productPage .product-gallery-track,
  html body #productPage .product-gallery-slide,
  html body #productPage .product-similar-strip,
  html body #productPage .product-gallery-thumbs,
  html body #productPage .product-gallery-thumb,
  html body #productPage .product-gallery-slide img,
  html body #productPage .product-gallery-thumb img{
    background:#fff !important;
  }
  html body #listingPage .home-product-body,
  html body #mallPage .home-product-body,
  html body #productPage .home-product-body,
  html body #searchPage .home-product-body,
  html body #wishlistPage .home-product-body,
  html body #homePage .home-product-body{
    background:#fff !important;
    padding:10px 12px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    gap:6px !important;
  }
  html body #listingPage .home-product-name,
  html body #mallPage .home-product-name,
  html body #productPage .home-product-name,
  html body #searchPage .home-product-name,
  html body #wishlistPage .home-product-name{
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    color:#1a1a2e !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:34px !important;
  }
  html body #listingPage .home-product-wish,
  html body #mallPage .home-product-wish,
  html body #productPage .home-product-wish,
  html body #searchPage .home-product-wish,
  html body #wishlistPage .home-product-wish{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    width:30px !important;
    height:30px !important;
    border:none !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.96) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
    z-index:2 !important;
    color:#6b7280 !important;
  }
  html body #listingPage .home-product-rating,
  html body #mallPage .home-product-rating,
  html body #productPage .home-product-rating,
  html body #searchPage .home-product-rating,
  html body #wishlistPage .home-product-rating{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    font-size:11px !important;
    color:#6b7280 !important;
  }
  html body #listingPage .home-product-rating-badge,
  html body #mallPage .home-product-rating-badge,
  html body #productPage .home-product-rating-badge,
  html body #searchPage .home-product-rating-badge,
  html body #wishlistPage .home-product-rating-badge{
    background:#16a34a !important;
    color:#fff !important;
    border-radius:6px !important;
    padding:2px 6px !important;
    font-size:10px !important;
    font-weight:800 !important;
  }
  html body .sanraj-site-footer-main,
  html body .sanraj-site-footer-kicker,
  html body .sanraj-site-footer-bottom{
    max-width:none !important;
    width:100% !important;
  }
  html body .sanraj-site-footer-grid{
    max-width:none !important;
  }
  html body #homePage #homeMainContent{
    padding-bottom:0 !important;
  }
  html body #homePage #homeScroll{
    padding-bottom:0 !important;
    scroll-padding-bottom:0 !important;
  }
  html body #listingPage #listingProductsScroll,
  html body #searchPage .page-scroll,
  html body #wishlistPage .page-scroll{
    padding-bottom:24px !important;
    scroll-padding-bottom:0 !important;
  }
  html body #productPage #productDetail,
  html body.product-detail-mode #productPage #productDetail{
    padding-bottom:32px !important;
    scroll-padding-bottom:24px !important;
  }
  html body #homePage .home-categories-filter-bar,
  html body #listingPage .listing-filter-bar,
  html body #listingPage .mall-filter-bar{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* --- Scroll Gap Search Fix: gaps, white plates, search header/recent --- */
  html body #listingPage.page,
  html body #listingPage,
  html body #listingPage.food-grocery-mode,
  html body #productPage.page,
  html body #productPage,
  html body #searchPage.page,
  html body #searchPage,
  html body #mallPage.page,
  html body #mallPage,
  html body #wishlistPage.page,
  html body #homePage.page{
    background:#fff !important;
  }
  html body #listingPage #listingProductsScroll,
  html body #listingPage .listing-products-section,
  html body #listingPage .listing-grid-wrap,
  html body #listingPage.food-grocery-mode .listing-products-section,
  html body #productPage #productDetail,
  html body #productPage .product-detail-shell,
  html body #searchPage #searchResults,
  html body #searchPage .search-page-scroll,
  html body #searchPage .search-meesho-panel,
  html body #mallPage #mallContent,
  html body #mallPage .mall-page-shell{
    background:#fff !important;
  }
  html body #homePage .home-popular-section{
    display:block !important;
    background:#fff !important;
  }
  html body #homePage .home-popular-section #homePopularProducts,
  html body #homePage .home-popular-section .home-top-picks-shell,
  html body #homePage .home-popular-section .home-top-picks-products{
    width:100% !important;
    max-width:100% !important;
  }
  html body #homePage .home-popular-section .home-product-grid,
  html body #homePage .home-top-picks-section .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #homePage #trendingProducts,
  html body #homePage .home-product-grid,
  html body #listingPage #listingProductsGrid,
  html body #listingPage .listing-product-grid,
  html body #mallPage #mallProductGrid,
  html body #mallPage .mall-product-grid,
  html body #productPage .product-related-grid,
  html body #searchPage .search-product-grid,
  html body #searchPage .product-grid,
  html body #wishlistPage .wishlist-grid,
  html body #wishlistPage .wishlist-page-shell--pro .wishlist-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    row-gap:16px !important;
    column-gap:16px !important;
    background:#fff !important;
  }
  html body #homePage .home-popular-section .home-product-card,
  html body #homePage .home-top-picks-section .home-product-card{
    border:1px solid #f0f0f0 !important;
    border-radius:16px !important;
    box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
    background:#fff !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  html body #app #mainContent #pageContainer > #categoriesPage > .page-scroll{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    max-width:none !important;
    width:100% !important;
  }
  html body #app #categoriesPage .categories-columns{
    overflow:visible !important;
    max-height:none !important;
    height:auto !important;
  }
  html body #searchPage .search-page-header,
  html body #app #searchPage .search-page-header,
  html body #searchPage > .page-header.search-page-header{
    position:relative !important;
    top:auto !important;
    flex:0 0 auto !important;
    z-index:2 !important;
    background:#fff !important;
    padding:12px 28px !important;
    box-sizing:border-box !important;
  }
  html body #searchPage #searchResults,
  html body #searchPage .search-page-scroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding-top:8px !important;
  }
  html body #searchPage .search-recent-list{
    display:flex !important;
    flex-direction:column !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  html body #searchPage .search-recent-block,
  html body #searchPage .search-suggestions.search-recent-block{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 0 18px !important;
  }
  html body #searchPage .search-recent-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    gap:12px 16px !important;
    overflow:visible !important;
    visibility:visible !important;
  }
  html body #searchPage .search-recent-item-wrap,
  html body #searchPage .search-recent-item,
  html body #searchPage .search-recent-avatar,
  html body #searchPage .search-recent-delete{
    display:flex !important;
    visibility:visible !important;
  }
  html body #searchPage .search-recent-delete{
    display:grid !important;
  }
  html body #searchPage .search-recent-title{
    display:block !important;
  }
  html body #searchPage .search-for-you-block{
    margin-top:8px !important;
    padding-top:0 !important;
  }

  /* Kill grey/peach page plates — pure white surfaces */
  html,
  html body,
  html body #app,
  html body #mainContent,
  html body #pageContainer,
  html body #homePage.page,
  html body #listingPage.page,
  html body #listingPage,
  html body #listingPage.food-grocery-mode,
  html body #productPage.page,
  html body #productPage,
  html body #searchPage.page,
  html body #searchPage,
  html body #mallPage.page,
  html body #mallPage,
  html body #wishlistPage.page,
  html body #categoriesPage.page{
    background:#fff !important;
  }
  html body #listingPage #listingProductsScroll,
  html body #listingPage .listing-products-section,
  html body #listingPage .listing-grid-wrap,
  html body #listingPage #listingProductsGrid,
  html body #listingPage .listing-product-grid,
  html body #productPage #productDetail,
  html body #productPage .page-scroll.no-pad,
  html body #productPage .product-detail-shell,
  html body #productPage .product-related-grid,
  html body #searchPage #searchResults,
  html body #searchPage .search-page-scroll,
  html body #searchPage .search-product-grid,
  html body #searchPage .product-grid,
  html body #mallPage #mallContent,
  html body #mallPage .mall-page-shell,
  html body #mallPage #mallProductGrid,
  html body #mallPage .mall-product-grid,
  html body #homePage #homeScroll,
  html body #homePage .home-popular-section,
  html body #homePage .home-popular-section .home-product-grid,
  html body #homePage .home-top-picks-products,
  html body #homePage .home-product-grid{
    background:#fff !important;
  }
}

@media (min-width: 1200px){
  html body .sanraj-site-footer-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* Desktop only: hide mobile bottom nav and clear reserved whitespace under footer. */
@media (min-width: 980px){
  html body #bottomNav,
  html body #app #mainContent #bottomNav,
  html body #app #mainContent #bottomNav#bottomNav{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }
  html body #app #mainContent{
    padding-bottom:0 !important;
  }
  html body #homePage #homeMainContent > .spin-wheel-launcher{
    bottom:24px !important;
  }
  html body #listingPage .listing-offer-strip,
  html body #homePage .home-green-offer-strip{
    background-image:none !important;
    background:linear-gradient(100deg,#ecfff7 0%,#ffffff 52%,#d9fff0 100%) !important;
  }
  html body #productPage .product-gallery-dot{
    background:#d1d5db !important;
    border:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }
  html body #productPage .product-gallery-dot.active{
    background:#ec7b0a !important;
  }
}