/* Shared, responsive CAZ surfaces. Keep layout in normal document flow. */
:root { --paper:#f4f5f7; --ink:#233044; --muted:#58677a; --line:#d8dee6; --brand:#ac2d3d; --caz-text:#233044; --caz-muted:#58677a; --caz-bg:#f4f5f7; color-scheme:light; }
html { height:auto; min-height:100%; overflow-x:clip; overflow-y:auto; }
body, body.caz-admin { height:auto; min-height:100vh; overflow:visible; color:var(--ink); background:#f4f5f7; font-size:16px; line-height:1.6; }
*,*::before,*::after { box-sizing:border-box; }
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]), body textarea, body select {
  color:#233044 !important; background-color:#fff !important; border:1px solid #abb7c6 !important; border-radius:10px !important;
  min-height:46px; max-width:100%; font-size:16px; line-height:1.5; padding:10px 13px;
}
body input::placeholder,body textarea::placeholder {color:#627084 !important;}
body select option { color:#233044; background:#fff; }
body select.filter-select { padding-right:40px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23792c39' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; }
button,a,input,textarea,select { touch-action:manipulation; }
button { font-size:15px; }
:focus-visible { outline:3px solid #206e9d !important; outline-offset:3px; }
button:disabled { cursor:not-allowed; opacity:.65; }
body h1,body h2,body h3,body h4 { color:#233044; line-height:1.25; }
body .michroma,body .product-page-title { color:#233044 !important; }
body .contact-content-layout,body .footer-bottom { border-color:#d2dce5; }
body .intro-text,body .catalog-description,body .hero-description,body .link-label,body .input-group label,body .field-label,body .field-hint,body .hint-text,body .fmt-hint,body .left-sub { color:#58677a !important; }
body .btn-black,body .filter-reset,body .utility { color:#344254 !important; background:#fff !important; border-color:#b9c3d0 !important; }
body .btn,body .btn-red,body .login-btn,body .checkout-btn,body .btn-add-header { background:#ac2d3d !important; border-color:#ac2d3d !important; color:#fff !important; }
body .btn:hover,body .btn-red:hover,body .login-btn:hover { background:#8f2432 !important; }
/* One navigation pattern across both interfaces, with direct product links. */
body .navbar.caz-navigation { position:sticky; inset:auto; top:0; z-index:1100; width:100%; min-height:88px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 24px; padding:14px 32px; background:#fff; border-bottom:1px solid #d8dee6; backdrop-filter:blur(16px); box-shadow:0 4px 18px #23304406; }
body .caz-navigation a { color:#435064; text-decoration:none; font-size:15px; letter-spacing:0; }
.caz-navigation .caz-brand { display:flex; align-items:center; gap:12px; flex:none; }
.caz-brand img { width:56px; height:52px; object-fit:contain; }
.caz-brand > span { font-size:23px; font-weight:800; letter-spacing:1px; line-height:1.1; color:#94283a; }
.caz-brand small { display:block; font-size:11px; color:#5c6776; letter-spacing:.6px; font-weight:600; margin-top:6px; }
.caz-nav-links { display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap; }
body .caz-nav-links a { display:inline-flex; align-items:center; padding:10px 13px; border-radius:9px; min-height:44px; font-weight:600; }
body .caz-nav-links a:hover { background:#f1f3f6; color:#7b2937; }
body .caz-nav-links a[aria-current=page] { background:#fbe9ec; color:#922b3b; }
.caz-nav-actions { display:flex; gap:8px; }
.nav-action { display:flex; align-items:center; gap:8px; background:#f6f7f9; color:#354357; padding:10px 13px; border:1px solid #d4dce6; border-radius:10px; min-height:44px; }
.nav-action:hover { background:#fbe9ec; border-color:#ddadb5; }
.nav-action i { font-size:16px; }
/* Full-width administration, without absolute offsets or nested scroll panes. */
body.caz-admin .page-content,body.caz-admin .inventory-wrapper,body.caz-admin .orders-wrapper,body.caz-admin .logs-wrapper,body.caz-admin .sales-wrapper {
  transform:none !important; -webkit-transform:none !important; position:static; width:100%; max-width:none; margin:0 auto; padding:32px clamp(16px,2.2vw,42px) 60px; min-height:calc(100vh - 88px);
}
body.caz-admin .page-content { min-height:0; padding:0; margin:0 !important; }
.caz-page-heading { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.caz-page-heading h1 { font-size:clamp(28px,3vw,38px); letter-spacing:-1px; margin:0 0 8px; }
.caz-page-heading p { color:#58677a; margin:0; }
.caz-eyebrow { display:block; color:#9c3041; letter-spacing:1.7px; font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:9px; }
body.caz-admin .inventory-section { width:100%; padding:24px; border:1px solid #d8dee6; border-radius:20px; background:#ffffffc9; box-shadow:0 8px 24px #263c5410; margin:0 0 32px; }
body.caz-admin .header-main { padding:0 0 20px; border-bottom:0; align-items:center; gap:18px; flex-wrap:wrap; }
body.caz-admin .header-main h2 { text-transform:none; letter-spacing:-.5px; color:#233044; font-size:27px; }
body .header-controls,body .orders-header,body .logs-header,body .logs-controls,body .transactions-header { display:flex; flex-wrap:wrap; align-items:center; gap:14px; height:auto; }
body .orders-header,body .logs-header,body .transactions-header { margin:0 0 22px; border:0; padding:0; }
body .status-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-left:auto; }
body .search-box,body .date-box { display:flex; align-items:center; gap:10px; width:auto; max-width:100%; min-width:0; height:auto; min-height:48px; margin:0; padding:0 13px; border:1px solid #b7c3d1; background:#fff; border-radius:11px; }
body .search-box i,body .date-box i { color:#6a788b; flex:none; }
body .search-box input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body .date-box input:not([type=checkbox]):not([type=radio]):not([type=hidden]) { border:0 !important; box-shadow:none; padding:10px 0 !important; width:220px; min-width:0; min-height:46px; background:transparent !important; }
body .date-box input { width:160px; }
.search-box:focus-within,.date-box:focus-within { outline:2px solid #3984aa; outline-offset:2px; }
body .btn-add-header { min-height:48px; padding:11px 19px; }
body .filter-row { background:#eef1f5; border:1px solid #d6dee8; padding:16px; border-radius:14px; gap:12px; margin:0 0 22px; }
body .filter-field { color:#4b5b6f; font-size:14px; }
body.caz-admin .inventory-container,body.caz-admin .inventory-container.scroll-mode,body.caz-admin .inventory-container.grid-mode {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr)); gap:20px; padding:0; overflow:visible;
}
body.caz-admin .inventory-container.compact-mode { grid-template-columns:repeat(auto-fill,minmax(min(195px,100%),1fr)); }
body.caz-admin .product-item { min-width:0; flex:none; padding:16px; border-radius:16px; border:1px solid #d2dbe5; background:#fff; color:#233044; transition:box-shadow .2s; }
body.caz-admin .product-item:hover { background:#fff; transform:none; box-shadow:0 8px 22px #24394e18; }
body.caz-admin .product-item img { background:#edf1f4; height:200px; padding:18px; border:0; border-radius:12px; }
body.caz-admin .product-details h3 { color:#243348; display:block; overflow:visible; overflow-wrap:anywhere; font-size:17px; min-height:50px; }
body.caz-admin .product-details p { color:#5a697d; font-size:15px; }
body.caz-admin .product-details p:nth-of-type(2) { color:#28374a; border-color:#dbe1e8; font-size:19px; }
.inventory-card-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.caz-admin .inventory-card-actions a { display:inline-flex; padding:9px 13px !important; min-height:40px; margin:0; border:1px solid #cfdae5; border-radius:9px; color:#344b64 !important; background:#f3f6f9; align-items:center; gap:6px; font-size:14px; text-decoration:none; }
body.caz-admin .inventory-card-actions a.danger { color:#a12b3c !important; background:#fff0f1; border-color:#ebbdc4; }
body .section-footer { border-color:#d8e0e8; margin-top:22px; }
body .view-toggle-btn { color:#435870; background:#eef2f6; border:1px solid #c7d3df; padding:10px 15px; border-radius:9px; }
body .tab-btn { padding:10px 15px; min-height:44px; background:#fff; color:#485970; border:1px solid #c8d3df; border-radius:9px; font-size:14px; text-transform:none; }
body .tab-btn.active,body .tab-btn:hover { background:#a92c3c; color:#fff; border-color:#a92c3c; }
body .table-container,body .wide-table-container { background:#fff; border:1px solid #d4dde6; border-radius:14px; height:auto !important; max-height:none !important; overflow:auto; }
body table { border-collapse:collapse; }
body.caz-admin th { background:#e9eef4 !important; color:#465971 !important; font-size:13px; letter-spacing:.3px; padding:17px 18px; }
body.caz-admin td { color:#2b3c53 !important; background:#fff; border-bottom:1px solid #e0e6ed; font-size:15px; padding:18px; }
body.caz-admin tr:hover td { background:#f8fafc; }
body .btn-manage { color:#9b2d3e; border:1px solid #dba9b2; background:#fff2f4; border-radius:9px; min-height:40px; font-size:13px; padding:9px 14px; }
body .badge { border-radius:7px; font-size:12px; padding:6px 10px; }
body .badge.pending { background:#fff4d8; border-color:#e6c26c; color:#735409; }
body .badge.approved { background:#e7f2ff; border-color:#a9cbea; color:#235a89; }
body .badge.shipped { background:#e7f4ec; border-color:#a8ccb4; color:#28613d; }
body .badge.cancelled,body .badge.canceled { background:#ffecef; border-color:#e4b2bc; color:#972b3f; }
body .sales-stats-grid { gap:20px; margin-bottom:24px; }
body .stat-card,body .chart-container { background:#fff; border:1px solid #d7e0e8; border-radius:16px; box-shadow:0 6px 18px #35485b08; }
body .stat-card h3,body .stat-info h3 { color:#5a6c82; font-size:14px; }
body .stat-card p,body .stat-info p { color:#25374c; }
body .chart-container h3 { color:#30435b; border-color:#e0e6ec; }
body .chart-box { background:#fff; border:1px solid #d6e0e9; border-radius:16px; min-width:0; }
body .chart-box h3 { color:#344b63; border-color:#dce4ed; font-size:17px; }
body .stat-label { color:#5c7189; font-size:14px; }
body .stat-value { color:#2a415a; font-size:26px; }
body .sales-table-header { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin:25px 0 18px; }
body .sales-table-header h2 { font-size:24px; }
body .export-btn { border-radius:9px; min-height:44px; font-size:14px; padding:10px 14px; }
body .stat-card.yellow i { color:#9b710c; }
body .stat-card.green i { color:#34714b; }
body .product-wrapper,body .form-wrapper,body .product-detail-wrapper { width:100%; max-width:1250px; margin:32px auto !important; padding:0 24px 40px; transform:none !important; }
body .product-detail-box,body .form-container { background:#fff; border:1px solid #d3dee8; border-radius:18px; padding-top:0; }
body .upload-section,body .info-section { background:#fff; border-color:#d7e1ea; min-width:0; }
body .form-title { color:#2d435c; font-size:25px; letter-spacing:-.4px; text-transform:none; }
body .image-placeholder { background:#edf2f6 !important; border:1px solid #d5e0e9 !important; border-radius:14px; }
body .info-section p,body .input-group p { color:#425a73; }
body .btn-submit,body .submit-btn { background:#a92c3d; color:#fff; border:1px solid #a92c3d; min-height:46px; border-radius:10px; font-size:15px; text-transform:none; }
body .back-circle-wrapper { position:static; margin-bottom:16px; }
body .back-circle-btn { background:#fff; color:#455d75; border:1px solid #bfcedd; }
body.caz-admin .manage-wrapper { background:#fff; color:#2c435d; border:1px solid #d6e0e9; max-width:1300px; margin:32px auto; width:calc(100% - 40px); height:auto; min-height:0; }
body.caz-admin .order-left,body.caz-admin .order-right { background:#fff; border-color:#d7e0e9; color:#2c435d; }
body.caz-admin .section-title,body.caz-admin .left-label { color:#2c435d; font-size:23px; }
body.caz-admin .preview-box { background:#f0f4f7; border-color:#c5d3df; color:#61758b; }
/* Admin landing: tasks grouped where they are immediately discoverable. */
.caz-dashboard { padding:38px clamp(20px,4vw,70px) 65px; max-width:1700px; margin:auto; }
.caz-dashboard-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 32px; border-radius:22px; background:linear-gradient(120deg,#fff,#fbecee); border:1px solid #e4d7dd; margin-bottom:28px; }
.caz-dashboard-intro h1 { font-size:clamp(30px,3vw,42px); letter-spacing:-1px; margin:0 0 10px; }
.caz-dashboard-intro p { margin:0; color:#5a697b; }
.caz-dashboard-intro img { width:160px; height:130px; object-fit:contain; }
.caz-management-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.caz-management-card { display:block; position:relative; background:#fff; border:1px solid #d6dfe8; border-radius:18px; padding:26px; color:#283e55; text-decoration:none; }
.caz-management-card:hover { border-color:#c78893; box-shadow:0 12px 30px #49223010; }
.caz-management-card > i { color:#a43143; background:#fbecef; width:48px; height:48px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; font-size:21px; margin-bottom:20px; }
.caz-management-card h2 { font-size:22px; margin:0 0 10px; }
.caz-management-card p { color:#5d6d80; margin:0 0 18px; }
.caz-management-card span { font-size:14px; font-weight:700; color:#9d3041; }
/* Customer storefront and contact backdrop: quiet, bright, brand-aligned. */
body .hero,body .cctv-page,body .product-detail,body .about-container,body .contact-container,body.portal-body {
  background-color:#f4f5f7 !important; background-image:radial-gradient(ellipse at 95% 5%,#f1dce166,transparent 48%),radial-gradient(ellipse at 0 90%,#dce8f066,transparent 50%) !important; color:#233044;
}
body .hero-content h1 { color:#26364b; }
body .hero-eyebrow,body .catalog-eyebrow { color:#993345; }
body .hero-image { border-color:#ddcfd7; background:#ffffff99; }
body .hero-actions .secondary { background:#fff !important; color:#34455b !important; border-color:#aebccd !important; }
body .product-card { background:linear-gradient(135deg,#ffffffee,#ffffffa8); border:1px solid #d1dbe5; color:#25384b; box-shadow:0 8px 22px #273e5610; }
body .product-card:hover { background:#fff; border-color:#c796a0; }
body .product-card img { background:#e9eef2; }
body .product-card .product-name,body .product-card:hover .product-name,body .product-card.out-of-stock .product-name { color:#293d52; }
body .product-card .stock-count { color:#456853 !important; }
body .product-card.out-of-stock .stock-count { color:#9d3142 !important; }
body .product-bottom { border-color:#d5dfe8; }
body .price,body #product-price { color:#263a50; }
body .product-box { background:#ffffffe3; border-color:#d6dfe8; }
body .product-meta-tag { color:#9d3444; }
body #product-desc { color:#56687b; }
body .info-cell,body .quantity-picker { background:#f1f4f7; border-color:#cbd6e0; }
body .cell-label { color:#647286; }
body .cell-value,body #qty,body .quantity-picker button { color:#263c54; }
body .back-btn { color:#3b4d64; background:#fff; border-color:#b8c6d5; }
body .in-stock { color:#286746; }
body .contact-container { padding:40px clamp(20px,5vw,80px) 70px; min-height:calc(100vh - 88px); }
body .contact-intro { max-width:100%; text-align:left; margin:0 0 32px; padding:30px; border:1px solid #e2d6de; border-radius:22px; background:linear-gradient(115deg,#ffffff,#f7e9ed); }
body .contact-intro h1 { color:#233044 !important; font-size:clamp(32px,4vw,45px); margin:0 0 12px; }
body .contact-intro .intro-line { display:none; }
body .contact-intro .intro-text { max-width:720px; margin:0 0 20px; }
body .contact-content-layout { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:32px; }
body .sub-panel-title { color:#3f526a; font-size:18px; margin:0 0 18px; }
body .contact-links-panel { gap:12px; }
body .contact-link-item { background:#fff; border:1px solid #d2dde7; border-radius:13px; padding:17px 20px; min-height:82px; }
body .contact-link-item i { width:34px; color:#a43346; }
body .link-value { color:#31465e; font-size:16px; overflow-wrap:anywhere; }
body .contact-link-item:hover { background:#fff7f8; border-color:#d59faa; }
body .contact-link-item:hover .link-value { color:#943145; }
body .map-wrapper { background:#fff; padding:8px; border:1px solid #d1dce7; border-radius:18px; height:470px; }
body .map-wrapper iframe { filter:none; border-radius:12px; }
body .about-container { padding-top:45px; }
body .brand-card { background:#fff; border-color:#d7e0e8; }
/* Preserve original logo colors, including the white lettering in supplied art. */
body .brands-section { background:#edf1f6; border:1px solid #d6dfe9; border-radius:20px; padding:36px clamp(18px,4vw,50px); }
body .brands-title { color:#2b4059; font-weight:700; margin-bottom:28px; }
body .brands-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; }
body .brand-card { width:100%; height:136px; padding:20px; border:1px solid #d7e0e8; }
body .brand-card.brand-card-contrast { background:#53657a; border-color:#53657a; }
body .brand-card img,body .brand-card img:hover { filter:none !important; opacity:1; transform:none; max-width:100%; max-height:96px; }
body .hero-image,body .hero-image:hover { background:linear-gradient(145deg,#e4eaf2,#d7e1ed) !important; border-color:#c7d2e0; }
body .hero-image img,body .hero-image:hover img,body .main-logo img,body .main-logo:hover img { filter:drop-shadow(0 1px 1px #26384e) !important; opacity:1 !important; mix-blend-mode:normal !important; transform:none; }
body .navbar.caz-navigation .caz-brand,body .navbar.caz-navigation .caz-brand:hover { background:transparent !important; color:#94283a !important; text-decoration:none; }
body .caz-brand img,body .caz-brand:hover img { background:transparent !important; filter:none !important; opacity:1 !important; mix-blend-mode:normal !important; transform:none; }
body .site-footer { background:#e9eef3; border-color:#d3dde7; }
body .footer-brand p,body .footer-col ul li a,body .footer-bottom { color:#536780 !important; }
body .footer-brand h2,body .footer-col h3 { color:#334962; }
body .text-red { color:#9b2d40; }
/* Cart and profile panels use white surfaces with visible controls. */
body .cart-backdrop,body .profile-backdrop { background:#1f2b3d5c; backdrop-filter:blur(3px); }
body .cart-overlay,body .profile-overlay { background:#f8fafc; color:#293d54; border-color:#d8e0e9; width:min(490px,100%); z-index:6000; box-shadow:-12px 0 40px #1c2b3f25; }
body .profile-backdrop { z-index:5999; }
body .cart-backdrop { z-index:5999; }
body .cart-header { padding:24px 24px 12px; }
.drawer-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.drawer-title-row h2 { margin:0; font-size:23px; color:#30445a; }
.drawer-close { width:40px; height:40px; font-size:25px; border:1px solid #c5d2df; border-radius:10px; background:#fff; color:#40566f; }
body .cart-tabs { gap:7px; border-color:#d2dce6; margin:0; }
body .cart-tabs .tab { background:#eaf0f5; border-color:#c7d5e1; color:#3b526a; font-size:14px; padding:9px 12px; }
body .cart-tabs .tab.active { background:#a62e3f; border-color:#a62e3f; color:#fff; }
body .cart-body { padding:12px 24px 24px; }
body .cart-item { background:#fff; border:1px solid #d4dfe9; border-radius:13px; padding:16px; gap:12px; margin-bottom:14px; }
body .cart-item img { width:64px; height:64px; border:0; border-radius:9px; background:#eef2f5; padding:6px; }
body .item-details { min-width:0; }
body .item-details p { color:#273e57; font-size:16px; overflow-wrap:anywhere; }
body .item-price-row { color:#536b83; font-size:15px; flex-wrap:wrap; gap:10px; }
body .qty-box { background:#f1f5f9; border:1px solid #c5d3e1; border-radius:8px; }
body .qty-box button { color:#273e57; min-width:34px; height:34px; font-size:18px; }
body .qty-box span { color:#273e57; min-width:24px; font-size:15px; }
body .category-header { border-color:#d5dfe8; margin-bottom:14px; }
body .category-header h3 { color:#455c75; font-size:15px; }
body .delete-btn { color:#9b2c3f; background:#fff1f3; border:1px solid #e1b4bd; border-radius:7px; font-size:12px; padding:7px 10px; }
body .cart-footer { background:#fff; border-top:1px solid #d1dce7; padding:20px 24px; }
body .select-all label { color:#4d637d; font-size:14px; text-transform:none; letter-spacing:0; }
body .select-all input[type=checkbox] { appearance:auto; -webkit-appearance:checkbox; width:18px; height:18px; accent-color:#a52c3d; }
body .total-price { color:#2b415a; font-size:25px; }
body .checkout-btn { min-height:48px; }
body .profile-overlay { padding:22px 24px; scrollbar-width:thin; }
body .profile-avatar { color:#aa3346; font-size:54px; }
body .profile-field label,body .profile-customer-id { color:#586d85 !important; font-size:13px; text-transform:none; letter-spacing:.2px; }
body .profile-field .profile-val,body .profile-field > span { background:#fff !important; color:#2c425b !important; border:1px solid #d2dce6; border-radius:10px; padding:12px 14px; font-size:16px; overflow-wrap:anywhere; }
body .profile-field { margin-bottom:18px; padding-bottom:0; border:0; }
body .profile-overlay .button-row { margin-top:16px; padding-bottom:12px; }
body .profile-overlay .button-row button { border-radius:10px; }
/* Modals are injected after page load; stronger scoped rules cover their inline styles. */
body .caz-modal-overlay,body #caz-confirm-overlay { background:#23314666 !important; padding:20px; }
body .caz-modal-box,body #caz-confirm-box { background:#fff !important; border:1px solid #d4dfe9 !important; border-top:4px solid #b53649 !important; border-radius:18px; padding:28px; color:#2b4059; max-width:570px !important; max-height:calc(100dvh - 40px); overflow-y:auto; box-shadow:0 20px 65px #1b2d4650; }
body .caz-modal-label { font-size:22px; letter-spacing:-.4px; text-transform:none; color:#293e57; font-weight:700; }
body #caz-confirm-title { color:#293e57; font-size:23px; letter-spacing:0; text-transform:none; }
body #caz-confirm-msg,body .caz-cart-product-title,body .caz-checkout-item-title { color:#30465f; font-size:16px; }
body .caz-modal-box :is(p,span,label,strong,div)[style*="color"],body #caz-confirm-box :is(p,span,label,strong,div)[style*="color"] { color:#425a73 !important; font-size:15px !important; }
body .caz-modal-box img { background:#edf2f6; border-radius:9px; border-color:#d6e0e9; }
body .caz-cart-product-meta,body .caz-cart-qty-label,body .caz-cart-total-label,body .caz-checkout-total-label { color:#5b6e83; font-size:15px; text-transform:none; letter-spacing:0; }
body .caz-cart-total-amount,body .caz-checkout-total-amount { color:#9b2f42; font-size:26px; }
body .caz-checkout-item-price { color:#304961; font-size:16px; }
body .caz-checkout-item { border-color:#d6e0e9; padding:14px 0; gap:13px; }
body .caz-checkout-total,body .caz-cart-total-row { border-color:#d6e0e9; padding:16px 0; }
body .caz-modal-btn-row { flex-wrap:wrap; gap:10px; }
body .caz-modal-btn,body .caz-confirm-btn { min-height:46px; height:auto; padding:11px 17px; border-radius:10px; font-size:15px; text-transform:none; letter-spacing:0; }
body .caz-modal-btn.secondary,body .caz-confirm-btn.cancel { background:#edf2f7; color:#405970; border:1px solid #c3d2df; }
body .caz-modal-btn.primary,body .caz-confirm-btn.confirm { background:#a82d3e; color:#fff; border-color:#a82d3e; }
body .caz-cart-qty-ctrl { background:#eff4f8; border-color:#c6d4e1; border-radius:9px; }
body .caz-cart-qty-ctrl button,body .caz-cart-qty-ctrl span { color:#2f4961; }
body .caz-cart-qty-ctrl button { background:#edf3f8; min-width:38px; min-height:38px; }
body .caz-cart-product,body .caz-cart-qty-row,body .caz-cart-qty-ctrl span { border-color:#d2dce5; }
body .caz-checkout-item-info button { background:#edf3f8 !important; color:#2f4961 !important; border-color:#c6d4e1 !important; min-width:34px; min-height:34px; border-radius:7px; }
body .caz-toast { background:#fff; color:#344b63; border-color:#d6e0e9; border-radius:12px; max-width:calc(100vw - 32px); min-width:min(320px,calc(100vw - 32px)); }
body .caz-toast-msg,body .caz-toast-close { color:#344b63; }
body .login-card { color:#2b4159; background:#fff; border-color:#d3dde7; }
body .login-card p { color:#4d637c; }
body .register-link p,body .login-link p { color:#596e86 !important; }
body .register-link a,body .login-link a { color:#9d3042; }
body .portal-btn { background:#fff; color:#3c526a !important; border-color:#bbcad8; }
body .portal-btn:first-child { color:#fff !important; background:#a82e3f; }
.caz-promo-notice { padding:10px 13px; background:#edf7ef; color:#346544; border:1px solid #b7d2bf; border-radius:10px; font-size:14px; margin-top:10px; }
.caz-quote-status { font-size:14px; color:#6b4150; margin:12px 0; }
.checkout-addresses { border:1px solid #d1dce6; padding:15px; border-radius:12px; margin:16px 0; }
.checkout-addresses legend { color:#4b627a; padding:0 7px; font-size:15px; }
.checkout-addresses label { display:flex; gap:12px; align-items:flex-start; margin:10px 0; color:#425a73; font-size:15px; }
.checkout-addresses input { margin-top:6px; accent-color:#a92d3e; }
.checkout-quantity { display:flex; align-items:center; gap:10px; margin-top:9px; }
.checkout-quantity span { color:#334b63; font-size:16px; min-width:20px; text-align:center; }
.quote-retry { color:#942e40; background:#fff; border:1px solid #d7a1ad; padding:6px 10px; border-radius:7px; }
/* Comfortable reading sizes, with one locally hosted font on every screen. */
body { font-optical-sizing:auto; }
body p { line-height:1.7; }
body button,body .btn,body .nav-action { line-height:1.45; }
body .input-group label,body .field-label,body .cell-label,body .profile-field label,
body .profile-customer-id,body .link-label,body .hint-text,body .field-hint,
body .footer-col h3 { font-size:14px; line-height:1.55; }
body .input-group label,body .field-label,body .cell-label { letter-spacing:.2px; }
body .stock-count { font-size:14px !important; }
body .product-name { font-size:17px; line-height:1.5; }
body .caz-toast-msg { font-size:16px; line-height:1.6; }
/* Shopping controls use a calm green, distinct from the CAZ brand accents. */
:root { --cart-green:#216646; --cart-green-hover:#194f37; --cart-green-soft:#edf7f0; --cart-green-line:#bed8c7; }
body .nav-cart-action { color:var(--cart-green); border-color:var(--cart-green-line); background:var(--cart-green-soft); font-weight:650; }
body .nav-cart-action:hover { color:#194f37; background:#e1f1e7; border-color:#92bfa3; }
body .nav-cart-action .cart-count-badge { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:25px; height:25px; padding:0 7px; border-radius:999px; color:#fff; background:var(--cart-green); font-size:13px; font-weight:750; line-height:1; font-variant-numeric:tabular-nums; }
body .cart-count-badge[hidden] { display:none !important; }
body .cart-overlay,body .cart-sidebar,body #cartSidebar { background:#f5faf7; border-color:var(--cart-green-line); }
body .cart-header { background:linear-gradient(135deg,#edf7f0,#f8fcf9); border-bottom:1px solid #dae9df; }
body .cart-header .drawer-title-row h2 { color:#214c37; }
body .cart-header .drawer-close { color:#285d41; border-color:#bed4c6; }
body .cart-tabs { border-bottom:0; padding-bottom:4px; }
body .cart-tabs .tab { border-radius:9px; color:#375b46; background:#fff; border-color:#c6dccf; font-size:14px; line-height:1.45; text-transform:none; letter-spacing:0; min-height:40px; }
body .cart-tabs .tab:hover { color:#1c5639; background:#e3f1e8; border-color:#90b89f; }
body .cart-tabs .tab.active { background:var(--cart-green); border-color:var(--cart-green); color:#fff; }
body .cart-item { border-color:#d4e5da; box-shadow:0 3px 12px #23483105; }
body .cart-overlay input[type=checkbox],body .checkout-addresses input[type=radio] { accent-color:var(--cart-green); width:18px; height:18px; flex:none; }
body .cart-overlay .category-header h3 { color:#2f5840; font-size:16px; }
body .cart-overlay .qty-box { background:#f3f8f5; border-color:#c6dace; }
body .cart-overlay .qty-box button:hover { background:#deeee4; }
body .cart-overlay .cart-footer { border-color:#cddfd3; box-shadow:0 -4px 18px #23483105; }
body .cart-overlay .total-price { color:#205638; }
body .checkout-btn,body .add-to-cart-btn:not(:disabled),body #caz-cart-add,
body #caz-cart-checkout,body #caz-checkout-confirm {
  color:#fff !important; background:var(--cart-green) !important; border-color:var(--cart-green) !important; font-size:16px; min-height:48px; letter-spacing:0;
}
body .checkout-btn:hover,body .add-to-cart-btn:not(:disabled):hover,
body #caz-cart-add:hover,body #caz-cart-checkout:hover,body #caz-checkout-confirm:hover { background:var(--cart-green-hover) !important; border-color:var(--cart-green-hover) !important; }
body .add-to-cart-btn.buy-now-btn,body #caz-cart-checkout { background:#b32e40 !important; border-color:#b32e40 !important; color:#fff !important; }
body .add-to-cart-btn.buy-now-btn:hover,body #caz-cart-checkout:hover { background:#922538 !important; border-color:#922538 !important; }
body .add-to-cart-btn:disabled { color:#536879 !important; background:#e6edf0 !important; border-color:#c7d3d8 !important; }
body .product-bottom i:not(.cart-icon-disabled) { background:var(--cart-green); color:#fff !important; }
body .product-bottom i:not(.cart-icon-disabled):hover { background:var(--cart-green-hover); }
body #caz-cart-modal .caz-modal-box,body #caz-checkout-modal .caz-modal-box { border-top-color:var(--cart-green) !important; }
body .caz-cart-total-amount,body .caz-checkout-total-amount { color:#216646; }
body #caz-cart-stock-label { font-size:14px !important; line-height:1.6; }
body .cart-checkout-notice { margin:0 0 18px; padding:16px; background:#e7f5ec; color:#244d36; border:1px solid #afd0bb; border-radius:13px; font-size:15px; line-height:1.65; overflow-wrap:anywhere; }
body .cart-checkout-notice strong { display:block; color:#205237; margin-bottom:5px; font-size:17px; }
body .cart-checkout-notice p { margin:5px 0; }
body .cart-checkout-notice button,body .cart-checkout-notice a { color:#1d5436; background:#fff; border:1px solid #adcdb9; border-radius:8px; padding:8px 12px; font-size:14px; font-weight:650; }
body .cart-checkout-notice button:hover,body .cart-checkout-notice a:hover { background:#f2faf5; }
body .cart-checkout-notice { display:flex; align-items:flex-start; gap:10px; margin:12px 18px 0; padding:13px; flex-shrink:0; }
body .cart-checkout-notice > div { flex:1; min-width:0; }
body .cart-checkout-notice > i { padding-top:5px; }
body .cart-checkout-notice .cart-dismiss-notice { flex:none; padding:3px 8px; min-height:32px; font-size:20px; line-height:1; }
body .cart-checkout-notice .cart-view-order { padding:5px 8px; min-height:34px; }
@media(min-width:1500px) { .caz-navigation .caz-nav-links { margin-left:auto; margin-right:auto; } }
@media(max-width:1100px) { .caz-nav-links { order:3; width:100%; justify-content:flex-start; } body .navbar.caz-navigation { padding:12px 24px; } .caz-nav-actions { margin-left:auto; } .caz-management-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { body .contact-content-layout { grid-template-columns:1fr; } .caz-dashboard-intro img { width:100px; } body .header-controls,body .logs-controls { width:100%; } body .status-tabs { margin-left:0; width:100%; } body .sales-stats-grid,body .charts-grid,body .sales-charts-row,body .product-detail-box,body .form-container { grid-template-columns:1fr; } body .cart-item { padding:12px; } body .manage-wrapper { flex-direction:column; } }
@media(max-width:560px) {
 body .navbar.caz-navigation { position:relative; top:auto; padding:12px 16px; gap:12px; }
 .caz-brand img { width:42px; height:42px; } .caz-brand >span { font-size:20px; } .caz-brand small { font-size:10px; }
 .nav-action { padding:9px 11px; } .nav-action span { display:none; } body .caz-nav-links a { padding:8px 10px; font-size:14px; min-height:40px; }
 body.caz-admin .inventory-wrapper,body.caz-admin .orders-wrapper,body.caz-admin .logs-wrapper,body.caz-admin .sales-wrapper { padding:24px 14px 40px; }
 body.caz-admin .inventory-section { padding:15px; } body .header-controls > .search-box,body .logs-controls > .search-box { flex:1; width:100%; }
 body .search-box input { width:100%; } body .header-controls { align-items:stretch; } body .header-controls .btn-add-header { width:100%; }
 .caz-management-grid { grid-template-columns:1fr; } .caz-dashboard { padding:24px 16px; } .caz-dashboard-intro { padding:22px; } .caz-dashboard-intro img { display:none; }
 body .contact-intro { padding:22px; } body .contact-container { padding:24px 16px 45px; } body .map-wrapper { height:350px; }
 body .cart-header,body .cart-body,body .cart-footer { padding-left:16px; padding-right:16px; } body .cart-item img { width:50px; height:50px; }
 body .caz-modal-box,body #caz-confirm-box { padding:22px 18px; } body .caz-modal-overlay,body #caz-confirm-overlay { padding:12px; }
 body .caz-checkout-item { flex-wrap:wrap; } body .caz-checkout-item-info { min-width:0; flex:1; } body .caz-checkout-item-price { margin-left:auto; }
}