/* i-SS Sambal Street PolyCC — Premium Food Ecommerce Redesign */
:root{
  --primary-red:#C62828;
  --dark-red:#8E1B1B;
  --dark-brown:#3E2723;
  --brown:#5A4747;
  --cream:#FFF3D6;
  --cream-2:#FFFDF6;
  --green:#4F772D;
  --light-green:#E8F0DE;
  --gold:#D9A441;
  --white:#FFFFFF;
  --line:#E9DCC7;
  --shadow:0 16px 45px rgba(59,33,24,.10);
  --shadow-soft:0 8px 24px rgba(59,33,24,.07);
  --radius:22px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",Inter,Arial,sans-serif!important;background:var(--cream)!important;color:var(--dark-brown)!important;line-height:1.55}
h1,h2,h3,h4,h5,h6,.section-title,.page-title{font-family:"Playfair Display",Georgia,serif!important;color:var(--dark-brown)!important;letter-spacing:-.02em}
a{color:inherit}
button,input,select,textarea{font-family:inherit}

/* ---------- shared container ---------- */
.container{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}

/* ---------- top announcement ---------- */
.topbar{background:var(--dark-brown)!important;color:#FFE9BE!important;border:0!important;text-align:center!important;padding:8px 16px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important}

/* ---------- customer navbar ---------- */
header.navbar,.navbar{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,253,246,.96)!important;color:var(--dark-brown)!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:0 6px 25px rgba(59,33,24,.06)!important;backdrop-filter:blur(14px)!important}
.nav-inner,.navbar-inner{min-height:78px!important;display:flex!important;align-items:center!important;gap:24px!important}
.logo{display:inline-flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;font-weight:900!important;white-space:nowrap!important}
.logo-box,.logo-icon{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--primary-red)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:950!important;box-shadow:0 8px 18px rgba(169,31,31,.20)!important}
.logo-red,.logo-main{color:var(--primary-red)!important;font-weight:900!important}
.logo-white,.logo-dark,.logo-street{color:var(--dark-brown)!important;font-weight:900!important}
.poly-pill,.poly-badge,.logo-badge{background:var(--light-green)!important;color:var(--green)!important;border:1px solid #D3E3C2!important;border-radius:999px!important;padding:5px 9px!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin-left:auto!important}
.nav-links a{position:relative!important;color:var(--brown)!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;padding:11px 12px!important;border-radius:999px!important;transition:.25s ease!important}
.nav-links a:hover,.nav-links a.active{color:var(--primary-red)!important;background:#F8D7DA!important}
.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:99px;background:var(--primary-red)!important}
.nav-actions{display:flex!important;align-items:center!important;gap:9px!important;margin-left:auto!important}
.icon-btn,.cart-btn,.profile-btn{position:relative!important;width:40px!important;height:40px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--dark-brown)!important;border-radius:50%!important;display:grid!important;place-items:center!important;text-decoration:none!important;transition:.25s ease!important}
.icon-btn:hover,.cart-btn:hover,.profile-btn:hover{transform:translateY(-2px)!important;border-color:#D9B39F!important;color:var(--primary-red)!important;box-shadow:var(--shadow-soft)!important}
.profile-btn{width:auto!important;border-radius:999px!important;padding:4px 10px 4px 5px!important;display:flex!important;gap:8px!important}
.avatar{width:31px!important;height:31px!important;border-radius:50%!important;background:var(--green)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important}
.profile-name,.username{font-size:10px!important;font-weight:800!important;color:var(--dark-brown)!important;max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.cart-count{position:absolute!important;right:-3px!important;top:-4px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:var(--primary-red)!important;color:#fff!important;font-size:9px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important}
.login-btn,.btn-primary,.hero-primary,.checkout-btn,.submit-btn,.primary-btn,.add-cart-btn{background:var(--primary-red)!important;color:#fff!important;border:1px solid var(--primary-red)!important;border-radius:999px!important;font-weight:900!important;transition:.25s ease!important}
.login-btn{padding:10px 17px!important;text-decoration:none!important;font-size:10px!important}
.login-btn:hover,.btn-primary:hover,.hero-primary:hover,.checkout-btn:hover,.submit-btn:hover,.primary-btn:hover,.add-cart-btn:hover{background:var(--dark-red)!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(125,23,23,.18)!important}
.menu-btn,.hamburger{display:none!important;background:#fff!important;color:var(--dark-brown)!important;border:1px solid var(--line)!important;border-radius:12px!important;width:42px!important;height:42px!important}

/* ---------- homepage hero ---------- */
.page-step1 .hero{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 82% 30%,#F7DCA2 0,rgba(247,220,162,.34) 17%,transparent 38%),linear-gradient(135deg,#FFFDF8 0%,#FFF4D8 55%,#F4E5C5 100%)!important;border-bottom:1px solid var(--line)!important;padding:86px 0 76px!important}
.page-step1 .hero:before{content:"🌶";position:absolute;right:5%;top:5%;font-size:120px;opacity:.08;transform:rotate(18deg)}
.page-step1 .hero:after{content:"✦";position:absolute;left:5%;bottom:8%;font-size:70px;color:var(--gold);opacity:.15}
.hero-grid{align-items:center!important;gap:60px!important}
.hero-content{position:relative!important;z-index:2!important}
.hero-badge,.hero-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#F8D7DA!important;color:var(--primary-red)!important;border:1px solid #E8C4C8!important;border-radius:999px!important;padding:8px 13px!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important}
.live-dot{width:7px!important;height:7px!important;background:var(--green)!important;border-radius:50%!important;box-shadow:0 0 0 4px #E8F0DE!important}
.page-step1 .hero h1{font-size:clamp(42px,6vw,76px)!important;line-height:.96!important;margin:22px 0 20px!important;max-width:720px!important}
.page-step1 .hero h1 span{color:var(--primary-red)!important;font-style:italic!important}
.hero-description{max-width:600px!important;color:var(--brown)!important;font-size:15px!important;line-height:1.8!important}
.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:28px!important}
.hero-actions a{padding:13px 19px!important;border-radius:999px!important;text-decoration:none!important;font-size:10px!important;font-weight:950!important;letter-spacing:.04em!important}
.btn-secondary,.hero-secondary{background:#fff!important;color:var(--green)!important;border:1px solid #D3E3C2!important;border-radius:999px!important;font-weight:900!important}
.btn-secondary:hover,.hero-secondary:hover{background:var(--light-green)!important;transform:translateY(-2px)!important}
.hero-stats{display:flex!important;gap:28px!important;margin-top:35px!important;flex-wrap:wrap!important}
.hero-stats .stat{padding-right:26px!important;border-right:1px solid #DCCDB8!important}
.hero-stats .stat:last-child{border-right:0!important}
.hero-stats strong{display:block!important;color:var(--dark-brown)!important;font-size:23px!important;font-weight:950!important}
.hero-stats span{font-size:8px!important;letter-spacing:.12em!important;color:#6D5A50!important;font-weight:900!important}
.hero-visual{min-height:430px!important;display:grid!important;place-items:center!important;position:relative!important}
.visual-glow{background:#D9A441!important;opacity:.16!important;filter:blur(8px)!important;width:280px!important;height:280px!important;border-radius:50%!important}
.product-orbit{border:1px dashed rgba(85,122,50,.35)!important;width:390px!important;height:390px!important;border-radius:50%!important;position:absolute!important}
.jar{width:230px!important;height:270px!important;background:linear-gradient(145deg,#8C1C1C,#C62828 55%,#6F1515)!important;border-radius:38px 38px 50px 50px!important;box-shadow:0 30px 50px rgba(88,24,18,.25)!important;border:8px solid #5E1815!important;transform:rotate(-3deg)!important;position:relative!important;z-index:2!important}
.jar:before{content:"";position:absolute;left:27px;right:27px;top:-28px;height:40px;border-radius:12px 12px 6px 6px;background:#FFFDF8;border:5px solid #2B1914}
.jar-label{position:absolute!important;left:20px!important;right:20px!important;top:64px!important;bottom:32px!important;background:#FFF3D6!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:var(--dark-brown)!important}
.jar-label small{font-size:8px!important;font-weight:900!important;color:var(--green)!important;letter-spacing:.15em!important}.jar-label h3{font-size:31px!important;margin:7px 0!important;color:var(--primary-red)!important}.jar-label span{font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important}.jar-chilli{font-size:30px!important;margin-top:8px!important}
.float-card{position:absolute!important;z-index:4!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:12px 14px!important;box-shadow:var(--shadow)!important;display:flex!important;gap:9px!important;align-items:center!important}.float-card i{width:32px!important;height:32px!important;border-radius:10px!important;background:var(--light-green)!important;color:var(--green)!important;display:grid!important;place-items:center!important}.float-card strong{font-size:11px!important;display:block!important;color:var(--dark-brown)!important}.float-card span{font-size:8px!important;color:#6D5A50!important}.float-one{right:2%;top:16%}.float-two{left:0;bottom:12%}.float-two i{background:#F8D7DA!important;color:var(--primary-red)!important}

/* ---------- sections ---------- */
.section,.section-alt,.marketplace,.features,.flash-section,.search-area{background:var(--cream)!important}
.section{padding:72px 0!important}.section-alt{padding:72px 0!important;background:#FFFDF6!important}
.section-heading{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:20px!important;margin-bottom:28px!important}
.eyebrow,.section-eyebrow{font-size:9px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--green)!important;font-weight:950!important;margin-bottom:7px!important}
.section-title{font-size:clamp(28px,4vw,43px)!important;margin:0!important}.section-subtitle{color:#6D5A50!important;font-size:12px!important;margin:8px 0 0!important}.view-all{color:var(--primary-red)!important;text-decoration:none!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important}

/* ---------- product cards ---------- */
.product-grid,.promo-grid,.limited-grid,.ranking-grid{gap:20px!important}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.product-card,.promo-card,.limited-card,.category-card,.rank-card,.feature-card,.promo-card,.reward-card,.coupon-card,.voucher-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-soft)!important;overflow:hidden!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.product-card:hover,.promo-card:hover,.limited-card:hover,.category-card:hover,.rank-card:hover{transform:translateY(-7px)!important;box-shadow:var(--shadow)!important;border-color:#DDBBA8!important}
.product-image,.promo-image,.limited-image{background:linear-gradient(145deg,#FFF5DD,#F8EAD0)!important;overflow:hidden!important}
.product-image img,.promo-image img,.limited-image img{transition:transform .5s ease!important;object-fit:cover!important}.product-card:hover .product-image img,.promo-card:hover img,.limited-card:hover img{transform:scale(1.06)!important}
.product-body,.promo-body,.limited-content{padding:18px!important}
.product-category{color:var(--green)!important;font-size:8px!important;letter-spacing:.13em!important;font-weight:950!important}.product-name{font-family:"Playfair Display",Georgia,serif!important;color:var(--dark-brown)!important;font-size:19px!important;font-weight:800!important;margin-top:5px!important}.product-supplier{font-size:9px!important;color:#6D5A50!important;margin-top:5px!important}.product-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:14px!important}.product-price,.new-price{color:var(--primary-red)!important;font-size:16px!important;font-weight:950!important}.rating{color:#D9A441!important;font-size:10px!important;font-weight:900!important}.trending-badge,.discount,.limited-badge,.sale-badge{background:var(--primary-red)!important;color:#fff!important;border-radius:999px!important;font-size:8px!important;font-weight:950!important;padding:6px 9px!important}.wishlist,.quick-view{background:#fff!important;border:1px solid var(--line)!important;color:var(--dark-brown)!important;border-radius:50%!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important}.wishlist:hover,.quick-view:hover{color:var(--primary-red)!important;border-color:#D9B39F!important}.card-actions{display:flex!important;gap:7px!important;margin-top:12px!important}.card-actions .quick-view{margin-left:auto!important}

/* ---------- categories ---------- */
.category-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}.category-card{min-height:150px!important;padding:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;text-align:center!important}.category-icon{width:76px!important;height:76px!important;border-radius:50%!important;background:var(--light-green)!important;color:var(--green)!important;border:7px solid #F7FAF0!important;display:grid!important;place-items:center!important;font-size:24px!important;margin-bottom:11px!important;box-shadow:0 8px 18px rgba(85,122,50,.12)!important}.category-card span{font-size:10px!important;font-weight:900!important;color:var(--dark-brown)!important}

/* ---------- flash / promo ---------- */
.flash-banner{background:linear-gradient(135deg,var(--primary-red),var(--dark-red))!important;border:0!important;border-radius:24px!important;padding:22px 25px!important;color:#fff!important;box-shadow:0 18px 38px rgba(125,23,23,.16)!important}.flash-banner h2,.flash-banner p{color:#fff!important}.flash-title{display:flex!important;align-items:center!important;gap:12px!important}.flash-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important}.time-box{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important}.promo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:20px!important}.promo-tag{background:var(--light-green)!important;color:var(--green)!important;border-radius:999px!important;padding:5px 8px!important;font-size:8px!important;font-weight:950!important}.old-price{color:#9A8D82!important;text-decoration:line-through!important;font-size:10px!important;margin-right:7px!important}

/* ---------- ranking / limited ---------- */
.ranking-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.rank-card{display:flex!important;align-items:center!important;gap:15px!important;padding:18px!important;text-decoration:none!important}.rank-number{font-size:23px!important;min-width:35px!important;text-align:center!important}.rank-name{font-weight:950!important;color:var(--dark-brown)!important}.rank-poly{font-size:9px!important;color:#6D5A50!important;margin-top:3px!important}.rank-score{margin-left:auto!important;color:#D9A441!important;font-size:10px!important;font-weight:950!important}.limited-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.stock-text{display:flex!important;justify-content:space-between!important;font-size:9px!important;margin-top:14px!important;color:#6D5A50!important}.stock-text strong{color:var(--primary-red)!important}.stock-bar{height:7px!important;background:#F1E7D7!important;border-radius:99px!important;overflow:hidden!important;margin-top:7px!important}.stock-fill{height:100%!important;background:linear-gradient(90deg,var(--green),var(--gold))!important;border-radius:99px!important}

/* ---------- homepage trust/perks ---------- */
.home-perks{padding:38px 0!important;background:#FFFDF6!important}.home-perks-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.home-perk{min-height:110px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;padding:20px!important;box-shadow:var(--shadow-soft)!important}.home-perk-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:#F8D7DA!important;color:var(--primary-red)!important}.home-perk strong{font-size:12px!important;color:var(--dark-brown)!important}.home-perk span{font-size:9px!important;color:#6D5A50!important}
.home-cta{padding:48px 0!important;background:#FFFDF6!important}.home-cta-inner{border-radius:28px!important;background:linear-gradient(135deg,var(--dark-brown),#6B3B2B)!important;padding:38px!important}.home-cta h2{font-size:30px!important;color:#fff!important}.home-cta p{font-size:11px!important;color:#F9DEC6!important}.home-cta .cta-btn{background:#fff!important;color:var(--primary-red)!important;border-radius:999px!important;padding:13px 19px!important}

/* ---------- forms / login / register / checkout ---------- */
input,select,textarea,.form-control{background:#fff!important;color:var(--dark-brown)!important;border:1px solid var(--line)!important;border-radius:13px!important;min-height:44px!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-red)!important;box-shadow:0 0 0 4px rgba(169,31,31,.08)!important;outline:none!important}.login-page,.page-login,.page-register,.page-checkout{background:var(--cream)!important}.login-box,.form-panel,.brand-panel,.checkout-card,.payment-card,.cart-card,.profile-card{border:1px solid var(--line)!important;border-radius:26px!important;box-shadow:var(--shadow)!important;background:#fff!important}.brand-panel{background:linear-gradient(145deg,var(--dark-brown),#6A3C2E)!important;color:#fff!important}.brand-panel h1,.brand-panel h2,.brand-panel h3{color:#fff!important}.form-panel{background:#FFFDF8!important}

/* ---------- profile / rewards ---------- */
.page-profile .profile-hero,.page-rewards .reward-hero{background:linear-gradient(135deg,#FFFDF8,#F7E7C6)!important;border-bottom:1px solid var(--line)!important;color:var(--dark-brown)!important}.page-profile .profile-hero h1,.page-profile .profile-hero h2,.page-rewards .reward-hero h1,.page-rewards .reward-hero h2{color:var(--dark-brown)!important}.page-profile .avatar{background:var(--primary-red)!important}.page-profile .side-item.active{background:#F8D7DA!important;color:var(--primary-red)!important}.page-rewards .points-card{border-top:4px solid var(--green)!important}.page-rewards .coin-card,.page-rewards .voucher-card{border-top:4px solid var(--primary-red)!important}

/* ---------- admin / supplier ---------- */
body:has(.admin-wrapper),body:has(.dashboard-wrapper),body:has(.sidebar){background:var(--cream)!important}.admin-wrapper,.dashboard-wrapper{background:var(--cream)!important}.sidebar,.admin-sidebar{background:var(--dark-brown)!important;color:#fff!important;border:0!important;box-shadow:12px 0 35px rgba(59,33,24,.10)!important}.sidebar .logo,.admin-sidebar .logo{color:#fff!important}.sidebar a,.sidebar .menu-item,.admin-sidebar a,.admin-sidebar .menu-item{color:#FBEFE0!important;border-radius:12px!important;margin:3px 10px!important;transition:.2s ease!important}.sidebar a:hover,.sidebar .menu-item:hover,.sidebar .menu-item.active,.admin-sidebar a:hover,.admin-sidebar .menu-item.active{background:var(--primary-red)!important;color:#fff!important}.sidebar .badge,.admin-sidebar .badge{background:var(--gold)!important;color:var(--dark-brown)!important}.main-content,.dashboard-main,.content-area,.admin-content{background:var(--cream)!important}.topbar{box-shadow:none!important}.stat-card,.panel,.table-card,.content-card,.section-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--shadow-soft)!important}.stat-card .stat-icon,.icon-box{background:var(--light-green)!important;color:var(--green)!important;border-radius:14px!important}table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}th{background:var(--dark-brown)!important;color:#fff!important;border:0!important}td{border-color:var(--line)!important;color:var(--dark-brown)!important}tbody tr:hover{background:#FFF7E9!important}

/* ---------- footer ---------- */
.footer,footer.site-footer{background:var(--dark-brown)!important;color:#FFE9D0!important;border:0!important;padding-top:50px!important}.footer-grid{gap:35px!important}.footer-brand,.footer-title{color:#fff!important}.footer a{color:#F4D6B8!important;text-decoration:none!important}.footer a:hover{color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;color:#D9BBA5!important;margin-top:30px!important;padding-top:18px!important}

/* ---------- modals / alerts ---------- */
.modal-overlay,.modal{z-index:2000!important}.modal-content,.quick-view-content{background:#FFFDF8!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important}.alert-success,.success{background:var(--light-green)!important;color:var(--green)!important;border-color:#D3E3C2!important}.alert-error,.error,.alert-danger{background:#F8D7DA!important;color:var(--primary-red)!important;border-color:#F0C9BD!important}.alert-warning,.warning{background:#FFF3D6!important;color:#8A5A00!important;border-color:#E8CE9C!important}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .nav-links{gap:0!important}.nav-links a{padding:10px 8px!important;font-size:11px!important}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-perks-grid{grid-template-columns:1fr!important}.ranking-grid,.limited-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .container{width:min(100% - 28px,680px)!important}.nav-inner,.navbar-inner{min-height:68px!important}.menu-btn,.hamburger{display:grid!important;place-items:center!important}.nav-links{display:none!important;position:absolute!important;left:14px!important;right:14px!important;top:calc(100% + 8px)!important;background:#FFFDF8!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:10px!important;box-shadow:var(--shadow)!important;flex-direction:column!important;align-items:stretch!important}.nav-links.open{display:flex!important}.nav-links a{padding:12px 14px!important;border-radius:12px!important}.nav-links a.active:after{display:none!important}.profile-name,.username{display:none!important}.page-step1 .hero{padding:58px 0!important}.hero-grid{grid-template-columns:1fr!important}.hero-visual{min-height:360px!important;order:-1!important}.product-orbit{width:300px!important;height:300px!important}.jar{width:180px!important;height:220px!important}.jar-label{top:52px!important}.jar-label h3{font-size:25px!important}.float-one{right:2%!important}.float-two{left:2%!important}.promo-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.section,.section-alt{padding:52px 0!important}.section-heading{align-items:flex-start!important}.home-cta-inner{flex-direction:column!important;align-items:flex-start!important}
}
@media(max-width:520px){
  .topbar{font-size:8px!important}.logo-white,.logo-dark,.logo-street{display:none!important}.poly-pill,.poly-badge,.logo-badge{display:none!important}.page-step1 .hero h1{font-size:43px!important}.hero-description{font-size:12px!important}.hero-stats{gap:15px!important}.hero-stats .stat{padding-right:13px!important}.hero-stats strong{font-size:18px!important}.hero-stats span{font-size:7px!important}.hero-visual{min-height:290px!important}.product-orbit{width:245px!important;height:245px!important}.jar{width:150px!important;height:185px!important}.jar-label{top:44px!important;left:14px!important;right:14px!important;bottom:22px!important}.jar-label h3{font-size:20px!important}.float-card{padding:8px 10px!important}.float-card strong{font-size:9px!important}.float-card span{font-size:7px!important}.float-one{top:7%!important}.float-two{bottom:3%!important}.product-grid,.promo-grid,.ranking-grid,.limited-grid{grid-template-columns:1fr!important}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-card{min-height:135px!important}.section-title{font-size:30px!important}.section-heading{display:block!important}.view-all{display:inline-flex!important;margin-top:13px!important}.home-perks-grid{grid-template-columns:1fr!important}
}


/* ============================================================
   SAMBAL STREET POLYCC — GLOBAL SAMBAL THEME
   Visual language: chili red + warm cream + natural green + brown
   ============================================================ */
:root{
  --sambal-red:#C62828;
  --sambal-red-dark:#8E1B1B;
  --sambal-red-soft:#F8D7DA;
  --sambal-cream:#FFF3D6;
  --sambal-white:#FFFDF8;
  --sambal-green:#4F772D;
  --sambal-green-soft:#E8F0DE;
  --sambal-orange:#F57C00;
  --sambal-brown:#3E2723;
  --sambal-muted:#6D5A50;
  --sambal-border:#E8D4C8;
  --sambal-shadow:0 10px 28px rgba(62,39,35,.10);
}

html,body{
  background:var(--sambal-cream) !important;
  color:var(--sambal-brown) !important;
}
body{
  background-image:
    radial-gradient(circle at 5% 10%, rgba(198,40,40,.07), transparent 24%),
    radial-gradient(circle at 95% 85%, rgba(79,119,45,.06), transparent 25%) !important;
}

/* Header / navigation */
.navbar,.navbar-inner,.nav-inner,.header,.site-header{
  background:rgba(255,253,248,.96) !important;
  color:var(--sambal-brown) !important;
  border-color:var(--sambal-border) !important;
  box-shadow:0 3px 18px rgba(62,39,35,.08) !important;
}
.nav-links a,.nav-links a i,.navbar a{color:var(--sambal-brown) !important}
.nav-links a:hover,.nav-links a.active,.navbar a:hover{color:var(--sambal-red) !important}
.nav-links a.active::after{background:var(--sambal-red) !important}
.logo,.logo-main,.logo-street,.logo-dark{color:var(--sambal-brown) !important}
.logo span,.logo-red,.logo-badge{color:var(--sambal-red) !important}
.logo-icon,.logo-box{background:var(--sambal-red) !important;color:#fff !important}

/* Buttons and calls to action */
button,.btn,.btn-primary,.hero-primary,.login-btn,.btn-save,.add-cart,
.checkout-btn,.primary-btn,.submit-btn,.action-btn,.buy-btn{
  background:var(--sambal-red) !important;
  color:#fff !important;
  border-color:var(--sambal-red) !important;
}
button:hover,.btn:hover,.btn-primary:hover,.hero-primary:hover,.login-btn:hover,
.btn-save:hover,.add-cart:hover,.checkout-btn:hover,.primary-btn:hover,
.submit-btn:hover,.action-btn:hover,.buy-btn:hover{
  background:var(--sambal-red-dark) !important;
}
.btn-secondary,.hero-secondary,.reset-btn,.secondary-btn{
  background:var(--sambal-green-soft) !important;
  color:var(--sambal-green) !important;
  border-color:#D3E3C2 !important;
}

/* Page sections */
main,.section,.section-alt,.marketplace,.search-area,.features,.flash-section,
.page-content,.content-section,.hero,.products-section{
  color:var(--sambal-brown) !important;
}
.section,.marketplace,.products-section{background:var(--sambal-cream) !important}
.section-alt,.page-content{background:var(--sambal-white) !important}
.section-title,.filter-title,.marketplace-heading,.heading-left h1,.heading-left h2,
h1,h2,h3,h4{color:var(--sambal-brown) !important}
.section-subtitle,.hero-description,.intro,.footer-description,.muted{color:var(--sambal-muted) !important}
.eyebrow,.section-eyebrow,.category-tag,.accent,.green-text{color:var(--sambal-green) !important}

/* Cards */
.card,.product-card,.category-card,.promo-card,.rank-card,.limited-card,
.feature-card,.profile-card,.profile-side,.filter-box,.filter-panel,
.empty-state,.flash-banner,.search-box,.order-card,.stat-card,.info-card{
  background:var(--sambal-white) !important;
  color:var(--sambal-brown) !important;
  border-color:var(--sambal-border) !important;
  box-shadow:var(--sambal-shadow) !important;
}
.product-card:hover,.category-card:hover,.promo-card:hover,.rank-card:hover,
.limited-card:hover,.feature-card:hover,.card:hover{
  border-color:#E5AAA0 !important;
}
.product-name,.rank-name,.product-price,.price,.price-row,.product-meta,
.card-title{color:var(--sambal-brown) !important}
.product-category,.product-supplier,.supplier-text,.rank-poly{color:var(--sambal-muted) !important}
.product-price,.new-price,.price{color:var(--sambal-red) !important}
.rating,.rank-score,.stars{color:#D99A22 !important}
.product-image,.promo-image,.limited-image,.image-placeholder{background:#FFF8E8 !important}
.trending-badge,.discount,.limited-badge,.stock-badge,.poly-badge,
.badge,.sale-badge{background:var(--sambal-red) !important;color:#fff !important}

/* Forms */
input,select,textarea,.form-control,.filter-item input,.filter-item select{
  background:#fff !important;color:var(--sambal-brown) !important;
  border-color:var(--sambal-border) !important;
}
input::placeholder,textarea::placeholder{color:#9A8D82 !important}
input:focus,select:focus,textarea:focus,.form-control:focus{
  border-color:var(--sambal-red) !important;
  box-shadow:0 0 0 3px rgba(198,40,40,.10) !important;
}

/* Alerts / rewards */
.alert-success,.success,.success-message{background:#E8F0DE !important;color:#31551F !important;border-color:#C8D9B5 !important}
.alert-error,.error,.error-message{background:#F8D7DA !important;color:#8E1B1B !important;border-color:#E8B8BC !important}
.coin,.points,.reward,.voucher{color:var(--sambal-orange) !important}

/* Footer */
footer,.footer{
  background:#4A2922 !important;
  color:#FFF3D6 !important;
  border-color:#6A3B30 !important;
}
footer a,.footer a{color:#FFF3D6 !important}
footer a:hover,.footer a:hover{color:#FFCC80 !important}

/* Remove remaining page-level dark surfaces */
[style*="#000"],[style*="#111"],[style*="#101010"],[style*="#0e0e0e"],
[style*="#080808"],[style*="#0f0f0f"],[style*="#151515"],[style*="#161616"],
[style*="#181818"],[style*="#1a1a1a"],[style*="#202020"],[style*="#222"]{
  background:var(--sambal-white) !important;
  color:var(--sambal-brown) !important;
  border-color:var(--sambal-border) !important;
}

/* Profile/dashboard panels */
.profile-header,.profile-hero,.dashboard-header{
  background:linear-gradient(135deg,#FFF3D6,#FFFDF8) !important;
  color:var(--sambal-brown) !important;
}
.avatar,.profile-avatar,.user-avatar{
  background:var(--sambal-red) !important;color:#fff !important;
}
.profile-menu a.active,.sidebar a.active{
  background:var(--sambal-red) !important;color:#fff !important;
}