:root {
  --commerce-brand: var(--store-theme, #3154d5);
  --commerce-ink: #202124;
  --commerce-muted: #5f6368;
  --commerce-line: #dadce0;
  --commerce-canvas: #f8f9fa;
  --commerce-radius: 14px;
}

html { scroll-behavior: smooth; }
body { color: var(--commerce-ink); background: var(--commerce-canvas) !important; font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.navbar { min-height: 62px; padding-block: 9px !important; border-bottom: 1px solid var(--commerce-line) !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(16px); }
.navbar .container, main.container, header.container { padding-inline: 16px; }
.store-logo-img { width: 40px !important; height: 40px !important; border-radius: 11px; object-fit: cover !important; }
.hero-section { padding: 34px 0 20px !important; }
.hero-section h1 { color: var(--commerce-ink); letter-spacing: -.035em; font-weight: 700 !important; }
.hero-section p, .text-muted { color: var(--commerce-muted) !important; }
.search-container { max-width: 580px; margin-inline: auto; }
.search-input, .form-control, .form-select, input, select, textarea { min-height: 48px; border: 1px solid var(--commerce-line) !important; border-radius: 12px !important; font-size: 16px !important; box-shadow: none !important; }
.search-input:focus, .form-control:focus, .form-select:focus, input:focus, select:focus, textarea:focus { border-color: var(--commerce-brand) !important; box-shadow: 0 0 0 4px rgba(49,84,213,.14) !important; }
.category-nav { display: flex; flex-wrap: nowrap !important; gap: 8px; overflow-x: auto; padding-bottom: 7px; scrollbar-width: none; }
.category-nav::-webkit-scrollbar { display: none; }
.cat-pill { flex: 0 0 auto; min-height: 39px; display: inline-flex; align-items: center; border-radius: 999px !important; font-size: .875rem !important; font-weight: 600 !important; }
.product-card { height: 100%; border: 1px solid var(--commerce-line) !important; border-radius: var(--commerce-radius) !important; box-shadow: 0 1px 2px rgba(60,64,67,.06) !important; }
.img-container { background: #f1f3f4; }
.img-container img { object-fit: cover; }
.card-content { padding: 14px !important; }
.product-name { color: var(--commerce-ink); font-size: .9375rem !important; font-weight: 650 !important; line-height: 1.4; }
.product-price { font-weight: 700 !important; }
.btn-view, .btn-pay, .btn-whatsapp-outline { min-height: 46px; display: flex !important; align-items: center; justify-content: center; border-radius: 11px !important; font-size: .875rem !important; font-weight: 650 !important; }
.gallery-container, .main-img-holder, .video-box, .cart-item-card, .card, .success-card, .invoice-card { border-color: var(--commerce-line) !important; border-radius: var(--commerce-radius) !important; box-shadow: 0 1px 2px rgba(60,64,67,.06) !important; }
.main-img-holder { overflow: hidden; background: #f1f3f4 !important; }
.main-img-holder img { object-fit: cover; }
.product-price-large { color: var(--commerce-brand) !important; }
.badge-stock { font-size: .75rem !important; font-weight: 650 !important; }
.breadcrumb { color: var(--commerce-muted); font-size: .8125rem !important; }
.modal-content { border: 0 !important; border-radius: 20px !important; box-shadow: 0 30px 70px rgba(32,33,36,.2) !important; }
footer { background: #fff !important; border-top: 1px solid var(--commerce-line) !important; }

@media (max-width: 767.98px) {
  main.container { margin-top: 22px !important; margin-bottom: 34px !important; }
  .hero-section { padding-top: 26px !important; }
  .hero-section p { font-size: .875rem; }
  .product-card .img-container { height: auto !important; aspect-ratio: 1 / 1.08; }
  .product-name { font-size: .875rem !important; }
  .product-price { font-size: 1rem !important; }
  .btn-view { min-height: 42px; font-size: .8125rem !important; }
  .badge-stock { top: 8px !important; left: 8px !important; padding: 4px 7px !important; font-size: .6875rem !important; }
  .breadcrumb { margin-bottom: 8px; }
  .main-img-holder { border-radius: 14px !important; }
  .product-price-large { font-size: 1.45rem !important; }
  .d-grid.gap-3:has(.btn-pay), .d-grid.gap-3:has(.btn-whatsapp-outline) { position: sticky; z-index: 20; bottom: 0; margin: 24px -16px 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--commerce-line); background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
  .cart-item-card { align-items: flex-start !important; gap: 10px !important; padding: 11px !important; }
  .cart-item-card img { width: 64px !important; height: 64px !important; }
  .modal-dialog-centered { align-items: end; min-height: calc(100% - 24px); }
  .modal-dialog { margin: 12px; }
  .modal-content { border-radius: 20px 20px 14px 14px !important; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }