.shop-page { padding: 60px 0 80px; background: #f8f9fa; }
.shop-card { background:#fff; border-radius:15px; overflow:hidden; height:100%; box-shadow:0 8px 30px rgba(0,0,0,.06); }
.shop-card img { width:100%; height:240px; object-fit:cover; background:#eee; }
.shop-card-body { padding:20px; }
.shop-price { font-size:22px; font-weight:700; color:#141423; }
.shop-old-price { color:#888; text-decoration:line-through; margin-left:8px; font-size:14px; }
.shop-sidebar { background:#fff; padding:20px; border-radius:15px; }
.shop-detail-image { width:100%; max-height:520px; object-fit:contain; background:#fff; border-radius:15px; }
.cart-thumb { width:70px; height:70px; object-fit:cover; border-radius:8px; }
.shop-table td, .shop-table th { vertical-align:middle; }
.shop-empty { padding:80px 20px; text-align:center; background:#fff; border-radius:15px; }

/* E-commerce navigation integration */
.cart-nav-link { display:inline-flex !important; align-items:center; gap:4px; }
.cart-count-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#ffffff;
    color:#000080;
    font-size:11px;
    font-weight:700;
    line-height:1;
}
@media (max-width: 991px) {
    .cart-count-badge { margin-left:4px; }
}

/* Dynamic shop category navigation */
.shop-category-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:12px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 6px 24px rgba(0,0,0,.05);
}
.shop-category-tab {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 14px;
    border:1px solid #e4e8ef;
    border-radius:999px;
    background:#fff;
    color:#002b6b;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:all .2s ease;
}
.shop-category-tab span {
    display:inline-flex;
    min-width:22px;
    height:22px;
    padding:0 6px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#f1f4f8;
    font-size:11px;
}
.shop-category-tab:hover,
.shop-category-tab.active {
    background:#003b95;
    color:#fff;
    border-color:#003b95;
}
.shop-category-tab.active span,
.shop-category-tab:hover span { background:rgba(255,255,255,.18); color:#fff; }
.shop-selected-category {
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:10px 12px;
    border-left:3px solid #003b95;
    background:#f6f8fb;
    border-radius:6px;
}
.shop-selected-category small { color:#777; }
.shop-product-category { font-size:13px; color:#003b95; text-decoration:none; }
.shop-product-category:hover { text-decoration:underline; }

/* Dynamic Shop dropdown in the existing header */
.ki-shop-dropdown { min-width:230px; }
.ki-shop-category-heading {
    pointer-events:none;
    padding:8px 14px 5px !important;
    margin-top:3px;
    border-top:1px solid rgba(0,0,0,.08);
}
.ki-shop-category-heading span {
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
    opacity:.65;
}
@media (max-width: 991px) {
    .shop-category-tabs { overflow-x:auto; flex-wrap:nowrap; justify-content:flex-start; }
    .shop-category-tab { white-space:nowrap; }
}