@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--sb-green:#63b946;--sb-green-dark:#278f3a;--sb-orange:#ffab00;--sb-orange-dark:#ff7a00;--sb-bg:#f7f9f7;--sb-text:#202820;--sb-muted:#6c756c;--sb-border:#e6ece6}
*{box-sizing:border-box} body{font-family:Inter,Arial,sans-serif;background:var(--sb-bg);color:var(--sb-text)}
a{text-decoration:none}.text-sb-green{color:var(--sb-green-dark)!important}.text-sb-orange{color:var(--sb-orange-dark)!important}
.logo-img{height:56px;width:auto;object-fit:contain}.logo-img-sm{height:42px;width:auto;object-fit:contain}.navbar{box-shadow:0 3px 14px rgba(0,0,0,.05)}
.top-search{max-width:520px}.search-box{border:1px solid var(--sb-border);border-radius:10px;overflow:hidden;background:#fff}.search-box input{border:0;box-shadow:none!important}.search-box .btn{border-radius:0;background:var(--sb-green-dark);border-color:var(--sb-green-dark)}
.category-nav{background:#fff;border-top:1px solid #f3f3f3}.category-nav .nav-link{color:#2d332d;font-size:.9rem;font-weight:600;padding:.7rem .9rem}.category-nav .nav-link:hover,.category-nav .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--sb-orange-dark),var(--sb-orange));border-radius:9px}
.hero{background:linear-gradient(120deg,#f8fff3 0%,#fffaf0 100%);border-radius:0 0 28px 28px;overflow:hidden}.hero h1{font-weight:800;letter-spacing:-1px}.hero-badge{display:inline-flex;gap:.5rem;align-items:center;background:#edf9e8;color:var(--sb-green-dark);border-radius:999px;padding:.45rem .8rem;font-weight:700}.hero-art{font-size:7rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}.btn-sb{background:linear-gradient(135deg,var(--sb-green-dark),var(--sb-green));border:none;color:#fff;font-weight:700}.btn-sb:hover{color:#fff;filter:brightness(.95)}.btn-orange{background:linear-gradient(135deg,var(--sb-orange-dark),var(--sb-orange));color:#fff;border:none;font-weight:700}.btn-orange:hover{color:#fff;filter:brightness(.96)}
.feature-strip{background:#fff;border:1px solid var(--sb-border);border-radius:14px;padding:14px}.feature-item{display:flex;gap:10px;align-items:center;font-size:.9rem;font-weight:600}.feature-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf9e8;color:var(--sb-green-dark)}
.section-title{font-weight:800}.category-card{display:block;background:#fff;border:1px solid var(--sb-border);border-radius:14px;padding:16px;text-align:center;color:var(--sb-text);height:100%;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#bfe3b2;box-shadow:0 8px 24px rgba(50,120,50,.08)}.category-icon{font-size:2rem;margin-bottom:8px}
.product-card{border:1px solid var(--sb-border);border-radius:16px;overflow:hidden;transition:.2s;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.035)}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(35,100,45,.10)}.product-img{height:200px;object-fit:cover;background:#f2f7f2}.placeholder-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:56px;color:#8bb99a;background:linear-gradient(135deg,#f0f8ed,#fff8e8)}.price{color:var(--sb-orange-dark);font-weight:800}.product-meta{font-size:.78rem;color:var(--sb-muted)}.product-card .btn{border-radius:9px}.badge-fresh{background:#e8f7e3;color:var(--sb-green-dark);font-weight:700}
.page-card{background:#fff;border:1px solid var(--sb-border);border-radius:16px}.cart-thumb{width:72px;height:72px;object-fit:cover;border-radius:12px}.summary-card{position:sticky;top:105px}.form-control,.form-select{border-radius:10px;border-color:#dfe7df}.form-control:focus,.form-select:focus{border-color:#84cb70;box-shadow:0 0 0 .2rem rgba(99,185,70,.13)}
footer{background:#17251a!important}.admin-sidebar{background:#17251a;min-height:calc(100vh - 72px);border-radius:0 18px 18px 0}.admin-sidebar a{display:block;color:#dce7df;padding:11px 14px;border-radius:10px;margin:4px 0;font-weight:600}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--sb-green-dark);color:#fff}.stat-card{border:0;border-radius:16px;color:#fff;overflow:hidden}.stat-green{background:linear-gradient(135deg,#278f3a,#63b946)}.stat-orange{background:linear-gradient(135deg,#ff7a00,#ffb000)}.stat-dark{background:linear-gradient(135deg,#34413a,#17251a)}.stat-red{background:linear-gradient(135deg,#d94841,#f06a62)}
.admin-table{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--sb-border)}
@media(max-width:991px){.logo-img{height:44px}.category-nav{display:none}.hero-art{font-size:4.5rem}.summary-card{position:static}.admin-sidebar{min-height:auto;border-radius:14px;margin-bottom:18px}.top-search{max-width:none;width:100%;margin-top:12px}}
@media(max-width:576px){.hero{border-radius:0 0 18px 18px}.hero h1{font-size:2rem}.product-img,.placeholder-img{height:150px}.product-card .p-3{padding:.8rem!important}.product-card h6{font-size:.92rem}.logo-img{height:38px}.feature-strip{padding:10px}.feature-item{font-size:.78rem}}

.category-icon img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto}.category-icon-thumb{width:58px;height:58px;border:1px solid var(--sb-border);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-icon-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}.category-icon-fallback{font-size:1.7rem;background:#f4faf2}.category-icon-preview{width:110px;height:110px;border:1px solid var(--sb-border);border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-icon-preview img{width:100%;height:100%;object-fit:contain;padding:8px}

:root{--sb-green:#28a745;--sb-orange:#ff9f00;--sb-text:#20251f}
body{background:#fbfcfb;color:var(--sb-text)}.site-header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.brand-logo{width:220px;max-width:100%;height:72px;object-fit:contain;object-position:left center}.search-box{display:flex}.search-box .form-control{border-radius:14px 0 0 14px}.search-box .btn{border-radius:0 14px 14px 0}
.cart-link{color:#222;text-decoration:none;font-weight:600}.cart-badge{background:var(--sb-orange);color:#fff;border-radius:99px;padding:2px 7px;font-size:.75rem}
.category-scroll{display:flex;gap:4px;overflow-x:auto;white-space:nowrap;padding:8px 0}.nav-category{padding:9px 14px;color:#252a25;text-decoration:none;border-radius:8px;font-weight:600}.nav-category:hover,.nav-category.active{background:var(--sb-green);color:#fff}
.category-panel{background:#fff;border:1px solid #e2e9e2;border-radius:18px;padding:22px}.side-category{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0ed;color:#222;text-decoration:none}.side-category.active,.side-category:hover{background:#eaf8ec;color:#178a35;border-radius:8px;font-weight:700}.side-category img{width:30px;height:30px;object-fit:contain}
.breadcrumb-brand{color:#198b37;font-weight:700}.catalog-title{font-size:clamp(2rem,4vw,3rem);font-weight:800}.catalog-subtitle{font-size:1.15rem;color:#667066}.product-card{border:1px solid #e7ece7;border-radius:16px;overflow:hidden;background:#fff}.product-img{height:220px;object-fit:contain}.placeholder-img{height:220px;display:flex;align-items:center;justify-content:center;font-size:48px;background:#f7faef}.price{color:#ff6a00;font-weight:800}.category-admin-thumb{width:52px;height:52px;object-fit:contain}.category-admin-preview{width:110px;height:90px;object-fit:contain}
@media(max-width:991px){.brand-logo{width:165px;height:52px}.product-img,.placeholder-img{height:170px}}@media(max-width:575px){.product-img,.placeholder-img{height:135px}.nav-category{font-size:.88rem;padding:8px 11px}}

.hero-carousel{border-radius:18px;overflow:hidden}.dynamic-hero{min-height:420px;background-size:cover;background-position:center;display:flex;align-items:center;border-radius:18px;overflow:hidden;background-color:#f3f8ed}.hero-copy{max-width:570px;padding:55px 45px}.hero-brand{width:360px;max-width:90%;height:110px;object-fit:contain;object-position:left center}.hero-copy h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08}.hero-copy p{font-size:1.15rem;color:#4d574e}.hero-fallback{background:linear-gradient(135deg,#f7fff3,#fff9ea)}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #edf0ed;border-radius:0 0 14px 14px;box-shadow:0 4px 16px rgba(0,0,0,.04);margin-bottom:24px}.service-strip>div{padding:17px 20px;text-align:center;border-right:1px solid #eee}.service-strip>div:last-child{border-right:0}.service-strip small{display:block;color:#6c756d}.section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.section-head h3{font-weight:800;margin:0}.section-head a{color:#168c34;text-decoration:none;font-weight:700}.category-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px}.category-home-card{background:#fff;border:1px solid #edf0ed;border-radius:14px;padding:12px;text-align:center;text-decoration:none;color:#222;transition:.2s}.category-home-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08);color:#168c34}.category-home-card img,.category-placeholder{width:100%;height:95px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:38px}.category-home-card strong{display:block;margin-top:7px}
.carousel-control-prev,.carousel-control-next{width:5%}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:rgba(20,130,45,.75);border-radius:50%;padding:18px}
@media(max-width:768px){.dynamic-hero{min-height:350px;background-position:center}.dynamic-hero[style]{background-image:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),var(--hero-image)}.hero-copy{padding:32px 24px;text-align:center;margin:auto}.hero-brand{width:230px;height:75px;object-position:center}.hero-copy p{font-size:1rem}.service-strip{grid-template-columns:repeat(2,1fr)}.service-strip>div{border-bottom:1px solid #eee}.category-home-grid{grid-template-columns:repeat(3,1fr)}}

/* Admin layout v2.3.1 */
.admin-body{background:#f5f7f5}
.admin-layout{min-height:100vh;display:flex}
.admin-sidebar{width:240px;background:#1f2b31;color:#fff;position:fixed;left:0;top:0;bottom:0;z-index:1040;overflow-y:auto}
.admin-brand{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-brand img{width:180px;height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:6px}
.admin-menu{padding:14px 10px}
.admin-menu a{display:flex;align-items:center;gap:10px;color:#e8efea;text-decoration:none;padding:11px 13px;border-radius:8px;margin-bottom:4px;font-weight:600}
.admin-menu a:hover,.admin-menu a.active{background:#28a745;color:#fff}
.admin-main{margin-left:240px;min-width:0;flex:1}
.admin-topbar{height:64px;background:#fff;border-bottom:1px solid #e8ece8;display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:1020}
.admin-menu-toggle{display:none;border:0;background:transparent;font-size:1.5rem}
.admin-content{max-width:1500px}
@media(max-width:991px){
  .admin-sidebar{transform:translateX(-100%);transition:.2s}
  .admin-main{margin-left:0}
  .admin-menu-toggle{display:inline-block}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)}
}

/* Product detail entry points on homepage */
.product-card-image-link{position:relative;display:block;overflow:hidden;background:#f7faf7}
.product-card-image-link .product-img{transition:transform .28s ease}
.product-card:hover .product-card-image-link .product-img{transform:scale(1.035)}
.product-detail-overlay{position:absolute;left:50%;bottom:14px;transform:translate(-50%,10px);opacity:0;background:rgba(31,43,49,.86);color:#fff;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700;white-space:nowrap;transition:.22s ease;pointer-events:none}
.product-card:hover .product-detail-overlay{opacity:1;transform:translate(-50%,0)}
.product-name-link{color:var(--sb-text);text-decoration:none;font-weight:700}
.product-name-link:hover{color:var(--sb-green-dark)}
.btn-detail-product{font-weight:700;color:#394239;background:#fff}
.btn-detail-product:hover{border-color:var(--sb-green)!important;color:var(--sb-green-dark);background:#f4fbf2}
@media(max-width:767px){.product-detail-overlay{display:none}.btn-detail-product{font-size:.84rem}.product-card h6{min-height:2.4em}}


/* Product detail image: follow frame width, natural proportional height */
.product-detail-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    border-radius: 18px;
}

/* v2.4.0 scroll paging */
.scroll-paging-sentinel,.scroll-paging-end{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6c756d;font-size:.9rem;margin:18px 0 8px}.scroll-paging-end{min-height:44px;border-top:1px solid #edf0ed}.scroll-paging-sentinel .spinner-border{width:1.15rem;height:1.15rem}

/* Header actions: product consultation + cart */
.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  white-space:nowrap;
}
.consult-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:9px 12px;
  border:1px solid #198754;
  border-radius:10px;
  color:#198754;
  background:#fff;
  font-weight:600;
  text-decoration:none;
  transition:.2s ease;
}
.consult-link:hover{
  color:#fff;
  background:#198754;
  border-color:#198754;
}
@media (max-width: 1199.98px){
  .consult-link{padding:8px 9px;font-size:.88rem;}
}
@media (max-width: 575.98px){
  .header-actions{gap:6px;}
  .consult-link{padding:7px 8px;font-size:.82rem;}
  .consult-label{display:none;}
  .cart-label{display:none;}
}