:root {
  --brand-green: #0f5c3f;
  --brand-green-dark: #0b3f2c;
  --brand-gold: #c99522;
  --brand-soft: #f7f4ec;
}
body { background:#f8f9fb; color:#1d2939; }
.top-strip { background:var(--brand-green-dark); color:#fff; }
.hero-section {
  background: linear-gradient(135deg, rgba(15,92,63,.98), rgba(11,63,44,.96));
  color:#fff; border-radius: 24px;
}
.hero-logo { max-height: 320px; filter: drop-shadow(0 12px 24px rgba(0,0,0,.22)); }
.section-title { color:var(--brand-green-dark); font-weight:700; }
.price-tag { color: var(--brand-green-dark); font-weight: 700; }
.badge-soft { background:#eef7f2; color:var(--brand-green-dark); padding:.45rem .75rem; border-radius:999px; }
.footer-area { background:#fff; border-top:1px solid #e9ecef; }
.footer-links a { color:#475467; text-decoration:none; display:block; margin-bottom:.35rem; }
.footer-links a:hover { color:var(--brand-green); }
.card { border-radius: 18px; overflow:hidden; }
.card-img-top { object-fit:cover; }
.admin-sidebar { background: linear-gradient(180deg, var(--brand-green-dark), var(--brand-green)); min-height:100vh; }
.admin-sidebar a { color:#fff; text-decoration:none; display:block; padding:.7rem .9rem; border-radius:12px; margin-bottom:.35rem; }
.admin-sidebar a.active, .admin-sidebar a:hover { background:rgba(255,255,255,.14); }
.product-gallery img, .thumb-grid img { border-radius:14px; object-fit:cover; }
.cart-table img { width:72px; height:72px; object-fit:cover; border-radius:12px; }
.checkout-summary { position: sticky; top: 96px; }
.filter-card { background:#fff; border-radius:18px; border:1px solid #e9ecef; }
.feature-icon { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#eef7f2; color:var(--brand-green); font-size:1.4rem; }
.btn-success { background:var(--brand-green); border-color:var(--brand-green); }
.btn-success:hover { background:var(--brand-green-dark); border-color:var(--brand-green-dark); }
.btn-warning { background:var(--brand-gold); border-color:var(--brand-gold); color:#fff; }
.btn-warning:hover { background:#ad7f19; border-color:#ad7f19; color:#fff; }
.navbar-brand span { color:var(--brand-green-dark); }
.dropdown-menu { border-radius:16px; }
.form-control, .form-select { border-radius:12px; }
.table > :not(caption) > * > * { vertical-align:middle; }
.main-product-image{width:100%;max-height:520px;object-fit:cover;border-radius:20px;cursor:zoom-in}
.thumb-grid .thumb{border:2px solid transparent;padding:2px;border-radius:14px;cursor:pointer;background:#fff}
.thumb-grid .thumb.active{border-color:var(--brand-gold)}
@media print {
  .navbar,.top-strip,.footer-area,.btn,.alert{display:none!important}
  body{background:#fff}
  .container{max-width:100%}
}


.live-chat-widget{position:fixed;right:18px;bottom:18px;z-index:1060}.live-chat-toggle{border:0;background:#198754;color:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 8px 18px rgba(0,0,0,.16);display:flex;align-items:center;gap:8px;font-weight:600}.live-chat-panel{width:360px;max-width:calc(100vw - 24px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.18);margin-top:10px}.live-chat-header{background:#198754;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.live-chat-body{padding:14px}.live-chat-messages-list{height:320px;overflow:auto;background:#f8f9fa;border:1px solid #e9ecef;border-radius:14px;padding:12px;margin-bottom:12px}.chat-msg{margin-bottom:12px;display:flex}.chat-msg--visitor{justify-content:flex-end}.chat-msg__bubble{max-width:85%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e9ecef}.chat-msg--visitor .chat-msg__bubble{background:#198754;color:#fff;border-color:#198754}.chat-msg__meta{font-size:.75rem;opacity:.7;margin-top:4px}.live-chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.chat-attachment-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;margin-top:6px}.admin-chat-layout{display:grid;grid-template-columns:340px 1fr;gap:16px}.admin-chat-sidebar,.admin-chat-main{background:#fff;border-radius:18px;border:1px solid #e9ecef;box-shadow:0 8px 24px rgba(0,0,0,.04)}.admin-chat-thread-list{max-height:70vh;overflow:auto}.admin-chat-thread{display:block;padding:14px 16px;border-bottom:1px solid #f1f3f5;color:inherit;text-decoration:none}.admin-chat-thread.active,.admin-chat-thread:hover{background:#f8f9fa}.admin-chat-messages{height:55vh;overflow:auto;padding:18px;border-bottom:1px solid #eef1f4}.admin-chat-form{padding:16px}.admin-chat-meta{padding:16px;border-top:1px solid #eef1f4;background:#fcfcfd}.chat-rule-card{border:1px solid #e9ecef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}@media (max-width:991.98px){.admin-chat-layout{grid-template-columns:1fr}.live-chat-panel{width:100%;max-width:100%}}