/*
 * Vikkaya storefront theme: the new shop look (announcement bar, sticky header with pill
 * menu, gradient hero, pastel info cards, rounded product cards, light and dark).
 * Loaded after the Molla template CSS and the page styles, so it only restyles - the
 * markup, routes and behaviour of the existing pages stay the same.
 * Everything is scoped under body.vk-shop. The template works in rem with a 10px root,
 * so sizes here are written in px.
 */

/* ---------- tokens ---------- */
:root {
    --vk-blue: #004cff;
    --vk-blue-dark: #0039bf;
    --vk-cyan: #34c8e8;
    --vk-violet: #4e4af2;
    --vk-grad: linear-gradient(135deg, #34c8e8 0%, #4e4af2 100%);
    --vk-bg: #f4f6fa;
    --vk-surface: #ffffff;
    --vk-surface-2: #f8fafc;
    --vk-inset: #f1f5f9;
    --vk-border: #e2e8f0;
    --vk-border-soft: #eef2f7;
    --vk-text: #0f172a;
    --vk-text-2: #334155;
    --vk-muted: #64748b;
    --vk-faint: #94a3b8;
    --vk-link: #004cff;
    --vk-hover: #f1f5f9;
    --vk-input: #f1f5f9;
    --vk-soft: #ebf1ff;
    --vk-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    --vk-shadow-lg: 0 20px 40px rgba(15, 23, 42, .16);
    --vk-pastel-sky: #ebf3ff;
    --vk-pastel-green: #e8f5e9;
    --vk-pastel-purple: #ede7f6;
    --vk-pastel-amber: #fff3e0;
    --vk-topbar: #0f172a;
}
html[data-theme="dark"] {
    --vk-bg: #131722;
    --vk-surface: #191e2b;
    --vk-surface-2: #1e2433;
    --vk-inset: #141824;
    --vk-border: #2a3346;
    --vk-border-soft: #222b3c;
    --vk-text: #f1f5f9;
    --vk-text-2: #cbd5e1;
    --vk-muted: #94a3b8;
    --vk-faint: #64748b;
    --vk-link: #34c8e8;
    --vk-hover: rgba(30, 41, 59, .7);
    --vk-input: #222838;
    --vk-soft: rgba(52, 200, 232, .12);
    --vk-shadow: none;
    --vk-shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);
    --vk-pastel-sky: rgba(8, 47, 73, .45);
    --vk-pastel-green: rgba(2, 44, 34, .45);
    --vk-pastel-purple: rgba(59, 7, 100, .35);
    --vk-pastel-amber: rgba(69, 26, 3, .45);
    --vk-topbar: #0d1017;
    color-scheme: dark;
}

/* ---------- base ---------- */
.vk-shop {
    background: var(--vk-bg);
    color: var(--vk-text-2);
    font-family: 'Inter', 'Nunito', -apple-system, 'Segoe UI', sans-serif;
    font-size: 14px;
    transition: background-color .2s, color .2s;
}
.vk-shop .page-wrapper { overflow: visible; background: transparent; }
.vk-shop .main { background: transparent; }
.vk-shop h1, .vk-shop h2, .vk-shop h3, .vk-shop h4, .vk-shop h5, .vk-shop h6 {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    color: var(--vk-text);
    letter-spacing: -.01em;
}
.vk-shop a { color: var(--vk-link); }
.vk-shop a:hover, .vk-shop a:focus { color: var(--vk-blue-dark); }
html[data-theme="dark"] .vk-shop a:hover { color: #7ddcf2; }
.vk-shop .vk-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.vk-shop .vk-mono, .vk-shop .vk-topbar-cur { font-family: 'JetBrains Mono', ui-monospace, monospace; }
.vk-shop .text-primary { color: var(--vk-blue) !important; }
html[data-theme="dark"] .vk-shop .text-primary { color: var(--vk-cyan) !important; }
.vk-shop .bg-primary { background-color: var(--vk-blue) !important; }
.vk-shop .text-dark { color: var(--vk-text) !important; }
.vk-shop .text-muted { color: var(--vk-muted) !important; }
.vk-shop .bg-white, .vk-shop .bg-light { background-color: var(--vk-surface) !important; }
.vk-shop hr { border-color: var(--vk-border); }
.vk-shop ::selection { background: var(--vk-blue); color: #fff; }

/* ---------- announcement bar ---------- */
.vk-topbar { background: var(--vk-topbar); color: #cbd5e1; font-size: 11px; border-bottom: 1px solid #1e293b; }
.vk-topbar-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; padding-top: 6px; padding-bottom: 6px; }
.vk-topbar-left, .vk-topbar-right { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.vk-topbar-tag { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; background: rgba(16, 185, 129, .2); color: #6ee7b7; font-weight: 600; }
.vk-dot { width: 6px; height: 6px; border-radius: 50%; background: #34d399; animation: vkPulse 1.6s infinite; }
@keyframes vkPulse { 50% { opacity: .35; } }
.vk-shop .vk-topbar a.vk-topbar-link { color: #cbd5e1; }
.vk-shop .vk-topbar a.vk-topbar-link:hover { color: #fff; }
.vk-topbar-link i { color: var(--vk-cyan); margin-right: 5px; }
.vk-topbar-cur { color: #34d399; font-weight: 700; }
@media (max-width: 767px) { .vk-topbar-msg { display: none; } }

/* ---------- header ---------- */
.vk-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: color-mix(in srgb, var(--vk-surface) 95%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--vk-border);
    transition: background-color .2s;
}
.vk-head-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding-top: 10px; padding-bottom: 10px; }
.vk-head-left { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.vk-burger { display: none; width: 40px; height: 40px; border: 1px solid var(--vk-border); background: var(--vk-input); color: var(--vk-text); border-radius: 14px; font-size: 16px; align-items: center; justify-content: center; }
.vk-brand, .vk-shop .vk-brand:hover { display: flex; align-items: center; gap: 10px; color: var(--vk-text); text-decoration: none; }
.vk-brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 2px; border-radius: 15px; background: var(--vk-grad); box-shadow: 0 4px 10px rgba(78, 74, 242, .25); flex: 0 0 auto; }
.vk-brand-mark img { width: 100%; height: 100%; object-fit: contain; background: #fff; border-radius: 12px; padding: 3px; }
.vk-brand-text strong { display: block; font: 800 16px/1 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); letter-spacing: -.02em; }
.vk-brand-text small { display: block; margin-top: 4px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vk-blue); }
html[data-theme="dark"] .vk-brand-text small { color: var(--vk-cyan); }

/* category dropdown (Molla mega menu kept, restyled as a pill button) */
.vk-shop .vk-catdd { align-self: center; width: auto; max-width: none; padding-left: 12px; margin-left: 4px; border-left: 1px solid var(--vk-border); }
.vk-shop .category-dropdown .dropdown-toggle.vk-catbtn,
.vk-shop .header-intro-clearance .dropdown.category-dropdown .dropdown-toggle.vk-catbtn {
    display: inline-flex; align-items: center; gap: 8px; align-self: center;
    min-width: 0; padding: 9px 14px; border: 1px solid var(--vk-border); border-radius: 16px;
    background: var(--vk-input); color: var(--vk-text-2);
    font: 600 12px/1.2 'Inter', sans-serif; text-transform: none; letter-spacing: 0; white-space: nowrap;
}
.vk-shop .category-dropdown .dropdown-toggle.vk-catbtn::before { display: none; }
.vk-shop .category-dropdown .dropdown-toggle.vk-catbtn::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 9px; margin: 0; border: 0; position: static; }
.vk-shop .category-dropdown.show .dropdown-toggle.vk-catbtn::after { content: '\f077'; }
.vk-shop .category-dropdown .dropdown-toggle.vk-catbtn i { color: var(--vk-blue); }
.vk-shop .category-dropdown .dropdown-toggle.vk-catbtn:hover,
.vk-shop .category-dropdown.show .dropdown-toggle.vk-catbtn,
.vk-shop .category-dropdown:not(.is-on):hover .dropdown-toggle.vk-catbtn { background: var(--vk-soft); color: var(--vk-blue) !important; border-color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .category-dropdown .dropdown-toggle.vk-catbtn i { color: var(--vk-cyan); }
html[data-theme="dark"] .vk-shop .category-dropdown .dropdown-toggle.vk-catbtn:hover,
html[data-theme="dark"] .vk-shop .category-dropdown.show .dropdown-toggle.vk-catbtn { color: var(--vk-cyan) !important; border-color: var(--vk-cyan); }
.vk-shop .vk-catdd .dropdown-menu {
    left: 12px; width: 260px; margin-top: 8px; padding: 6px;
    background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 18px; box-shadow: var(--vk-shadow-lg);
}
.vk-shop .vk-catdd .menu-vertical { align-items: stretch; }
.vk-shop .vk-catdd .menu-vertical > li > a.header-pri-category {
    padding: 10px 14px; border-radius: 12px; color: var(--vk-text-2); font-size: 13px; font-weight: 600; text-transform: none;
}
.vk-shop .vk-catdd .menu-vertical > li:hover > a.header-pri-category { background: var(--vk-soft); color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-catdd .menu-vertical > li:hover > a.header-pri-category { color: var(--vk-cyan); }
.vk-shop .menu-vertical .megamenu, .vk-shop .menu-vertical ul {
    background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 18px; box-shadow: var(--vk-shadow-lg);
}
.vk-shop .menu-vertical .megamenu .menu-title a { color: var(--vk-text); font-weight: 700; }
.vk-shop .menu-vertical .megamenu li a { color: var(--vk-muted); }
.vk-shop .menu-vertical .megamenu li a:hover, .vk-shop .menu-vertical .megamenu .menu-title a:hover { color: var(--vk-blue); }

/* segmented pill menu */
.vk-pills { order: 3; width: 100%; overflow-x: auto; display: flex; justify-content: center; scrollbar-width: none; }
.vk-pills::-webkit-scrollbar { display: none; }
.vk-pills-in { display: inline-flex; align-items: center; gap: 4px; padding: 5px; border-radius: 999px; background: var(--vk-inset); border: 1px solid var(--vk-border); flex: 0 0 auto; }
.vk-shop a.vk-pill {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 999px; white-space: nowrap;
    font: 600 12px/1 'Inter', sans-serif; color: var(--vk-text-2); text-decoration: none; transition: background-color .15s, color .15s;
}
.vk-shop a.vk-pill i { font-size: 11px; }
.vk-shop a.vk-pill:hover { background: var(--vk-hover); color: var(--vk-text); }
.vk-shop a.vk-pill.active { background: var(--vk-grad); color: #fff; font-weight: 700; box-shadow: 0 4px 10px rgba(78, 74, 242, .3); }
@media (min-width: 1400px) {
    .vk-shop .vk-wrap.vk-head-row { max-width: 1440px; }
    .vk-pills { order: 2; width: auto; flex: 1 1 auto; justify-content: center; }
}

/* tools */
.vk-tools { display: flex; align-items: center; gap: 8px; order: 2; }
@media (min-width: 1400px) { .vk-tools { order: 3; } }
.vk-shop .vk-tool, .vk-shop .vk-tool:hover {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    height: 40px; min-width: 40px; padding: 0 12px; border-radius: 16px; border: 1px solid var(--vk-border);
    background: var(--vk-input); color: var(--vk-text-2); font: 700 12px/1 'Inter', sans-serif; cursor: pointer; text-decoration: none;
}
.vk-shop .vk-tool:hover { border-color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-tool:hover { border-color: var(--vk-cyan); }
.vk-shop .vk-tool-icon { padding: 0; width: 40px; }
.vk-shop .vk-tool .fa-moon { color: #6366f1; }
.vk-shop .vk-tool .fa-sun { color: #f59e0b; }
.vk-shop .vk-heart { color: #f43f5e; font-size: 15px; }
.vk-shop .vk-cart { background: var(--vk-soft); border-color: #bfd2ff; color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-cart { color: var(--vk-cyan); border-color: var(--vk-border); }
.vk-shop .vk-cart:hover { color: var(--vk-blue); }
.vk-shop .vk-cartdd > a.vk-cart::after { display: none; }
.vk-caret { font-size: 9px; opacity: .7; }
.vk-badge {
    position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px;
    background: var(--vk-blue); color: #fff; font: 700 10px/20px 'JetBrains Mono', monospace; text-align: center;
}
.vk-badge-rose { background: #f43f5e; }
.vk-shop .wishlist-count.vk-badge, .vk-shop .cart-count.vk-badge { position: absolute; top: -6px; right: -6px; left: auto; }

/* search */
.vk-search { position: relative; }
.vk-search .header-search-wrapper { position: relative; display: block; width: 200px; }
.vk-search .vk-search-ico { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); font-size: 12px; color: var(--vk-faint); pointer-events: none; z-index: 2; }
.vk-shop .vk-search .search.form-control {
    height: 40px; width: 100%; padding: 0 12px 0 34px; border-radius: 16px; border: 1px solid var(--vk-border);
    background: var(--vk-input); color: var(--vk-text); font: 500 12px/1 'Inter', sans-serif; box-shadow: none;
}
.vk-shop .vk-search .search.form-control:focus { border-color: var(--vk-blue); background: var(--vk-surface); }
html[data-theme="dark"] .vk-shop .vk-search .search.form-control:focus { border-color: var(--vk-cyan); }
.vk-shop .vk-search .suggestions {
    top: calc(100% + 8px); right: 0; left: auto; width: 460px; max-width: 92vw; background: var(--vk-surface);
    border: 1px solid var(--vk-border); border-radius: 18px; box-shadow: var(--vk-shadow-lg); overflow: hidden; z-index: 1040;
}
.vk-shop .suggestions .single-prod { border-color: var(--vk-border-soft) !important; }
.vk-shop .suggestions .product-title, .vk-shop .suggestions .product-title span { color: var(--vk-text); font-size: 13px; font-weight: 600; }
.vk-shop .suggestions .bg-white { background: transparent !important; }
@media (max-width: 767px) {
    .vk-search { order: 9; flex: 1 1 100%; }
    .vk-search .header-search-wrapper { width: 100%; }
    .vk-shop .vk-search .suggestions { left: 0; right: 0; width: auto; }
    .vk-tools { flex-wrap: wrap; justify-content: flex-end; }
}

/* language menu */
.vk-lang { position: relative; }
.vk-lang-menu {
    display: none; position: absolute; right: 0; top: calc(100% + 8px); z-index: 1040; min-width: 170px; margin: 0; padding: 6px; list-style: none;
    background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 16px; box-shadow: var(--vk-shadow-lg);
}
.vk-lang-menu.open { display: block; }
.vk-shop .vk-lang-menu a { display: flex; align-items: center; padding: 9px 12px; border-radius: 10px; color: var(--vk-text-2); font-size: 13px; font-weight: 600; }
.vk-shop .vk-lang-menu a:hover, .vk-shop .vk-lang-menu a.on { background: var(--vk-soft); color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-lang-menu a:hover, html[data-theme="dark"] .vk-shop .vk-lang-menu a.on { color: var(--vk-cyan); }

/* login / sell / account buttons */
.vk-shop a.vk-login, .vk-shop a.vk-login:hover {
    display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 15px; border-radius: 16px;
    background: var(--vk-blue); color: #fff; font: 700 12px/1 'Inter', sans-serif; text-decoration: none; white-space: nowrap;
}
.vk-shop a.vk-login:hover { background: var(--vk-blue-dark); }
.vk-shop a.vk-sell, .vk-shop a.vk-sell:hover {
    align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 16px; border: 1px solid var(--vk-blue);
    color: var(--vk-blue); font: 700 12px/1 'Inter', sans-serif; text-decoration: none; white-space: nowrap;
}
html[data-theme="dark"] .vk-shop a.vk-sell { color: var(--vk-cyan); border-color: var(--vk-cyan); }
.vk-shop a.vk-sell:hover { background: var(--vk-soft); }

/* cart dropdown */
.vk-shop .cart-dropdown .dropdown-menu {
    width: 340px; margin-top: 8px; padding: 14px; background: var(--vk-surface); border: 1px solid var(--vk-border);
    border-radius: 20px; box-shadow: var(--vk-shadow-lg); right: 0; left: auto;
}
.vk-shop .dropdown-cart-products .product { border-color: var(--vk-border-soft); }
.vk-shop .dropdown-cart-products .product-title a { color: var(--vk-text); font-weight: 600; font-size: 13px; }
.vk-shop .cart-product-info, .vk-shop .dropdown-cart-total { color: var(--vk-text-2); }
.vk-shop .dropdown-cart-total { border-top: 1px solid var(--vk-border); }
.vk-shop .dropdown-cart-total span { color: var(--vk-text); font-weight: 700; }
.vk-shop .dropdown-cart-action { display: flex; gap: 8px; }
.vk-shop .dropdown-cart-action .btn { flex: 1; min-width: 0; padding: 10px 12px; }

@media (max-width: 991px) {
    .vk-burger { display: inline-flex; }
    .vk-shop .vk-catdd { display: none; }
    .vk-pills { display: none; }
    .vk-login span, .vk-login-user span { display: none; }
    .vk-shop a.vk-login { width: 40px; padding: 0; justify-content: center; }
}
@media (max-width: 575px) {
    .vk-shop .vk-wrap { padding-left: 14px; padding-right: 14px; }
    .vk-brand-text small { display: none; }
}

/* ---------- buttons, forms ---------- */
.vk-shop .btn { border-radius: 14px; font-family: 'Inter', sans-serif; font-weight: 700; letter-spacing: 0; text-transform: none; }
.vk-shop .btn-primary { background: var(--vk-blue); border-color: var(--vk-blue); color: #fff; }
.vk-shop .btn-primary:hover, .vk-shop .btn-primary:focus, .vk-shop .btn-primary:active { background: var(--vk-blue-dark); border-color: var(--vk-blue-dark); color: #fff; }
.vk-shop .btn-outline-primary, .vk-shop .btn-outline-primary-2 { color: var(--vk-blue); border-color: var(--vk-blue); background: transparent; }
.vk-shop .btn-outline-primary:hover, .vk-shop .btn-outline-primary-2:hover, .vk-shop .btn-outline-primary-2:focus { background: var(--vk-blue); border-color: var(--vk-blue); color: #fff; }
html[data-theme="dark"] .vk-shop .btn-outline-primary, html[data-theme="dark"] .vk-shop .btn-outline-primary-2 { color: var(--vk-cyan); border-color: var(--vk-cyan); }
html[data-theme="dark"] .vk-shop .btn-outline-primary:hover, html[data-theme="dark"] .vk-shop .btn-outline-primary-2:hover { background: var(--vk-cyan); color: #0f172a; }
.vk-shop .btn-outline-darker, .vk-shop .btn-outline-dark, .vk-shop .btn-outline-secondary { color: var(--vk-text-2); border-color: var(--vk-border); background: transparent; }
.vk-shop .btn-outline-darker:hover, .vk-shop .btn-outline-dark:hover, .vk-shop .btn-outline-secondary:hover { background: var(--vk-hover); color: var(--vk-text); border-color: var(--vk-faint); }
.vk-shop .form-control, .vk-shop .custom-select, .vk-shop select.form-control, .vk-shop textarea.form-control {
    background-color: var(--vk-input); border: 1px solid var(--vk-border); color: var(--vk-text); border-radius: 14px;
}
.vk-shop .form-control:focus, .vk-shop .custom-select:focus { background-color: var(--vk-surface); border-color: var(--vk-blue); color: var(--vk-text); box-shadow: 0 0 0 3px rgba(0, 76, 255, .12); }
html[data-theme="dark"] .vk-shop .form-control:focus, html[data-theme="dark"] .vk-shop .custom-select:focus { border-color: var(--vk-cyan); box-shadow: 0 0 0 3px rgba(52, 200, 232, .15); }
.vk-shop .form-control::placeholder { color: var(--vk-faint); }
.vk-shop .form-control:disabled, .vk-shop .form-control[readonly] { background-color: var(--vk-inset); color: var(--vk-muted); }
.vk-shop label { color: var(--vk-text-2); }
.vk-shop .input-group-text { background: var(--vk-inset); border-color: var(--vk-border); color: var(--vk-muted); }

/* ---------- panels and common blocks ---------- */
.vk-shop .modal-content { background: var(--vk-surface); color: var(--vk-text-2); border: 1px solid var(--vk-border); border-radius: 24px; box-shadow: var(--vk-shadow-lg); }
.vk-shop .modal-header, .vk-shop .modal-footer { border-color: var(--vk-border); }
.vk-shop .modal-header.bg-secondary { background: var(--vk-inset) !important; }
.vk-shop .modal-header .modal-title, .vk-shop .modal-header .text-white, .vk-shop .modal-header .close { color: var(--vk-text) !important; }
.vk-shop .card { background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 20px; color: var(--vk-text-2); }
.vk-shop .card-header, .vk-shop .card-footer { background: var(--vk-surface-2); border-color: var(--vk-border); }
.vk-shop .dropdown-menu { background: var(--vk-surface); border-color: var(--vk-border); color: var(--vk-text-2); }
.vk-shop .dropdown-item { color: var(--vk-text-2); }
.vk-shop .dropdown-item:hover { background: var(--vk-hover); color: var(--vk-text); }
.vk-shop .table { color: var(--vk-text-2); }
.vk-shop .table th, .vk-shop .table td { border-color: var(--vk-border); }
.vk-shop .table thead th { background: var(--vk-surface-2); color: var(--vk-text); }
.vk-shop .table-striped tbody tr:nth-of-type(odd) { background: var(--vk-surface-2); }
.vk-shop .nav-tabs, .vk-shop .nav-tabs .nav-link { border-color: var(--vk-border); }
.vk-shop .nav-tabs .nav-link { color: var(--vk-muted); }
.vk-shop .nav-tabs .nav-link.active { background: var(--vk-surface); color: var(--vk-blue); border-color: var(--vk-border) var(--vk-border) var(--vk-surface); }
.vk-shop .page-link { background: var(--vk-surface); border-color: var(--vk-border); color: var(--vk-text-2); }
.vk-shop .page-item.active .page-link { background: var(--vk-blue); border-color: var(--vk-blue); color: #fff; }
.vk-shop .breadcrumb-nav, .vk-shop .breadcrumb { background: transparent; border-color: var(--vk-border); }
.vk-shop .breadcrumb-item a { color: var(--vk-muted); }
.vk-shop .page-header { background: var(--vk-surface); border-bottom: 1px solid var(--vk-border); }
.vk-shop .page-header .page-title { color: var(--vk-text); }
.vk-shop .list-group-item { background: var(--vk-surface); border-color: var(--vk-border); color: var(--vk-text-2); }
.vk-shop .alert-success { background: rgba(16, 185, 129, .12); border-color: rgba(16, 185, 129, .35); color: #047857; border-radius: 14px; }
.vk-shop .alert-danger { background: rgba(244, 63, 94, .1); border-color: rgba(244, 63, 94, .3); color: #be123c; border-radius: 14px; }
html[data-theme="dark"] .vk-shop .alert-success { color: #6ee7b7; }
html[data-theme="dark"] .vk-shop .alert-danger { color: #fda4af; }
.vk-shop #scroll-top { background: var(--vk-blue); opacity: .9; border-radius: 14px; }

/* ---------- home ---------- */
.vk-shop .intro-slider-container { max-width: 1232px; margin: 22px auto 0; border-radius: 28px; overflow: hidden; box-shadow: var(--vk-shadow-lg); border: 1px solid var(--vk-border); }
.vk-shop .intro-slider-container .intro-slide { min-height: 300px; }
.vk-shop .intro-slider-container .btn-primary { border-radius: 16px; padding: 12px 22px; }
.vk-shop .intro-slider-container .owl-dots { bottom: 14px; }
.vk-shop .owl-simple .owl-dots .owl-dot span { background: rgba(255, 255, 255, .55); border-radius: 999px; }
.vk-shop .owl-simple .owl-dots .owl-dot.active span { background: #fff; width: 24px; }
@media (max-width: 767px) { .vk-shop .intro-slider-container { margin: 12px 12px 0; border-radius: 20px; } }

.vk-values { padding: 24px 0 4px; }
.vk-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.vk-value { display: flex; align-items: flex-start; gap: 14px; padding: 20px; border-radius: 24px; border: 1px solid var(--vk-border); background: var(--vk-pastel-sky); }
.vk-value.green { background: var(--vk-pastel-green); }
.vk-value.purple { background: var(--vk-pastel-purple); }
.vk-value.amber { background: var(--vk-pastel-amber); }
.vk-value-ico { width: 40px; height: 40px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: var(--vk-blue); color: #fff; font-size: 15px; }
.vk-value.green .vk-value-ico { background: #059669; }
.vk-value.purple .vk-value-ico { background: #4f46e5; }
.vk-value.amber .vk-value-ico { background: #f59e0b; color: #0f172a; }
.vk-value h3 { margin: 0; font: 800 13px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-value p { margin: 5px 0 0; font-size: 12px; line-height: 1.55; color: var(--vk-muted); }
@media (max-width: 1199px) { .vk-values-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .vk-values-grid { grid-template-columns: 1fr; } }

.vk-shop .title { color: var(--vk-text); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -.02em; }
.vk-shop .title.text-primary { color: var(--vk-text) !important; }
.vk-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.vk-eyebrow { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--vk-blue); }
html[data-theme="dark"] .vk-eyebrow { color: var(--vk-cyan); }
.vk-section-head .title { margin: 2px 0 0; }
.vk-shop .vk-section-head a.vk-more { font-size: 12px; font-weight: 700; white-space: nowrap; }
.vk-shop .products .heading-center .title { margin-bottom: 0; }

/* ---------- product cards ---------- */
.vk-shop .vk-card { background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 22px; box-shadow: var(--vk-shadow); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.vk-shop .vk-card:hover { transform: translateY(-3px); border-color: #bfd2ff; box-shadow: var(--vk-shadow-lg); }
html[data-theme="dark"] .vk-shop .vk-card:hover { border-color: var(--vk-cyan); }
.vk-shop .vk-card__media { background: var(--vk-inset); }
.vk-shop .vk-card__badge { background: #10b981; color: #fff; border-radius: 999px; font-size: 10px; font-weight: 700; padding: 3px 10px; }
.vk-shop .vk-card__fav { background: var(--vk-surface); color: var(--vk-muted); }
.vk-shop .vk-card__fav:hover, .vk-shop .vk-card__fav.is-on { color: #f43f5e; }
.vk-shop .vk-card__title a { color: var(--vk-text); font-weight: 600; }
.vk-shop .vk-card__title a:hover { color: var(--vk-blue); }
.vk-shop .vk-card .btn, .vk-shop .vk-card [class*="vk-card__cart"], .vk-shop .vk-card__btn { border-radius: 14px; }
.vk-shop .product { background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 22px; overflow: hidden; box-shadow: var(--vk-shadow); }
.vk-shop .product .product-title a { color: var(--vk-text); font-weight: 600; }
.vk-shop .product .product-price, .vk-shop .product .new-price { color: var(--vk-blue); font-weight: 800; }
html[data-theme="dark"] .vk-shop .product .product-price { color: var(--vk-cyan); }
.vk-shop .product .product-cat a, .vk-shop .product .product-catagory { color: var(--vk-muted); }
.vk-shop .product-media { background: var(--vk-inset); }
.vk-shop .btn-product { border-radius: 14px; }
.vk-shop .btn-product.btn-cart { background: var(--vk-blue); color: #fff; }

/* ---------- footer ---------- */
.vk-footer { margin-top: 48px; background: var(--vk-surface); border-top: 1px solid var(--vk-border); color: var(--vk-muted); font-size: 12px; }
.vk-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 32px; padding-top: 40px; padding-bottom: 32px; }
.vk-footer-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font: 800 15px/1 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-footer-brand .vk-brand-mark { width: 38px; height: 38px; border-radius: 13px; }
.vk-footer p { margin: 0 0 10px; line-height: 1.65; }
.vk-footer-title { margin: 0 0 12px; font: 700 11px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--vk-text); }
.vk-footer ul { list-style: none; margin: 0; padding: 0; }
.vk-footer li { margin-bottom: 8px; }
.vk-shop .vk-footer a { color: var(--vk-muted); }
.vk-shop .vk-footer a:hover { color: var(--vk-blue); }
.vk-footer .vk-mono { font-size: 11px; color: var(--vk-blue); }
html[data-theme="dark"] .vk-footer .vk-mono { color: var(--vk-cyan); }
.vk-footer-social { display: flex; gap: 8px; margin-top: 12px; }
.vk-shop .vk-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; background: var(--vk-input); border: 1px solid var(--vk-border); color: var(--vk-text-2); font-size: 14px; }
.vk-shop .vk-footer-social a:hover { background: var(--vk-blue); color: #fff; border-color: var(--vk-blue); }
.vk-footer-bottom { border-top: 1px solid var(--vk-border); padding: 14px 0; font-size: 11px; color: var(--vk-faint); }
@media (max-width: 991px) { .vk-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .vk-footer-grid { grid-template-columns: 1fr; gap: 24px; } }

/* ---------- mobile menu ---------- */
.vk-shop .mobile-menu-container { background: var(--vk-surface); color: var(--vk-text-2); }
.vk-shop .mobile-menu li a { color: var(--vk-text-2); border-color: var(--vk-border); }
.vk-shop .mobile-menu li.bg-primary a { color: #fff !important; }
.vk-shop .mobile-menu-close { color: var(--vk-text); }

/* ---------- fixes round 1 ---------- */
.vk-shop .intro-slider-container .intro-title,
.vk-shop .intro-slider-container .intro-subtitle,
.vk-shop .intro-slider-container .intro-price { color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .35); }
.vk-shop .intro-slider-container .intro-title .font-weight-light { color: #fff !important; }
.vk-shop .intro-slider-container { width: calc(100% - 48px); }
.vk-shop .intro-slider-container .owl-nav { position: absolute; right: 22px; bottom: 14px; display: flex; gap: 8px; margin: 0; }
.vk-shop .intro-slider-container .owl-nav .owl-prev,
.vk-shop .intro-slider-container .owl-nav .owl-next {
    position: static; transform: none; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%;
    background: rgba(0, 0, 0, .4); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; opacity: 1;
}
.vk-shop .intro-slider-container .owl-nav .owl-prev:hover,
.vk-shop .intro-slider-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, .65); color: #fff; }
.vk-shop .intro-slider-container .owl-nav button::before, .vk-shop .intro-slider-container .owl-nav button::after { content: none; }
.vk-shop .intro-slider-container .owl-dots { position: absolute; right: 118px; bottom: 22px; left: auto; display: flex; align-items: center; gap: 6px; margin: 0; }
.vk-shop .intro-slider-container .owl-dots .owl-dot { margin: 0; }
.vk-shop .intro-slider-container .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0; display: block; }
.vk-shop .intro-slider-container .owl-dots .owl-dot.active span { width: 24px; }
@media (max-width: 1399px) {
    .vk-search .header-search-wrapper { width: 150px; }
}
@media (max-width: 1199px) {
    .vk-search .header-search-wrapper { width: 130px; }
}
.vk-shop .vk-search { display: block; }
@media (max-width: 767px) {
    .vk-tools { display: contents; }
    .vk-head-left { flex: 1 1 auto; min-width: 0; }
    .vk-search { order: 9; flex: 1 1 100%; }
    .vk-shop .vk-tool, .vk-shop a.vk-login { flex: 0 0 auto; }
}
.vk-shop .intro-slider-container .intro-content { max-width: 100%; padding-left: 48px; padding-right: 48px; }
@media (max-width: 767px) { .vk-shop .intro-slider-container .intro-content { padding-left: 20px; padding-right: 20px; } }

/* ---------- fixes round 2 ---------- */
.vk-search .header-search-wrapper { margin: 0; height: 40px; display: flex; align-items: center; }
.vk-shop .vk-search .search.form-control { margin: 0; }
.vk-shop .intro-slider-container .intro-slide { position: relative; }
.vk-shop .intro-slider-container .intro-slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 23, 42, .28), rgba(15, 23, 42, .08) 55%, rgba(15, 23, 42, .18)); pointer-events: none; }
.vk-shop .intro-slider-container .intro-content { position: relative; z-index: 1; box-sizing: border-box; }
@media (max-width: 991px) {
    .vk-tools { display: contents; }
    .vk-head-left { flex: 1 1 auto; min-width: 0; }
    .vk-search { order: 9; flex: 1 1 100%; }
    .vk-search .header-search-wrapper { width: 100%; }
    .vk-shop .vk-search .suggestions { left: 0; right: 0; width: auto; }
    .vk-shop .vk-tool, .vk-shop a.vk-login { flex: 0 0 auto; }
}

/* ---------- fixes round 3 ---------- */
.vk-shop .vk-card__price { color: var(--vk-blue); font-weight: 800; }
html[data-theme="dark"] .vk-shop .vk-card__price { color: var(--vk-cyan); }
.vk-shop .vk-card__meta { color: var(--vk-muted); }
.vk-shop .vk-card__cart { border-radius: 12px; }
.vk-shop .intro-slider-container .intro-title small { color: #fff !important; }
.vk-shop .vk-footer p, .vk-shop .vk-footer li { font-family: 'Inter', sans-serif; }

/* ---------- shop page ---------- */
.vk-pagehead-wrap { padding-top: 22px; }
.vk-pagehead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 24px; border-radius: 24px; background: var(--vk-surface); border: 1px solid var(--vk-border); box-shadow: var(--vk-shadow); }
.vk-shop .vk-pagehead-title { margin: 2px 0 6px; font: 800 22px/1.2 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-crumbs { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--vk-muted); }
.vk-shop .vk-crumbs a { color: var(--vk-muted); }
.vk-shop .vk-crumbs a:hover { color: var(--vk-blue); }
.vk-crumbs i { font-size: 9px; opacity: .6; }
.vk-shop a.vk-sellbtn, .vk-shop a.vk-sellbtn:hover {
    display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 16px; background: var(--vk-grad);
    color: #fff; font: 700 12px/1 'Inter', sans-serif; box-shadow: 0 6px 16px rgba(78, 74, 242, .3); white-space: nowrap;
}
.vk-shop a.vk-sellbtn:hover { opacity: .92; }

.vk-shop .page-content { padding-top: 18px; }
.vk-shop .toolbox {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 12px 16px;
    background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 20px; box-shadow: var(--vk-shadow);
}
.vk-shop .toolbox-left, .vk-shop .toolbox-center, .vk-shop .toolbox-right { margin: 0; flex: 0 1 auto; }
.vk-shop .toolbox-center { flex: 1 1 auto; text-align: center; }
.vk-shop .toolbox .sidebar-toggler {
    display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 14px; background: var(--vk-soft);
    border: 1px solid var(--vk-border); color: var(--vk-blue); font: 700 12px/1 'Inter', sans-serif; text-transform: none; letter-spacing: 0;
}
html[data-theme="dark"] .vk-shop .toolbox .sidebar-toggler { color: var(--vk-cyan); }
.vk-shop .toolbox-info { color: var(--vk-muted); font-size: 12px; }
.vk-shop .toolbox-info span { color: var(--vk-text); font-weight: 700; }
.vk-shop .toolbox-sort { display: flex; align-items: center; gap: 8px; }
.vk-shop .toolbox-sort label { margin: 0; color: var(--vk-muted); font-size: 12px; font-weight: 600; }
.vk-shop .toolbox-sort .select-custom .form-control { height: 38px; padding: 0 34px 0 14px; border-radius: 14px; font-size: 12px; font-weight: 600; }
.vk-shop .select-custom::after { color: var(--vk-muted); }

.vk-shop .vk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.vk-shop .vk-chip { background: var(--vk-soft); border: 1px solid var(--vk-border); color: var(--vk-blue); border-radius: 999px; padding: 6px 12px; font-size: 12px; font-weight: 600; }
html[data-theme="dark"] .vk-shop .vk-chip { color: var(--vk-cyan); }
.vk-shop .vk-chips__clear { color: var(--vk-muted); font-size: 12px; font-weight: 600; align-self: center; }

.vk-shop .more-container h6 { color: var(--vk-muted); }
.vk-shop .btn-more { border-radius: 16px; padding: 12px 24px; }

/* filter panel */
.vk-shop .sidebar-filter { background: var(--vk-surface); color: var(--vk-text-2); border-right: 1px solid var(--vk-border); }
.vk-shop .sidebar-filter .sidebar-filter-wrapper { background: var(--vk-surface); }
.vk-shop .sidebar-filter .widget { border-color: var(--vk-border); }
.vk-shop .sidebar-filter .widget-title, .vk-shop .sidebar-filter .widget-title a { color: var(--vk-text); font-weight: 700; text-transform: none; }
.vk-shop .sidebar-filter .widget-clean label, .vk-shop .sidebar-filter .widget-clean a { color: var(--vk-text); font-weight: 700; }
.vk-shop .sidebar-filter .custom-control-label { color: var(--vk-text-2); }
.vk-shop .sidebar-filter .filter-price-text { color: var(--vk-text-2); }
.vk-shop .sidebar-filter-overlay { background: rgba(15, 23, 42, .55); }
.vk-shop .noUi-target { background: var(--vk-inset); border-color: var(--vk-border); box-shadow: none; }
.vk-shop .noUi-connect { background: var(--vk-blue); }
.vk-shop .noUi-handle { background: var(--vk-surface); border: 2px solid var(--vk-blue); box-shadow: none; }

/* ---------- product detail ---------- */
.vk-shop .breadcrumb-nav { background: transparent; padding: 18px 0 8px; }
.vk-shop .breadcrumb-nav .breadcrumb { background: transparent; padding: 0; margin: 0; font-size: 12px; }
.vk-shop .breadcrumb-item + .breadcrumb-item::before { color: var(--vk-faint); }
.vk-shop .breadcrumb-item.active { color: var(--vk-text); font-weight: 600; }
.vk-shop .product-details-top {
    margin-bottom: 24px; padding: 28px; background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 28px; box-shadow: var(--vk-shadow);
}
.vk-shop .product-gallery .product-main-image, .vk-shop .product-gallery figure { border-radius: 24px; overflow: hidden; background: var(--vk-inset); border: 1px solid var(--vk-border); }
.vk-shop .product-main-image img { border-radius: 24px; }
.vk-shop .product-image-gallery .product-gallery-item { border-radius: 16px; overflow: hidden; border: 2px solid var(--vk-border); background: var(--vk-inset); }
.vk-shop .product-image-gallery .product-gallery-item.active, .vk-shop .product-image-gallery .product-gallery-item:hover { border-color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .product-image-gallery .product-gallery-item.active { border-color: var(--vk-cyan); }
.vk-shop .btn-product-gallery { background: var(--vk-surface); color: var(--vk-text); border-radius: 12px; }

.vk-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.vk-badge-cond, .vk-badge-sold { display: inline-block; padding: 4px 12px; border-radius: 999px; font: 700 11px/1.4 'Inter', sans-serif; }
.vk-badge-cond { background: #10b981; color: #fff; }
.vk-badge-sold { background: #f43f5e; color: #fff; }
.vk-shop .product-details .product-title { margin: 0 0 12px; font: 800 24px/1.25 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-shop .product-details .product-price { margin-bottom: 14px; font: 800 30px/1.1 'Plus Jakarta Sans', sans-serif; color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .product-details .product-price { color: var(--vk-cyan); }
.vk-shop .product-details .product-price small { font-size: 12px; font-weight: 500; color: var(--vk-faint); }
.vk-shop .product-details .product-content { padding: 14px 16px; border-radius: 18px; background: var(--vk-surface-2); border: 1px solid var(--vk-border); color: var(--vk-text-2); }
.vk-shop .product-details .product-content p { margin: 0; line-height: 1.65; font-size: 13px; }
.vk-shop .details-filter-row label, .vk-shop .details-filter-row .brand-option { color: var(--vk-text-2); font-size: 13px; }
.vk-shop .product-details-action .btn-product, .vk-shop .product-details-action a.btn-product {
    display: flex; align-items: center; justify-content: center; width: 100%; padding: 13px 18px; border: 0; border-radius: 16px;
    background: var(--vk-blue); color: #fff; font: 800 13px/1 'Plus Jakarta Sans', sans-serif; text-transform: none; letter-spacing: 0; box-shadow: 0 6px 16px rgba(0, 76, 255, .25);
}
.vk-shop .product-details-action .col-6:last-child .btn-product { background: var(--vk-grad); box-shadow: 0 6px 16px rgba(78, 74, 242, .3); }
.vk-shop .product-details-action .btn-product:hover { opacity: .92; color: #fff; }
.vk-shop .product-details-action .btn-product.disabled { background: var(--vk-inset); color: var(--vk-faint); box-shadow: none; }
.vk-shop .product-details-action .btn-product.btn-wishlist { background: transparent; border: 1px solid var(--vk-border); color: var(--vk-text-2); box-shadow: none; width: auto; display: inline-flex; padding: 11px 18px; }
.vk-shop .product-details-action .btn-product.btn-wishlist:hover { border-color: #f43f5e; color: #f43f5e; }
.vk-shop .product-details-footer { border-top: 1px solid var(--vk-border); color: var(--vk-muted); font-size: 12px; }
.vk-shop .product-details-footer .product-cat span { color: var(--vk-text); font-weight: 700; }

.vk-shop .product-details-tab { background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 24px; padding: 8px 24px 20px; margin-bottom: 28px; }
.vk-shop .product-details-tab .nav-pills .nav-link { border-radius: 999px; color: var(--vk-text-2); font-weight: 700; }
.vk-shop .product-details-tab .nav-pills .nav-link.active { background: var(--vk-grad); color: #fff; }
.vk-shop .product-desc-content h3 { font-size: 16px; font-weight: 800; }
.vk-shop .product-desc-content p { color: var(--vk-text-2); line-height: 1.7; }

.vk-shop .sticky-bar { background: var(--vk-surface); border-top: 1px solid var(--vk-border); box-shadow: 0 -10px 30px rgba(15, 23, 42, .08); }
.vk-shop .sticky-bar .product-title a { color: var(--vk-text); font-weight: 700; }
.vk-shop .sticky-bar .product-price { color: var(--vk-blue); font-weight: 800; }
html[data-theme="dark"] .vk-shop .sticky-bar .product-price { color: var(--vk-cyan); }
.vk-shop .sticky-bar .btn-product.btn-cart { background: var(--vk-blue); color: #fff; border-radius: 14px; }
@media (max-width: 767px) {
    .vk-shop .product-details-top { padding: 16px; border-radius: 22px; }
    .vk-pagehead { padding: 16px; }
}
.vk-shop .toolbox-sort .select-custom .form-control, .vk-shop .toolbox-sort .select-custom select { background-color: var(--vk-input); color: var(--vk-text); border: 1px solid var(--vk-border); max-width: 170px; min-width: 150px; }

/* ---------- fixes round 4: panels above the sticky header ---------- */
.vk-shop .sidebar-filter, .vk-shop .mobile-menu-container { z-index: 1062; }
.vk-shop .sidebar-filter-overlay, .vk-shop .mobile-menu-overlay { z-index: 1061; }
.vk-shop .filter-price-text span, .vk-shop .filter-price-text .filter-price-range { color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .filter-price-text span { color: var(--vk-cyan); }
.vk-shop .sidebar-filter .btn-primary, .vk-shop .sidebar-filter .btn-outline-primary-2 { border-radius: 12px; }
.vk-shop .product-details-tab .tab-content { border: 0; }
.vk-shop .product-details-tab .product-desc-content { padding: 8px 4px; }
.vk-shop .product-details-tab .nav-pills { margin: 12px 0; }

/* ---------- round 5: cards, header layout, page heads, My Page, popup, cart, checkout, guide ---------- */

/* product card: clearer text and a blue cart button */
.vk-shop .vk-card__title { font-size: 14px; line-height: 1.4; }
.vk-shop .vk-card__title a { color: var(--vk-text); font-weight: 600; }
.vk-shop .vk-card__price { font-size: 17px; }
.vk-shop .vk-card__cart { width: 38px; height: 38px; border-radius: 12px; background: var(--vk-blue); color: #fff; font-size: 15px; }
.vk-shop .vk-card__cart:hover { background: var(--vk-blue-dark); color: #fff; }
.vk-shop .vk-card__cart.is-in { background: rgba(16, 185, 129, .16); color: #10b981; }
.vk-shop .vk-card.is-sold .vk-card__price { color: var(--vk-faint); }
.vk-shop .vk-card__sold { background: rgba(15, 23, 42, .85); border-radius: 999px; font-weight: 700; }
.vk-shop .vk-card__body { padding: 12px 14px 14px; }
html[data-theme="dark"] .vk-shop .vk-card__title a { color: #f8fafc; }

/* page heads of the other pages (cart, checkout, contact, sign-in ...) get the same card */
.vk-shop .page-header { min-height: 0; margin: 0; padding: 22px 0 0; background: none !important; text-align: left !important; border: 0; }
.vk-shop .page-header > .container {
    display: block; width: calc(100% - 30px); max-width: 1110px; margin: 0 auto; padding: 22px 24px;
    border-radius: 24px; background: var(--vk-surface); border: 1px solid var(--vk-border); box-shadow: var(--vk-shadow);
}
.vk-shop .page-header .page-title { margin: 0; font: 800 22px/1.25 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); text-align: left; }
.vk-shop .page-header .page-title span { display: block; margin-top: 6px; font: 500 13px/1.4 'Inter', sans-serif; color: var(--vk-muted); }
.vk-shop .border { border-color: var(--vk-border) !important; }

/* ---------- My Page ---------- */
.vk-acct-user { display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 12px; border-radius: 24px; background: var(--vk-grad); box-shadow: 0 8px 20px rgba(78, 74, 242, .25); }
.vk-acct-avatar { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .22); color: #fff; font: 800 18px/1 'Plus Jakarta Sans', sans-serif; }
.vk-acct-who { min-width: 0; }
.vk-shop .vk-acct-who strong { display: block; color: #fff; font: 700 14px/1.3 'Inter', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk-shop .vk-acct-who small { display: block; color: rgba(255, 255, 255, .85); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk-shop .dashboard .nav-dashboard { padding: 10px; background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 24px; box-shadow: var(--vk-shadow); }
.vk-shop .nav-dashboard .nav-link {
    display: flex; align-items: center; gap: 10px; padding: 11px 14px; margin: 0 0 2px; border: 0; border-radius: 14px;
    color: var(--vk-text-2); font: 600 13px/1.3 'Inter', sans-serif; text-transform: none; letter-spacing: 0; background: transparent;
}
.vk-shop .nav-dashboard .nav-link i { width: 18px; text-align: center; color: var(--vk-faint); font-size: 13px; }
.vk-shop .nav-dashboard .nav-link:hover { background: var(--vk-hover); color: var(--vk-text); }
.vk-shop .nav-dashboard .nav-link.active { background: var(--vk-grad); color: #fff; box-shadow: 0 4px 10px rgba(78, 74, 242, .3); }
.vk-shop .nav-dashboard .nav-link.active i { color: #fff; }
.vk-shop .nav-dashboard .nav-link::before, .vk-shop .nav-dashboard .nav-link::after { display: none; }
.vk-shop .nav-dashboard .btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 8px; padding: 11px 14px; border-radius: 14px; }
.vk-shop .dashboard .col-md-8 > .tab-content, .vk-shop .dashboard .col-lg-9 > .tab-content {
    padding: 24px; background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 24px; box-shadow: var(--vk-shadow);
}
.vk-shop .dashboard h1, .vk-shop .dashboard h2, .vk-shop .dashboard h3, .vk-shop .dashboard h4, .vk-shop .dashboard h5, .vk-shop .dashboard h6, .vk-shop .dashboard .title { color: var(--vk-text); }
html[data-theme="dark"] .vk-shop .dashboard :where(p, li, td, th, label, dt, dd, small, h1, h2, h3, h4, h5, h6) { color: var(--vk-text-2); }
html[data-theme="dark"] .vk-shop .dashboard :where(h1, h2, h3, h4, h5, h6, th, strong, b) { color: var(--vk-text); }
html[data-theme="dark"] .vk-shop .dashboard .table { color: var(--vk-text-2); }
html[data-theme="dark"] .vk-shop .dashboard a:not(.btn):not(.nav-link) { color: var(--vk-cyan); }
.vk-shop .dashboard .table thead th { background: var(--vk-surface-2); border-color: var(--vk-border); }
.vk-shop .dashboard .form-control, .vk-shop .dashboard .custom-select { background-color: var(--vk-input); color: var(--vk-text); border-color: var(--vk-border); }

/* ---------- sign-in / register popup ---------- */
.vk-shop #signin-modal .modal-content { border-radius: 28px; padding: 6px; }
.vk-shop #signin-modal .modal-body { padding: 24px 26px 22px; }
.vk-shop .modal .close { color: var(--vk-muted); opacity: 1; text-shadow: none; }
.vk-shop .form-tab .nav-pills { padding: 5px; background: var(--vk-inset); border: 1px solid var(--vk-border); border-radius: 999px; }
.vk-shop .form-tab .nav-pills .nav-link {
    border: 0; border-radius: 999px; padding: 10px 16px; background: transparent; color: var(--vk-text-2);
    font: 700 13px/1.2 'Inter', sans-serif; text-transform: none; letter-spacing: 0;
}
.vk-shop .form-tab .nav-pills .nav-link::before, .vk-shop .form-tab .nav-pills .nav-link::after { display: none; }
.vk-shop .form-tab .nav-pills .nav-link.active { background: var(--vk-grad); color: #fff; box-shadow: 0 4px 10px rgba(78, 74, 242, .3); }
.vk-shop .form-tab .tab-content { padding-top: 18px; }
.vk-shop .form-footer .btn, .vk-shop .form-tab .btn-outline-primary-2 { background: var(--vk-blue); border: 0; color: #fff; border-radius: 14px; padding: 12px 22px; }
.vk-shop .form-footer .btn:hover { background: var(--vk-blue-dark); color: #fff; }
.vk-shop .forgot-link, .vk-shop .form-footer a { color: var(--vk-blue); font-weight: 600; }
html[data-theme="dark"] .vk-shop .forgot-link { color: var(--vk-cyan); }
.vk-shop .form-box { background: transparent; }
.vk-shop .form-tab .form-group label { font-size: 12px; font-weight: 600; }

/* ---------- cart ---------- */
.vk-shop .cart .card.bg-primary { background: var(--vk-grad) !important; border: 0; border-radius: 18px; }
.vk-shop .cart .seller-group { border-radius: 22px; overflow: hidden; background: var(--vk-surface); }
.vk-shop .cart .seller-group .card { border: 0; border-bottom: 1px solid var(--vk-border-soft); border-radius: 0; background: transparent; }
.vk-shop .cart .card-header { background: var(--vk-surface-2) !important; }
.vk-shop .cart .card-footer { background: var(--vk-surface) !important; border-color: var(--vk-border); }
.vk-shop .cart .card-img-top { border-radius: 14px; }
.vk-shop .cart h6, .vk-shop .cart .seller-group-name { color: var(--vk-text); }
.vk-shop .cart p { color: var(--vk-muted); }
.vk-shop .btn-remove { width: 34px; height: 34px; border: 0; border-radius: 10px; background: var(--vk-inset) !important; color: #f43f5e !important; }
.vk-shop .summary { padding: 22px; background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 24px; box-shadow: var(--vk-shadow); }
.vk-shop .summary-title { margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--vk-border); color: var(--vk-text); font: 800 16px/1.3 'Plus Jakarta Sans', sans-serif; }
.vk-shop .table-summary td, .vk-shop .table-summary th { color: var(--vk-text-2); border-color: var(--vk-border); }
.vk-shop .table-summary .summary-total td { color: var(--vk-text); font-weight: 800; }
.vk-shop .btn-order { background: var(--vk-grad); border: 0; color: #fff; border-radius: 16px; padding: 13px 18px; box-shadow: 0 6px 16px rgba(78, 74, 242, .3); }
.vk-shop .btn-order:hover { background: var(--vk-grad); color: #fff; opacity: .92; }

/* ---------- checkout ---------- */
.vk-shop .vk-co-card { background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 24px; box-shadow: var(--vk-shadow); }
.vk-shop .vk-co-title, .vk-shop .vk-co-name { color: var(--vk-text); }
.vk-shop .vk-co-hint, .vk-shop .vk-co-line { color: var(--vk-muted); }
.vk-shop .vk-co-link { color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-co-link { color: var(--vk-cyan); }
.vk-shop .vk-item { border-color: var(--vk-border-soft); }
.vk-shop .vk-item-photo { background: var(--vk-inset); }
.vk-shop .vk-item-name { color: var(--vk-text-2); }
.vk-shop .vk-item-meta { color: var(--vk-muted); }
.vk-shop .vk-item-price { color: var(--vk-text); }
.vk-shop .vk-totals td { color: var(--vk-text-2); }
.vk-shop .vk-totals .summary-total td { color: var(--vk-text); border-color: var(--vk-border); }
.vk-shop .vk-hold { background: var(--vk-soft); border: 1px solid var(--vk-border); }
.vk-shop .vk-hold-title { color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-hold-title { color: var(--vk-cyan); }
.vk-shop .vk-hold-steps li { color: var(--vk-text-2); }
.vk-shop .vk-hold-n { background: var(--vk-blue); color: #fff; }
.vk-shop .vk-pay-method label { border-color: var(--vk-blue); border-radius: 14px; color: var(--vk-text); background: var(--vk-soft); }
.vk-shop .vk-pay-method label .fa-check-circle { color: var(--vk-blue); }
.vk-shop .vk-pay-btn { background: var(--vk-grad); border: 0; color: #fff; border-radius: 16px; padding: 14px 18px; box-shadow: 0 6px 16px rgba(78, 74, 242, .3); }
.vk-shop .vk-qr-or, .vk-shop .vk-qr-help, .vk-shop .vk-qr-held { color: var(--vk-muted); }
.vk-shop .vk-qr-amount { color: var(--vk-text); }
.vk-shop .required:after { color: #f43f5e; }

/* ---------- guide ---------- */
.vk-guide-hero { padding: 26px 28px; border-radius: 28px; border: 1px solid var(--vk-border); background: linear-gradient(125deg, #ebf3ff 0%, #ede7f6 50%, #e8f5e9 100%); }
html[data-theme="dark"] .vk-guide-hero { background: linear-gradient(125deg, rgba(52, 200, 232, .14) 0%, rgba(78, 74, 242, .18) 55%, rgba(16, 185, 129, .12) 100%); }
.vk-guide-badge { display: inline-block; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .8); color: var(--vk-blue); font: 700 12px/1.3 'Inter', sans-serif; }
html[data-theme="dark"] .vk-guide-badge { background: var(--vk-surface-2); color: var(--vk-cyan); }
.vk-shop .vk-guide-hero h1 { margin: 10px 0 6px; font: 800 26px/1.25 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-guide-hero p { margin: 0; color: var(--vk-muted); font-size: 13px; line-height: 1.6; }
.vk-guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 22px; }
.vk-guide-card { padding: 24px; background: var(--vk-surface); border: 1px solid var(--vk-border); border-radius: 28px; box-shadow: var(--vk-shadow); }
.vk-guide-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.vk-guide-ico { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 16px; font-size: 24px; }
.vk-guide-ico.android { background: rgba(16, 185, 129, .15); color: #10b981; }
.vk-guide-ico.ios { background: rgba(0, 76, 255, .12); color: var(--vk-blue); }
html[data-theme="dark"] .vk-guide-ico.ios { color: var(--vk-cyan); background: rgba(52, 200, 232, .14); }
.vk-shop .vk-guide-head h2 { margin: 0; font: 800 16px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-guide-head p { margin: 2px 0 0; font-size: 12px; color: var(--vk-muted); }
.vk-guide-steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vk-guide-steps li { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 16px; background: var(--vk-surface-2); color: var(--vk-text-2); font-size: 13px; line-height: 1.55; }
.vk-guide-steps li > span { flex: 0 0 26px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #10b981; color: #fff; font: 700 12px/1 'Inter', sans-serif; }
.vk-guide-steps.ios li > span { background: var(--vk-blue); }
.vk-guide-steps strong { color: var(--vk-text); }
.vk-shop a.vk-guide-watch { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 16px; border: 1px solid var(--vk-border); border-radius: 14px; color: var(--vk-blue); font: 700 12px/1 'Inter', sans-serif; }
html[data-theme="dark"] .vk-shop a.vk-guide-watch { color: var(--vk-cyan); }
.vk-shop a.vk-guide-watch:hover { background: var(--vk-soft); }
@media (max-width: 767px) { .vk-guide-grid { grid-template-columns: 1fr; } .vk-guide-hero { padding: 20px; } }

/* ---------- round 6: spacing and footer text ---------- */
.vk-footer p { font-size: 13px; line-height: 1.7; }
.vk-footer li, .vk-shop .vk-footer li a { font-size: 13px; line-height: 1.5; }
.vk-footer-grid { align-items: start; }
.vk-footer-brand { font-size: 15px; }
.vk-footer .vk-mono { font-size: 12px; }
.vk-footer-bottom { font-size: 12px; }
.vk-shop .more-container h6 { font-size: 13px; font-weight: 500; }

/* ---------- round 7: header spacing, My Sales collapse, Showing line, related items ---------- */
.vk-head-row { column-gap: 22px; }
.vk-head-left { gap: 14px; }
.vk-shop .vk-catdd { margin-left: 8px; margin-right: 6px; }
.vk-tools { gap: 12px; }
.vk-search { margin-right: 4px; }
@media (min-width: 1400px) {
    .vk-search .header-search-wrapper { width: 220px; }
}

/* "Showing 8 of 8 Products": one font, one size, numbers in the accent colour */
.vk-shop .vk-showing, .vk-shop .vk-showing span {
    font: 500 13px/1.4 'Inter', sans-serif; letter-spacing: 0; text-transform: none; color: var(--vk-muted);
}
.vk-shop .vk-showing .current-count, .vk-shop .vk-showing .total-count { color: var(--vk-blue); font-weight: 700; }
html[data-theme="dark"] .vk-shop .vk-showing .current-count, html[data-theme="dark"] .vk-shop .vk-showing .total-count { color: var(--vk-cyan); }
.vk-shop .dashboard .toolbox-left h5, .vk-shop .dashboard .toolbox-info h5 { font: 800 18px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-shop .dashboard .row.py-2.mx-2 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px !important; padding: 0 !important; }
.vk-shop .dashboard .toolbox-left, .vk-shop .dashboard .toolbox-right { margin: 0; padding: 0; }

/* My Sales: each order is a collapsible card */
.vk-sales-title { margin-bottom: 14px; font: 800 18px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); }
.vk-sales-tools { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; }
.vk-shop .vk-sales-all {
    display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--vk-border); border-radius: 12px;
    background: var(--vk-surface-2); color: var(--vk-text-2); font: 600 12px/1 'Inter', sans-serif; cursor: pointer;
}
.vk-shop .vk-sales-all:hover { border-color: var(--vk-blue); color: var(--vk-blue); }
.vk-sale { margin-bottom: 10px; border: 1px solid var(--vk-border); border-radius: 18px; background: var(--vk-surface); overflow: hidden; }
.vk-shop .vk-sale-head {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; width: 100%; padding: 14px 16px; border: 0; background: transparent;
    color: var(--vk-text); text-align: left; cursor: pointer; font: 500 13px/1.4 'Inter', sans-serif;
}
.vk-shop .vk-sale-head:hover { background: var(--vk-hover); }
.vk-sale-main { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; flex: 1 1 auto; min-width: 0; }
.vk-shop .vk-sale-main strong { color: var(--vk-text); font-weight: 700; }
.vk-shop .vk-sale-main small { color: var(--vk-muted); }
.vk-shop .vk-sale-earn { color: var(--vk-muted); font-size: 12px; }
.vk-shop .vk-sale-earn b { color: var(--vk-text); font-weight: 800; margin-left: 4px; }
.vk-sale-caret { flex: 0 0 auto; color: var(--vk-faint); font-size: 12px; transition: transform .2s; }
.vk-sale-head:not(.collapsed) .vk-sale-caret { transform: rotate(180deg); }
.vk-sale-body { padding: 4px 16px 16px; border-top: 1px solid var(--vk-border); }
.vk-sale-body.collapse:not(.show) { display: none; }
.vk-sale-body .table { margin-top: 10px; }

/* "You may also like" and other carousels: item names must follow the theme */
.vk-shop .product .product-title a,
.vk-shop .product-7 .product-title a,
.vk-shop .owl-carousel .product-title a,
.vk-shop .owl-carousel .product .product-title { color: var(--vk-text) !important; font-weight: 600; }
.vk-shop .owl-carousel .product .product-price, .vk-shop .product-7 .product-price { color: var(--vk-blue); font-weight: 800; }
html[data-theme="dark"] .vk-shop .owl-carousel .product .product-price, html[data-theme="dark"] .vk-shop .product-7 .product-price { color: var(--vk-cyan); }
.vk-shop .owl-carousel .product-cat, .vk-shop .owl-carousel .product-cat a, .vk-shop .owl-carousel .product-catagory { color: var(--vk-muted) !important; }
.vk-shop .owl-carousel .product-body { background: transparent; }
.vk-shop .owl-carousel .product-body label { color: var(--vk-text-2); }
.vk-shop .owl-carousel .owl-nav button { background: var(--vk-surface); color: var(--vk-text); border: 1px solid var(--vk-border); border-radius: 50%; }

/* ---------- round 8: filter panel (category tree, scrollbars, checkboxes) ---------- */
/* scrollbars follow the theme (the template paints them orange) */
.vk-shop #scroll-style::-webkit-scrollbar-track, .vk-shop #scroll-style::-webkit-scrollbar { background-color: var(--vk-inset); box-shadow: none; }
.vk-shop #scroll-style::-webkit-scrollbar { width: 8px; height: 8px; }
.vk-shop #scroll-style::-webkit-scrollbar-thumb { border-radius: 999px; background-image: none; background-color: var(--vk-faint); }
.vk-shop #scroll-style::-webkit-scrollbar-thumb:hover { background-color: var(--vk-muted); }
.vk-shop #scroll-style { scrollbar-width: thin; scrollbar-color: var(--vk-faint) var(--vk-inset); }

/* section titles and the collapse arrows */
.vk-shop .sidebar-filter .widget-collapsible .widget-title a::before,
.vk-shop .sidebar-filter .widget-collapsible .widget-title a::after { color: var(--vk-muted); }
.vk-shop .sidebar-filter .widget-body { color: var(--vk-text-2); }
.vk-shop .sidebar-filter .widget-clean label a { display: inline-flex; align-items: center; gap: 8px; color: var(--vk-text); font: 700 12px/1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: .04em; }

/* checkboxes */
.vk-shop .sidebar-filter .custom-control-label::before { background-color: var(--vk-input); border: 1px solid var(--vk-border); border-radius: 6px; }
.vk-shop .sidebar-filter .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--vk-blue); border-color: var(--vk-blue); }
.vk-shop .sidebar-filter .custom-control-label { font-size: 13px; }

/* colour swatches */
.vk-shop .sidebar-filter .checkmark { border-color: var(--vk-surface); box-shadow: 0 0 0 1px var(--vk-border); }
.vk-shop .sidebar-filter .color-option input:checked ~ .checkmark { box-shadow: 0 0 0 2px var(--vk-blue); }

/* category tree */
.vk-shop #catBox, .vk-shop .comboTreeInputBox {
    width: 100%; height: 42px; padding: 0 36px 0 14px !important; border: 1px solid var(--vk-border) !important; border-radius: 14px;
    background-color: var(--vk-input) !important; color: var(--vk-text) !important; font: 700 13px/1 'Inter', sans-serif;
}
.vk-shop #catBox::placeholder, .vk-shop .comboTreeInputBox::placeholder { color: var(--vk-text-2); opacity: 1; }
.vk-shop .comboTreeArrowBtn .fa-chevron-down, .vk-shop .comboTreeArrowBtn i { color: var(--vk-muted); }
.vk-shop .comboTreeDropDownContainer {
    margin-top: 8px; background: var(--vk-surface); border: 1px solid var(--vk-border) !important; border-radius: 14px; overflow-y: auto;
}
.vk-shop .comboTreeDropDownContainer li:hover ul { background-color: transparent; }
.vk-shop .comboTreeDropDownContainer li, .vk-shop .comboTreeDropDownContainer label, .vk-shop span.comboTreeItemTitle { color: var(--vk-text-2); font-size: 13px; }
.vk-shop .comboTreeDropDownContainer li span.comboTreeItemTitle:hover { background-color: var(--vk-hover); border-radius: 8px; }
.vk-shop .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover { background-color: var(--vk-soft); color: var(--vk-blue); border-radius: 8px; font-weight: 700; }
html[data-theme="dark"] .vk-shop .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover { color: var(--vk-cyan); }
.vk-shop .comboTreeParentPlus, .vk-shop .comboTreeParentPlus i { color: var(--vk-muted); }
.vk-shop .comboTreeDropDownContainer input[type="checkbox"], .vk-shop .comboTreeDropDownContainer input[type="radio"] { accent-color: var(--vk-blue); }
.vk-shop .comboTreeArrowBtn { top: 50%; transform: translateY(-50%); right: 14px; }

/* ---------- round 9: header layout (one grid, every screen size) ---------- */
.vk-shop .vk-header .vk-head-row {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px 20px;
    max-width: 1280px; padding-top: 12px; padding-bottom: 12px;
}
@media (min-width: 1500px) { .vk-shop .vk-header .vk-head-row { max-width: 1440px; } }
.vk-shop .vk-header .vk-head-left { grid-column: 1; grid-row: 1; margin: 0; }
.vk-shop .vk-header .vk-search { grid-column: 2; grid-row: 1; order: 0; flex: none; width: 100%; max-width: 460px; margin: 0; }
.vk-shop .vk-header .vk-search .header-search-wrapper { width: 100%; }
.vk-shop .vk-header .vk-tools { grid-column: 3; grid-row: 1; order: 0; flex: none; display: flex; justify-content: flex-end; gap: 10px; }
.vk-shop .vk-header .vk-pills { grid-column: 1 / -1; grid-row: 2; order: 0; width: auto; max-width: 100%; margin: 0; justify-self: center; }

/* wide buttons keep their text only where there is room */
.vk-shop #vkShopThemeLabel { display: none; }
.vk-shop a.vk-sell, .vk-shop a.vk-login { display: inline-flex; justify-content: center; }
.vk-shop a.vk-sell span, .vk-shop a.vk-login span { display: none; }
.vk-shop a.vk-sell, .vk-shop a.vk-login { width: 40px; padding: 0; }
@media (min-width: 1200px) {
    .vk-shop a.vk-sell span, .vk-shop a.vk-login span { display: inline; }
    .vk-shop a.vk-sell, .vk-shop a.vk-login { width: auto; padding: 0 15px; }
}
@media (min-width: 1400px) { .vk-shop #vkShopThemeLabel { display: inline; } }

@media (max-width: 991px) {
    .vk-shop .vk-header .vk-head-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; }
    .vk-shop .vk-header .vk-head-left { grid-column: 1; }
    .vk-shop .vk-header .vk-tools { grid-column: 2; grid-row: 1; }
    .vk-shop .vk-header .vk-search { grid-column: 1 / -1; grid-row: 2; max-width: none; }
    .vk-shop .vk-header .vk-pills { display: none; }
    .vk-shop a.vk-sell { display: none; }
}
@media (max-width: 575px) {
    .vk-shop .vk-header .vk-tools { gap: 6px; }
    .vk-shop .vk-tool { min-width: 38px; height: 38px; }
    .vk-shop .vk-tool-icon { width: 38px; }
    .vk-shop a.vk-login { width: 38px; height: 38px; }
}
@media (max-width: 479px) {
    .vk-shop .vk-brand-text { display: none; }
    .vk-shop .vk-lang .vk-caret { display: none; }
    .vk-shop .vk-head-left { gap: 10px; }
}
@media (max-width: 359px) {
    .vk-shop .vk-tools a.wishlist { display: none; }
}

/* ---------- round 10: compact item rows on My Products / Purchased / Drafts / Favourites ---------- */
.vk-acard { display: flex; align-items: center; gap: 14px; padding: 12px; margin-bottom: 14px; border: 1px solid var(--vk-border); border-radius: 18px; background: var(--vk-surface-2); transition: border-color .15s; }
.vk-acard:hover { border-color: var(--vk-blue); }
html[data-theme="dark"] .vk-acard:hover { border-color: var(--vk-cyan); }
.vk-shop .vk-acard-img { flex: 0 0 76px; width: 76px; height: 76px; border-radius: 14px; object-fit: cover; background: var(--vk-inset); }
.vk-acard-body { flex: 1 1 auto; min-width: 0; }
.vk-acard-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.vk-shop .vk-acard-date { font-size: 11px; color: var(--vk-muted); white-space: nowrap; }
.vk-shop h5.vk-acard-name { margin: 4px 0 2px; font: 700 14px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--vk-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk-shop .vk-acard-cat { font-size: 12px; color: var(--vk-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk-acard-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.vk-shop .vk-acard-price { font: 800 15px/1 'Plus Jakarta Sans', sans-serif; color: var(--vk-blue); }
html[data-theme="dark"] .vk-shop .vk-acard-price { color: var(--vk-cyan); }
.vk-shop .vk-acard-price small { font-size: 11px; font-weight: 500; color: var(--vk-faint); }
.vk-acard-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.vk-shop .vk-acard-actions .btn { padding: 7px 11px; border-radius: 10px; font: 600 12px/1 'Inter', sans-serif; min-width: 0; }
.vk-shop .vk-acard-actions .btn i { margin-left: 3px; }
.vk-shop .vk-acard-actions .btn-warning { background: rgba(250, 204, 21, .18); border-color: rgba(250, 204, 21, .5); color: #a16207; }
html[data-theme="dark"] .vk-shop .vk-acard-actions .btn-warning { color: #fde047; }
.vk-shop .vk-acard-actions .btn-secondary { background: rgba(244, 63, 94, .12); border-color: rgba(244, 63, 94, .4); color: #e11d48; }
html[data-theme="dark"] .vk-shop .vk-acard-actions .btn-secondary { color: #fda4af; }
.vk-shop .vk-acard-actions .btn-outline-dark { color: var(--vk-text-2); border-color: var(--vk-border); }
.vk-shop .dashboard .card-data { padding: 0 !important; margin: 0; }
.vk-shop .dashboard .card.shadow-sm { background: transparent; border: 0; box-shadow: none !important; }
@media (max-width: 575px) { .vk-acard { align-items: flex-start; } .vk-shop .vk-acard-img { flex-basis: 64px; width: 64px; height: 64px; } }