/* SalePro eCommerce — Grocery Theme */
.theme-grocery {
    --theme-color: #2f855a;
    --grocery-ink: #16352a;
    --grocery-muted: #67756f;
    --grocery-green: #2f855a;
    --grocery-soft: #eef7e8;
    --grocery-border: #e0eadc;
    --grocery-canvas: #f7fbf4;
    background: var(--grocery-canvas);
    color: var(--grocery-ink);
}
.theme-grocery .grocery-category-image .category-image-fallback{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e4f3dc;color:#257448;font-size:29px}.theme-grocery .demo-brand-pill{border-color:#d8e6d3;border-radius:12px;background:#fbfdf9}.theme-grocery .demo-brand-monogram{color:#2f855a}.theme-grocery footer{border-top:3px solid #76b852}.theme-grocery .grocery-promo{position:relative}.theme-grocery .grocery-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,250,241,.94) 0%,rgba(246,250,241,.72) 42%,rgba(246,250,241,0) 68%)}.theme-grocery .grocery-promo>*{position:relative;z-index:1}
.theme-grocery .container-fluid { max-width: 1400px; }
.theme-grocery .grocery-header-shell { background:#fff; box-shadow:0 4px 18px rgba(31,73,48,.06); }
.theme-grocery .storefront-header--grocery { background:#fff; }
.theme-grocery a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.theme-grocery .grocery-utility-bar { background:#173c2c; color:#fff; min-height:36px; display:flex; align-items:center; font-size:12px; }
.theme-grocery .grocery-utility-message,.theme-grocery .grocery-utility-links { display:flex; align-items:center; gap:12px; }
.theme-grocery .grocery-utility-message .material-symbols-outlined { font-size:18px; color:#b8e986; }
.theme-grocery .grocery-utility-links a { color:rgba(255,255,255,.82); font-size:12px; }
.theme-grocery .grocery-utility-links a:hover { color:#fff; }
.theme-grocery .header-middle { background:#fff; min-height:86px; border-bottom:1px solid var(--grocery-border); }
.theme-grocery .header-middle .logo img { max-height:52px; }
.theme-grocery .header-search { max-width:650px !important; }
.theme-grocery .header-search-container { width:calc(100% - 58px) !important; }
.theme-grocery .header-search input { height:46px; margin-top:0; border:1px solid #cfdacf; border-right:0; border-radius:24px 0 0 24px; background:#fbfdf9; }
.theme-grocery .header-search .btn-search { height:46px; min-width:58px; margin-left:-5px; border-radius:0 24px 24px 0; background:var(--theme-color); border-color:var(--theme-color); }
.theme-grocery .header-bottom { background:#fff; border-bottom:1px solid var(--grocery-border); line-height:48px; }
.theme-grocery .category-button { background:var(--theme-color); color:#fff !important; border-radius:6px 6px 0 0; }
.theme-grocery .category-button:hover { filter:brightness(.94); }
.theme-grocery .main-menu ul li a { font-size:14px; font-weight:600; color:#31483e; }
.theme-grocery .grocery-hero { padding-top:18px !important; margin-bottom:4px; }
.theme-grocery .grocery-hero-shell { border-radius:18px; overflow:hidden; background:#e8f3df; box-shadow:0 12px 35px rgba(38,74,52,.08); }
.theme-grocery .grocery-hero .carousel-item,.theme-grocery .grocery-hero img { min-height:320px; width:100%; object-fit:cover; }
.theme-grocery .grocery-hero .carousel-control-prev,.theme-grocery .grocery-hero .carousel-control-next { width:42px; height:42px; background:#fff; border-radius:50%; opacity:.95; box-shadow:0 4px 18px rgba(0,0,0,.12); top:50%; transform:translateY(-50%); }
.theme-grocery .grocery-service-strip { padding:14px 0 10px; }
.theme-grocery .grocery-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.theme-grocery .grocery-service-item { display:flex; align-items:center; gap:11px; min-height:78px; padding:14px 16px; border:1px solid var(--grocery-border); border-radius:12px; background:#fff; }
.theme-grocery .grocery-service-item>.material-symbols-outlined { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--grocery-soft); color:var(--theme-color); font-size:23px; flex:0 0 42px; }
.theme-grocery .grocery-service-item strong { display:block; color:var(--grocery-ink); font-size:13px; }
.theme-grocery .grocery-service-item small { color:var(--grocery-muted); font-size:11px; line-height:1.35; }
.theme-grocery .grocery-categories { padding:18px 0 28px; }
.theme-grocery .grocery-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:15px; }
.theme-grocery .grocery-eyebrow { display:block; color:var(--theme-color); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:2px; }
.theme-grocery .grocery-section-heading h2 { margin:0; color:var(--grocery-ink); font-size:25px; font-weight:700; }
.theme-grocery .grocery-heading-link { display:flex; align-items:center; gap:5px; font-size:13px; font-weight:600; color:#53665e; }
.theme-grocery .grocery-heading-link:hover { color:var(--theme-color); }
.theme-grocery .grocery-heading-link .material-symbols-outlined { font-size:17px; }
.theme-grocery .grocery-category-grid { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:10px; }
.theme-grocery .grocery-category-card { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:12px 7px; border:1px solid var(--grocery-border); border-radius:14px; background:#fff; color:#31483e; font-size:12px; font-weight:600; }
.theme-grocery .grocery-category-card:hover { transform:translateY(-2px); border-color:var(--theme-color); color:var(--theme-color); box-shadow:0 10px 24px rgba(47,133,90,.08); }
.theme-grocery .grocery-category-image { width:70px; height:70px; display:flex; align-items:center; justify-content:center; border-radius:50%; overflow:hidden; background:#f2f8ee; }
.theme-grocery .grocery-category-image img { max-width:54px; max-height:54px; object-fit:contain; }
.theme-grocery .grocery-category-image .material-symbols-outlined { font-size:31px; color:var(--theme-color); }
.theme-grocery .section-title { border-bottom:1px solid var(--grocery-border); padding-bottom:9px; }
.theme-grocery .section-title h3 { color:var(--grocery-ink); font-size:21px; font-weight:700; }
.theme-grocery .single-product-wrapper { background:#fff; border:1px solid var(--grocery-border); border-radius:12px; overflow:hidden; box-shadow:none; }
.theme-grocery .single-product-wrapper:hover { box-shadow:0 10px 30px rgba(38,74,52,.09); border-color:#cadbc3; transform:translateY(-2px); }
.theme-grocery .product-img { background:#fff; }
.theme-grocery .product-content { padding:13px 14px 15px; }
.theme-grocery .product-name { color:#263f35; font-weight:600; min-height:40px; }
.theme-grocery .price { color:var(--theme-color); font-weight:700; }
.theme-grocery .button.style1,.theme-grocery a.button.style1 { border-radius:22px; }
.theme-grocery footer { background:#173c2c; }

@media (max-width:1199px){
  .theme-grocery .grocery-category-grid{grid-template-columns:repeat(5,1fr)}
  .theme-grocery .grocery-service-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .theme-grocery .grocery-utility-links{display:none}
  .theme-grocery .grocery-utility-bar .container-fluid{justify-content:center !important}
  .theme-grocery .header-middle{min-height:68px}
  .theme-grocery .grocery-hero{padding-top:8px !important}
  .theme-grocery .grocery-hero .carousel-item,.theme-grocery .grocery-hero img{min-height:200px}
  .theme-grocery .grocery-service-grid{grid-template-columns:1fr 1fr; gap:7px}
  .theme-grocery .grocery-service-item{padding:10px; min-height:68px}
  .theme-grocery .grocery-service-item small{display:none}
  .theme-grocery .grocery-category-grid{display:flex; overflow-x:auto; padding-bottom:7px; scrollbar-width:none}
  .theme-grocery .grocery-category-grid::-webkit-scrollbar{display:none}
  .theme-grocery .grocery-category-card{flex:0 0 105px}
  .theme-grocery .grocery-section-heading h2{font-size:21px}
}
@media (max-width:480px){
  .theme-grocery .grocery-service-grid{grid-template-columns:1fr}
}

.theme-grocery .grocery-demo-hero{min-height:430px;display:flex;align-items:center;background-size:cover;background-position:center}.theme-grocery .grocery-hero-copy{max-width:500px;padding:70px 0;color:var(--grocery-ink)}.theme-grocery .grocery-hero-copy>span{color:var(--theme-color);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.theme-grocery .grocery-hero-copy h1{margin:10px 0 15px;font-size:48px;line-height:1.08;color:#173c2c}.theme-grocery .grocery-hero-copy p{max-width:450px;color:#496458;font-size:15px;line-height:1.7}.theme-grocery .grocery-promo{min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:45px 7%;border-radius:18px;background-size:cover;background-position:center;color:#173c2c;overflow:hidden}.theme-grocery .grocery-promo span{color:var(--theme-color);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.theme-grocery .grocery-promo strong{width:44%;margin:9px 0;font-size:30px;line-height:1.2}.theme-grocery .grocery-promo em{font-style:normal;font-weight:700;text-decoration:underline}
@media(max-width:767px){.theme-grocery .grocery-demo-hero{min-height:360px;background-position:60% center}.theme-grocery .grocery-hero-copy{max-width:62%;padding:45px 0}.theme-grocery .grocery-hero-copy h1{font-size:34px}.theme-grocery .grocery-promo{min-height:250px;background-position:42% center}.theme-grocery .grocery-promo strong{width:65%;font-size:23px}}
