/*
Theme Name: Vorni
Theme URI: https://vorni.ua
Author: Vorni Team
Author URI: https://vorni.ua
Description: Преміальна адаптивна тема WordPress для WooCommerce з підтримкою оптових та роздрібних продажів товарів для дому, батарейок, засобів гоління, рукавичок та аксесуарів.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vorni-theme
Domain Path: /languages
WC requires at least: 8.0
WC tested up to: 9.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-600: #2563eb;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #172554;
  --color-amber-100: #fef9c3;
  --color-amber-200: #fef08a;
  --color-amber-300: #fde047;
  --color-amber-400: #facc15;
  --color-amber-500: #eab308;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-emerald-100: #dcfce7;
  --color-emerald-600: #16a34a;
  --color-emerald-700: #15803d;
  --color-rose-500: #f43f5e;
}

*, ::before, ::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-slate-50);
  color: var(--color-slate-900);
  margin: 0;
  padding: 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Layout utilities */
.vorni-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.flex-1 { flex: 1 1 0%; }
.flex-wrap { flex-wrap: wrap; }

.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (min-width: 640px) {
  .sm\:flex { display: flex; }
  .sm\:hidden { display: none !important; }
  .sm\:block { display: block; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:text-base { font-size: 1rem; }
  .sm\:text-3xl { font-size: 1.875rem; }
  .sm\:text-4xl { font-size: 2.25rem; }
  .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:p-12 { padding: 3rem; }
}

@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:hidden { display: none !important; }
  .md\:block { display: block; }
  .md\:flex-row { flex-direction: row; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:gap-6 { gap: 1.5rem; }
}

@media (min-width: 1024px) {
  .lg\:flex { display: flex; }
  .lg\:block { display: block; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:text-5xl { font-size: 3rem; }
}

@media (min-width: 1280px) {
  .xl\:inline { display: inline; }
}

.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }

.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.space-y-8 > * + * { margin-top: 2rem; }
.space-y-12 > * + * { margin-top: 3rem; }

.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }
.inline-flex { display: inline-flex; }
.relative { position: relative; }
.absolute { position: absolute; }
.sticky { position: sticky; }

/* Colors & Backgrounds */
.bg-white { background-color: #ffffff; }
.bg-slate-50 { background-color: var(--color-slate-50); }
.bg-slate-100 { background-color: var(--color-slate-100); }
.bg-slate-800 { background-color: var(--color-slate-800); }
.bg-slate-900 { background-color: var(--color-slate-900); }
.bg-slate-950 { background-color: var(--color-slate-950); }
.bg-blue-50 { background-color: var(--color-blue-50); }
.bg-blue-100 { background-color: var(--color-blue-100); }
.bg-blue-600 { background-color: var(--color-blue-600); }
.bg-blue-900 { background-color: var(--color-blue-900); }
.bg-blue-950 { background-color: var(--color-blue-950); }
.bg-amber-100 { background-color: var(--color-amber-100); }
.bg-amber-400 { background-color: var(--color-amber-400); }
.bg-amber-500 { background-color: var(--color-amber-500); }
.bg-emerald-100 { background-color: var(--color-emerald-100); }
.bg-emerald-600 { background-color: var(--color-emerald-600); }

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-blue-950 { --tw-gradient-from: #172554; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(23, 37, 84, 0)); }
.via-slate-900 { --tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to, rgba(15, 23, 42, 0)); }
.to-blue-950 { --tw-gradient-to: #172554; }

.text-white { color: #ffffff; }
.text-slate-200 { color: var(--color-slate-200); }
.text-slate-300 { color: var(--color-slate-300); }
.text-slate-400 { color: var(--color-slate-400); }
.text-slate-500 { color: var(--color-slate-500); }
.text-slate-600 { color: var(--color-slate-600); }
.text-slate-700 { color: var(--color-slate-700); }
.text-slate-900 { color: var(--color-slate-900); }
.text-slate-950 { color: var(--color-slate-950); }
.text-blue-900 { color: var(--color-blue-900); }
.text-blue-950 { color: var(--color-blue-950); }
.text-amber-300 { color: var(--color-amber-300); }
.text-amber-400 { color: var(--color-amber-400); }
.text-amber-500 { color: var(--color-amber-500); }
.text-amber-700 { color: var(--color-amber-700); }
.text-amber-800 { color: var(--color-amber-800); }
.text-emerald-600 { color: var(--color-emerald-600); }
.text-emerald-700 { color: var(--color-emerald-700); }
.text-indigo-600 { color: #4f46e5; }

/* Typography */
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }

.text-\[10px\] { font-size: 0.625rem; }
.text-\[11px\] { font-size: 0.6875rem; }
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }

.tracking-tight { letter-spacing: -0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-relaxed { line-height: 1.625; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }

/* Padding & Margin */
.p-0\.5 { padding: 0.125rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }

.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }

.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }

.w-2 { width: 0.5rem; }
.h-2 { height: 0.5rem; }
.w-3 { width: 0.75rem; }
.h-3 { height: 0.75rem; }
.w-3\.5 { width: 0.875rem; }
.h-3\.5 { height: 0.875rem; }
.w-4 { width: 1rem; }
.h-4 { height: 1rem; }
.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.w-6 { width: 1.5rem; }
.h-6 { height: 1.5rem; }
.w-9 { width: 2.25rem; }
.h-9 { height: 2.25rem; }
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.w-full { width: 100%; }
.max-w-none { max-width: none; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.min-h-screen { min-height: 100vh; }

/* Borders & Radius */
.border { border-width: 1px; border-style: solid; border-color: var(--color-slate-200); }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-slate-200 { border-color: var(--color-slate-200); }
.border-slate-300 { border-color: var(--color-slate-300); }
.border-slate-700 { border-color: var(--color-slate-700); }
.border-slate-800 { border-color: var(--color-slate-800); }
.border-blue-200 { border-color: var(--color-blue-200); }
.border-amber-200 { border-color: var(--color-amber-200); }

.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }

/* Shadows */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

/* Header & Topbar */
.vorni-topbar {
  background-color: var(--color-slate-900);
  color: #cbd5e1;
  font-size: 0.75rem;
  padding: 0.25rem 1rem;
}

.vorni-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 50;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.vorni-logo-badge {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e293b 50%, #eab308 100%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 900;
  font-size: 1.25rem;
}

/* Navigation */
.vorni-nav {
  background-color: var(--color-slate-900);
  color: #ffffff;
}

.vorni-nav a {
  color: #e2e8f0;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.45rem 1rem;
  display: inline-block;
  transition: all 0.2s ease;
}

.vorni-nav a:hover,
.vorni-nav .current-menu-item > a {
  color: var(--color-amber-400);
  background-color: var(--color-slate-800);
}
/* Единое активное состояние для ВСЕХ страниц меню */
.vorni-nav a.text-amber-400,
.vorni-nav .current-menu-item > a,
.vorni-nav .current_page_item > a {
    color: #fbbf24 !important;
    background-color: var(--color-slate-800) !important;

    border-bottom: 0 !important;
    box-shadow: inset 0 -1px 0 #fbbf24 !important;
}

/* Убираем старые дополнительные подчёркивания */
.vorni-nav a.text-amber-400::after,
.vorni-nav .current-menu-item > a::after,
.vorni-nav .current_page_item > a::after {
    content: none !important;
    display: none !important;
}
/* Product Cards */
.vorni-product-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.vorni-product-card:hover {
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
  transform: translateY(-2px);
}

.vorni-product-image {
  position: relative;
  background-color: #f8fafc;
  padding: 1rem;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.vorni-product-image img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.vorni-product-card:hover .vorni-product-image img {
  transform: scale(1.05);
}

.vorni-badge {
  font-size: 0.6875rem;
  font-weight: 800;
  padding: 0.2rem 0.5rem;
  border-radius: 0.375rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.vorni-badge-sale {
  background-color: #ffe4e6;
  color: #e11d48;
}

.vorni-badge-popular {
  background-color: #fef9c3;
  color: #854d0e;
}

.vorni-badge-new {
  background-color: #dcfce7;
  color: #15803d;
}

.vorni-badge-wholesale {
  background-color: #fef3c7;
  color: #78350f;
  border: 1px solid #fde68a;
}

/* Button styles */
.btn-primary {
  background-color: var(--color-blue-900);
  color: #ffffff;
  font-weight: 700;
  border-radius: 0.75rem;
  padding: 0.625rem 1.25rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-primary:hover {
  background-color: var(--color-blue-950);
}

.btn-accent {
  background-color: var(--color-amber-400);
  color: var(--color-slate-950);
  font-weight: 800;
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-accent:hover {
  background-color: #f59e0b;
}

/* WooCommerce Styles */
.woocommerce .quantity .qty {
  width: 3.5rem;
  text-align: center;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  padding: 0.4rem;
  font-weight: 700;
}

.woocommerce table.shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.woocommerce table.shop_table th {
  background-color: #f1f5f9;
  font-weight: 700;
  color: #334155;
  padding: 0.75rem 1rem;
  text-align: left;
}

.woocommerce table.shop_table td {
  padding: 1rem;
  border-top: 1px solid #e2e8f0;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
  background-color: var(--color-blue-900);
  color: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
  background-color: var(--color-blue-950);
  color: #ffffff;
}

.woocommerce-info, .woocommerce-message {
  border-top: 3px solid var(--color-blue-900);
  background-color: #eff6ff;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}

/* Hero Banner Container */
.vorni-hero {
  background: linear-gradient(135deg, #0f172a 0%, #172554 50%, #0f172a 100%);
  color: #ffffff;
  padding: 3.5rem 1rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
}

/* Footer */
.vorni-footer {
	width: calc(100vw - 8px);
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: 0;
box-sizing: border-box;
  background-color: var(--color-slate-900);
  color: #94a3b8;
  padding-top: 2rem;
  padding-bottom: 1rem;
  border-top: 1px solid #1e293b;
}

.vorni-footer h4 {
  color: #ffffff;
  font-weight: 800;
  font-size: 1rem;
  margin-bottom: 1.25rem;
}

.vorni-footer a {
  color: #cbd5e1;
  text-decoration: none;
  transition: color 0.2s ease;
}

.vorni-footer a:hover {
  color: var(--color-amber-400);
}

/* Pulse Animation */
@keyframes pulse {
  50% { opacity: 0.5; }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.vorni-header .vorni-logo-badge,
.vorni-header .custom-logo {
    transition: transform 0.2s ease;
}

.vorni-header .vorni-logo-badge:hover,
.vorni-header .custom-logo:hover {
    transform: scale(1.10);
}
@view-transition {
    navigation: auto;
}

/* Шапка остаётся на месте */
.vorni-header {
    view-transition-name: vorni-header;
}

::view-transition-old(vorni-header),
::view-transition-new(vorni-header) {
    animation: none;
}

/* Старая страница не затемняется */
::view-transition-old(root) {
    animation: none;
}

/* Новая страница просто мягко появляется движением */
::view-transition-new(root) {
    animation: vorni-page-change 0.18s ease;
}

@keyframes vorni-page-change {
    from {
        transform: translateY(5px);
    }

    to {
        transform: translateY(0);
    }
}

/* =========================================================
   VORNI MOBILE V1 — approved concept 2.4
   IMPORTANT: all redesign rules are isolated to <= 767px.
   Desktop/tablet >= 768px keep the current layout unchanged.
   ========================================================= */

.vorni-mobile-header,
.vorni-mobile-only,
.vorni-mobile-bottom-nav,
.vorni-mobile-category-label {
    display: none;
}

@media (max-width: 767px) {
    :root {
        --vorni-mobile-navy: #020b20;
        --vorni-mobile-navy-2: #061a43;
        --vorni-mobile-blue: #1647e8;
        --vorni-mobile-amber: #facc15;
        --vorni-mobile-text: #07142f;
        --vorni-mobile-muted: #64748b;
    }

    html {
        scroll-padding-top: 118px;
    }

    body {
        padding-bottom: 76px;
        background: #ffffff;
        overflow-x: hidden;
    }

    .vorni-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    /* Existing desktop/tablet header is hidden only on mobile. */
    .vorni-header {
        display: none !important;
    }

    .vorni-mobile-header {
        display: block;
        position: sticky;
        top: 0;
        z-index: 99990;
        background:
            radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.14), transparent 28%),
            linear-gradient(135deg, #020617 0%, #061838 100%);
        color: #ffffff;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        box-shadow: 0 8px 24px rgba(2, 6, 23, 0.16);
    }

    .vorni-mobile-header__row {
        min-height: 66px;
        padding: 10px 14px 7px;
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
    }

    .vorni-mobile-icon-button,
    .vorni-mobile-cart {
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .vorni-mobile-icon-button svg,
    .vorni-mobile-cart > svg {
        width: 25px;
        height: 25px;
        stroke-width: 1.8;
    }

    .vorni-mobile-icon-button:active,
    .vorni-mobile-cart:active {
        background: rgba(255,255,255,0.08);
    }

    .vorni-mobile-logo {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        text-decoration: none;
    }

    .vorni-mobile-logo .vorni-logo-badge {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        flex: 0 0 38px;
        font-size: 19px;
    }

    .vorni-mobile-logo__name {
        min-width: 0;
        font-size: clamp(20px, 6vw, 26px);
        line-height: 1;
        font-weight: 800;
        letter-spacing: -0.035em;
        white-space: nowrap;
    }

    .vorni-mobile-logo__ua {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 2px 6px;
        border-radius: 6px;
        background: var(--vorni-mobile-amber);
        color: #111827;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.04em;
    }

    .vorni-mobile-header__actions {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .vorni-mobile-cart {
        position: relative;
    }

    .vorni-mobile-cart .vorni-cart-count {
        position: absolute;
        top: -2px;
        right: -1px;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 999px;
        background: var(--vorni-mobile-amber);
        color: #111827;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
        border: 2px solid #04122e;
    }

    .vorni-mobile-header__delivery {
        min-height: 38px;
        padding: 4px 14px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: #e2e8f0;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }

    .vorni-mobile-header__delivery svg {
        width: 16px;
        height: 16px;
        color: var(--vorni-mobile-amber);
        flex: 0 0 16px;
    }

    .vorni-mobile-search-panel,
    .vorni-mobile-menu {
        padding: 0 14px 12px;
    }

    .vorni-mobile-search-panel[hidden],
    .vorni-mobile-menu[hidden] {
        display: none !important;
    }

    .vorni-mobile-search-form {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        min-height: 48px;
        padding: 5px 6px 5px 13px;
        border-radius: 14px;
        background: #ffffff;
        color: #0f172a;
        box-shadow: 0 10px 30px rgba(2, 6, 23, 0.18);
    }

    .vorni-mobile-search-form > svg {
        width: 18px;
        height: 18px;
        color: #475569;
    }

    .vorni-mobile-search-form input {
        width: 100%;
        min-width: 0;
        height: 38px;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #0f172a;
        font: inherit;
        font-size: 14px;
    }

    .vorni-mobile-search-form button {
        height: 38px;
        padding: 0 13px;
        border: 0;
        border-radius: 10px;
        background: #1238d0;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
    }

    .vorni-mobile-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .vorni-mobile-menu a {
        min-height: 44px;
        padding: 9px 10px;
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        color: #f8fafc;
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 12px;
        font-weight: 700;
    }

    .vorni-mobile-menu a svg {
        width: 17px;
        height: 17px;
        color: #facc15;
        flex: 0 0 17px;
    }

    .vorni-mobile-only {
        display: block;
    }

    /* HOME HERO */
    .vorni-home-hero {
        margin: 0;
        padding: 0 0 1px;
        border-radius: 0 !important;
        background:
            radial-gradient(circle at 82% 15%, rgba(37, 99, 235, 0.13), transparent 28%),
            linear-gradient(112deg, #010713 0%, #031431 53%, #010713 100%) !important;
    }

    .vorni-home-hero .vorni-container {
        padding-top: 0;
    }

    .vorni-home-hero__grid {
        display: block !important;
        min-height: 0 !important;
        padding: 18px 0 0 !important;
    }

    .vorni-home-hero__copy {
        padding: 0 2px;
    }

    .vorni-home-hero__products {
        display: none !important;
    }

    .vorni-home-hero__badge {
        margin: 0 0 18px !important;
        padding: 6px 11px !important;
        border-color: rgba(250, 204, 21, 0.55) !important;
        background: rgba(2, 6, 23, 0.62) !important;
        color: #facc15 !important;
        font-size: 10px !important;
        line-height: 1.2;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .vorni-home-hero__badge svg {
        display: none;
    }

    .vorni-home-hero__title {
        margin: 0 0 15px !important;
        line-height: 1.02 !important;
    }

    .vorni-home-hero__title span {
        font-size: clamp(34px, 10.5vw, 46px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.045em !important;
    }

    .vorni-home-hero__title > span:last-child {
        margin-top: 4px !important;
        background: none !important;
        color: #facc15 !important;
        -webkit-text-fill-color: #facc15 !important;
    }

    .vorni-home-hero__keywords,
    .vorni-home-hero__desktop-description,
    .vorni-home-hero__desktop-benefits,
    .vorni-home-hero__wholesale-cta {
        display: none !important;
    }

    .vorni-home-hero__mobile-description {
        display: block !important;
        max-width: 330px;
        margin: 0 0 20px;
        color: #e2e8f0;
        font-size: 14px;
        line-height: 1.55;
        font-weight: 500;
    }

    .vorni-home-hero__actions {
        display: block !important;
        margin: 0 !important;
    }

    .vorni-home-hero__actions > a:first-child {
        width: auto;
        min-height: 48px;
        padding: 0 22px !important;
        border-radius: 11px !important;
        background: linear-gradient(180deg, #facc15 0%, #f4b800 100%) !important;
        color: #111827 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        box-shadow: 0 10px 22px rgba(250, 204, 21, 0.14) !important;
    }

    .vorni-mobile-benefits {
        position: relative;
        z-index: 4;
        margin: 22px 0 -42px;
        padding: 14px 8px;
        border-radius: 17px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid #edf2f7;
    }

    .vorni-mobile-benefit {
        min-width: 0;
        padding: 2px 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        color: #0f172a;
        text-align: center;
    }

    .vorni-mobile-benefit + .vorni-mobile-benefit {
        border-left: 1px solid #e5e7eb;
    }

    .vorni-mobile-benefit svg {
        width: 23px;
        height: 23px;
        color: #1647e8;
        stroke-width: 1.9;
    }

    .vorni-mobile-benefit span {
        font-size: 9.5px;
        line-height: 1.28;
        font-weight: 700;
    }

    /* POPULAR CATEGORIES */
    .vorni-popular-categories {
        padding: 66px 0 22px !important;
        background: #ffffff !important;
        border: 0 !important;
    }

    .vorni-popular-categories__desktop-head {
        display: none !important;
    }

    .vorni-mobile-section-head {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 13px;
    }

    .vorni-mobile-section-head h2,
    .vorni-mobile-products-head h2 {
        margin: 0;
        color: #0f172a;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 900;
        letter-spacing: -0.025em;
    }

    .vorni-mobile-section-head a {
        flex: 0 0 auto;
        color: #1647e8;
        font-size: 11px;
        font-weight: 800;
    }

    .vorni-category-grid {
        display: grid !important;
        grid-auto-flow: column;
        grid-auto-columns: minmax(86px, 1fr);
        grid-template-columns: none !important;
        gap: 9px !important;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        scrollbar-width: none;
        padding: 1px 1px 5px;
    }

    .vorni-category-grid::-webkit-scrollbar {
        display: none;
    }

    .vorni-category-grid > a {
        min-width: 86px;
        min-height: 118px !important;
        padding: 11px 7px !important;
        border-radius: 13px !important;
        border-color: #e5e7eb !important;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05) !important;
        scroll-snap-align: start;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .vorni-category-grid > a > .flex:first-child {
        margin: 0 0 9px !important;
        justify-content: center !important;
    }

    .vorni-category-grid > a > .flex:first-child > span {
        display: none !important;
    }

    .vorni-category-grid > a > .flex:first-child > div {
        width: 43px !important;
        height: 43px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .vorni-category-grid > a > .flex:first-child svg {
        width: 31px !important;
        height: 31px !important;
        color: #0b2f95 !important;
        stroke-width: 1.7 !important;
    }

    .vorni-category-grid h3,
    .vorni-category-grid p,
    .vorni-category-grid > a > .mt-auto {
        display: none !important;
    }

    .vorni-mobile-category-label {
        display: block !important;
        color: #0f172a;
        font-size: 11px;
        line-height: 1.25;
        font-weight: 700;
    }

    .vorni-mobile-category-dots {
        display: flex !important;
        justify-content: center;
        gap: 6px;
        margin-top: 10px;
    }

    .vorni-mobile-category-dots span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #e2e8f0;
    }

    .vorni-mobile-category-dots .is-active {
        background: #1647e8;
    }

    /* FEATURED PRODUCTS */
    .vorni-featured-products {
        padding: 14px 0 28px !important;
        background: #ffffff !important;
        border: 0 !important;
    }

    .vorni-featured-products__desktop-head {
        display: none !important;
    }

    .vorni-mobile-products-head {
        display: block !important;
        margin-bottom: 14px;
    }

    .vorni-mobile-products-head h2 {
        margin-bottom: 12px;
    }

    .vorni-mobile-price-switch {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-bottom: 10px;
    }

    .vorni-mobile-price-switch a {
        min-height: 43px;
        padding: 0 10px;
        border: 1px solid #dbe2ea;
        border-radius: 10px;
        background: #ffffff;
        color: #0f172a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 800;
    }

    .vorni-mobile-price-switch a.is-active {
        border-color: #1647e8;
        background: #1647e8;
        color: #ffffff;
    }

    .vorni-mobile-product-tools {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .vorni-mobile-product-tools a {
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid #dbe2ea;
        border-radius: 10px;
        background: #ffffff;
        color: #334155;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
    }

    .vorni-mobile-product-tools a:last-child {
        justify-content: center;
    }

    .vorni-mobile-product-tools svg {
        width: 17px;
        height: 17px;
        color: #1647e8;
    }

    .vorni-home-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card {
        min-width: 0;
        border-radius: 14px !important;
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
        transform: none !important;
    }

    .vorni-home-product-grid .vorni-product-card:hover {
        transform: none !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 132px !important;
        padding: 7px !important;
        background: #ffffff !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative .absolute.top-4.left-4 {
        top: 8px !important;
        left: 8px !important;
        gap: 3px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative .absolute.top-4.left-4 span {
        padding: 3px 6px !important;
        border-radius: 6px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    .vorni-home-product-grid .vorni-wishlist-toggle-card {
        top: 7px !important;
        right: 7px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .vorni-home-product-grid .vorni-wishlist-toggle-card svg {
        width: 17px !important;
        height: 17px !important;
    }

    .vorni-home-product-grid .vorni-qv-open {
        display: none !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 {
        margin: 0 7px 7px !important;
        padding: 9px !important;
        border-radius: 11px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start {
        min-height: 0 !important;
        margin-bottom: 5px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start span:first-child {
        font-size: 8px !important;
        line-height: 1.2 !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start span:last-child {
        display: none !important;
    }

    .vorni-home-product-grid h3 {
        height: 34px !important;
        margin-bottom: 6px !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    .vorni-home-product-grid h3 + div {
        margin-bottom: 8px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between {
        margin-bottom: 8px !important;
        align-items: flex-start !important;
        flex-direction: column;
        gap: 4px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-sm {
        font-size: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-xs {
        font-size: 9px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child {
        padding: 5px 6px !important;
        margin-bottom: 7px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-lg {
        font-size: 15px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid {
        display: block !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child {
        width: 100% !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:last-child {
        display: none !important;
    }

    #wholesale .vorni-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    /* BOTTOM NAV */
    .vorni-mobile-bottom-nav {
        position: fixed;
        right: 10px;
        bottom: max(8px, env(safe-area-inset-bottom));
        left: 10px;
        z-index: 99995;
        min-height: 64px;
        padding: 7px 4px 6px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        border-radius: 20px;
        background: rgba(255,255,255,0.96);
        box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .vorni-mobile-bottom-nav > a {
        position: relative;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: #0f172a;
        font-size: 9.5px;
        line-height: 1;
        font-weight: 700;
        -webkit-tap-highlight-color: transparent;
    }

    .vorni-mobile-bottom-nav > a > svg,
    .vorni-mobile-bottom-nav__icon-wrap > svg {
        width: 23px;
        height: 23px;
        stroke-width: 1.9;
    }

    .vorni-mobile-bottom-nav > a.is-active {
        color: #1647e8;
    }

    .vorni-mobile-bottom-nav__icon-wrap {
        position: relative;
        display: inline-flex;
    }

    .vorni-mobile-bottom-nav .vorni-cart-count {
        position: absolute;
        top: -7px;
        right: -12px;
        min-width: 19px;
        height: 19px;
        padding: 0 5px;
        border-radius: 999px;
        background: #facc15;
        color: #111827;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 9px;
        font-weight: 900;
        border: 2px solid #ffffff;
    }

    .vorni-footer {
        padding-bottom: 88px !important;
    }

    ::view-transition-new(root) {
        animation: none !important;
    }
}

@media (max-width: 360px) {
    .vorni-mobile-header__row {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        gap: 6px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .vorni-mobile-icon-button,
    .vorni-mobile-cart {
        width: 36px;
        height: 36px;
    }

    .vorni-mobile-logo .vorni-logo-badge {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 17px;
    }

    .vorni-mobile-logo__name {
        font-size: 19px;
    }

    .vorni-mobile-logo__ua {
        padding-left: 5px;
        padding-right: 5px;
    }

    .vorni-mobile-benefit span {
        font-size: 8.5px;
    }

    .vorni-home-product-grid {
        gap: 8px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 118px !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.1 — benefits labels visibility fix
   Mobile only. Desktop >= 768px is untouched.
   ========================================================= */
@media (max-width: 767px) {
    .vorni-mobile-benefit {
        overflow: visible !important;
    }

    .vorni-mobile-benefit span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #0f172a !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        min-height: 25px;
        margin-top: 1px;
        text-align: center;
    }
}

/* =========================================================
   VORNI MOBILE V1.2 — allow benefits card overlap
   The benefits card intentionally overlaps the hero bottom.
   Mobile only. Desktop >= 768px is untouched.
   ========================================================= */
@media (max-width: 767px) {
    .vorni-home-hero {
        overflow: visible !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.3 — polished swipe categories
   Keeps horizontal swipe. Mobile only; desktop is untouched.
   ========================================================= */
@media (max-width: 767px) {

    .vorni-popular-categories {
        padding-top: 62px !important;
        padding-bottom: 20px !important;
    }

    .vorni-mobile-section-head {
        margin-bottom: 14px !important;
    }

    .vorni-mobile-section-head h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }

    .vorni-mobile-section-head a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 11px !important;
        line-height: 1;
        white-space: nowrap;
    }

    .vorni-category-grid {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-template-columns: none !important;
        grid-auto-columns: calc((100% - 27px) / 4) !important;
        gap: 9px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding: 3px 1px 8px !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: 1px;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .vorni-category-grid::-webkit-scrollbar {
        display: none !important;
    }

    .vorni-category-grid > a {
        min-width: 0 !important;
        width: auto !important;
        min-height: 112px !important;
        height: 112px !important;
        padding: 10px 6px 9px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border: 1px solid #e5eaf2 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.03),
            0 5px 16px rgba(15, 23, 42, 0.055) !important;
        text-align: center !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always;
        overflow: hidden;
    }

    .vorni-category-grid > a:active {
        transform: scale(0.98);
        border-color: #cbd5e1 !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    }

    .vorni-category-grid > a > .flex:first-child {
        width: 100% !important;
        height: 55px !important;
        min-height: 55px !important;
        margin: 0 0 5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .vorni-category-grid > a > .flex:first-child > span {
        display: none !important;
    }

    .vorni-category-grid > a > .flex:first-child > div {
        width: 48px !important;
        height: 48px !important;
        flex: 0 0 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #edf1f7 !important;
        border-radius: 13px !important;
        background: #f8fafc !important;
    }

    .vorni-category-grid > a > .flex:first-child svg {
        width: 28px !important;
        height: 28px !important;
        color: #0b2f95 !important;
        stroke-width: 1.75 !important;
    }

    .vorni-category-grid h3,
    .vorni-category-grid p,
    .vorni-category-grid > a > .mt-auto {
        display: none !important;
    }

    .vorni-mobile-category-label {
        display: -webkit-box !important;
        width: 100%;
        min-height: 27px;
        color: #172033 !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em;
        text-align: center;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .vorni-mobile-category-dots {
        margin-top: 9px !important;
        gap: 5px !important;
    }

    .vorni-mobile-category-dots span {
        width: 6px !important;
        height: 6px !important;
    }
}

@media (max-width: 399px) {
    .vorni-category-grid {
        grid-auto-columns: calc((100% - 18px) / 3.15) !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.4 — tighter spacing after categories
   Only reduces the empty gap before "Товари Vorni".
   Mobile only; desktop is untouched.
   ========================================================= */
@media (max-width: 767px) {
    .vorni-popular-categories {
        padding-bottom: 8px !important;
    }

    .vorni-featured-products {
        padding-top: 6px !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.5 — polished home product cards
   Home page product cards only. Mobile only.
   Desktop and product images are untouched.
   ========================================================= */
@media (max-width: 767px) {

    .vorni-home-product-grid {
        align-items: stretch !important;
        grid-auto-rows: 1fr !important;
        gap: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card {
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border: 1px solid #e3e8f0 !important;
        border-radius: 15px !important;
        background: #f8fafc !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.045) !important;
        overflow: hidden !important;
    }

    /* Product image area */
    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 142px !important;
        min-height: 142px !important;
        padding: 10px 9px 7px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative > img {
        max-width: 92% !important;
        max-height: 104px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: auto !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative .absolute.top-4.left-4 {
        top: 8px !important;
        left: 8px !important;
        gap: 3px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative .absolute.top-4.left-4 span {
        padding: 3px 7px !important;
        border-radius: 6px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.02em !important;
    }

    .vorni-home-product-grid .vorni-wishlist-toggle-card {
        top: 8px !important;
        right: 8px !important;
        width: 29px !important;
        height: 29px !important;
        border: 1px solid #e3e8f0 !important;
        background: rgba(255,255,255,0.94) !important;
        box-shadow: 0 2px 7px rgba(15,23,42,.06) !important;
    }

    .vorni-home-product-grid .vorni-wishlist-toggle-card svg {
        width: 16px !important;
        height: 16px !important;
    }

    /* White information panel */
    .vorni-home-product-grid .vorni-product-card > .p-4 {
        flex: 1 1 auto !important;
        min-height: 235px !important;
        margin: 7px !important;
        padding: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        border: 1px solid #dfe6ef !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    /* Category / SKU row */
    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start {
        min-height: 22px !important;
        margin-bottom: 5px !important;
        align-items: flex-start !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start span:first-child {
        display: -webkit-box !important;
        max-width: 100% !important;
        color: #64748b !important;
        font-size: 8px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Product title: same height in every card */
    .vorni-home-product-grid h3 {
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 0 7px !important;
        color: #172033 !important;
        font-size: 11.5px !important;
        line-height: 1.32 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        -webkit-line-clamp: 2 !important;
    }

    .vorni-home-product-grid h3 + div {
        margin: 0 0 8px !important;
        background: #edf1f5 !important;
    }

    /* Rating and stock on one compact row */
    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between {
        min-height: 22px !important;
        margin-bottom: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 5px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-sm {
        flex: 0 0 auto !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-xs {
        min-width: 0 !important;
        gap: 3px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .w-2.h-2 {
        width: 6px !important;
        height: 6px !important;
        flex: 0 0 6px !important;
    }

    /* Push price/button group to the bottom so cards stay aligned */
    .vorni-home-product-grid .vorni-product-card .mt-auto {
        width: 100% !important;
        margin-top: auto !important;
    }

    /* Retail + wholesale price box */
    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child {
        min-height: 78px !important;
        margin-bottom: 8px !important;
        padding: 7px 8px !important;
        border: 1px solid #e3e8f0 !important;
        border-radius: 9px !important;
        background: #f8fafc !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .flex.items-end {
        margin-bottom: 4px !important;
        align-items: flex-end !important;
        gap: 4px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-\[10px\] {
        margin-bottom: 1px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-lg {
        font-size: 15px !important;
        line-height: 1.12 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-xs {
        font-size: 8px !important;
        line-height: 1.15 !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child > .flex.items-center.justify-between {
        gap: 5px !important;
        margin-bottom: 0 !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child > .flex.items-center.justify-between > div:first-child {
        min-width: 0 !important;
        gap: 3px !important;
        font-size: 8px !important;
        line-height: 1.15 !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child > .flex.items-center.justify-between > div:last-child {
        flex: 0 0 auto !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* Buy button */
    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid {
        display: block !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child {
        width: 100% !important;
        min-height: 38px !important;
        padding: 0 8px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* Wholesale button stays hidden on the compact home cards */
    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:last-child {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .vorni-home-product-grid {
        gap: 8px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 126px !important;
        min-height: 126px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative > img {
        max-height: 91px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 {
        min-height: 228px !important;
        margin: 6px !important;
        padding: 8px !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.6 — more compact home product cards
   Reduces vertical height only. Mobile home cards only.
   Desktop and product images/content are untouched.
   ========================================================= */
@media (max-width: 767px) {

    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 118px !important;
        min-height: 118px !important;
        padding: 8px 8px 5px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative > img {
        max-height: 86px !important;
        max-width: 90% !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 {
        min-height: 205px !important;
        margin: 6px !important;
        padding: 8px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start {
        min-height: 18px !important;
        margin-bottom: 3px !important;
    }

    .vorni-home-product-grid h3 {
        height: 32px !important;
        min-height: 32px !important;
        margin-bottom: 5px !important;
        font-size: 11px !important;
        line-height: 1.28 !important;
    }

    .vorni-home-product-grid h3 + div {
        margin-bottom: 6px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between {
        min-height: 18px !important;
        margin-bottom: 6px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child {
        min-height: 66px !important;
        margin-bottom: 6px !important;
        padding: 5px 7px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .flex.items-end {
        margin-bottom: 3px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-lg {
        font-size: 14px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child {
        min-height: 34px !important;
        font-size: 9.5px !important;
        border-radius: 8px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child svg {
        width: 14px !important;
        height: 14px !important;
    }
}

@media (max-width: 360px) {
    .vorni-home-product-grid .vorni-product-card > .relative {
        height: 108px !important;
        min-height: 108px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .relative > img {
        max-height: 78px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 {
        min-height: 198px !important;
    }
}

/* =========================================================
   VORNI MOBILE V1.7 — wholesale + footer refresh
   Mobile only. Existing desktop markup/styles are untouched.
   ========================================================= */
@media (max-width: 767px) {

    /* ---------------- WHOLESALE / B2B ---------------- */
    #wholesale {
        overflow: hidden !important;
        background:
            radial-gradient(circle at 78% 18%, rgba(37, 99, 235, .26), transparent 34%),
            linear-gradient(135deg, #030a1d 0%, #061b4e 55%, #020817 100%) !important;
        border-top: 1px solid rgba(96, 165, 250, .14);
    }

    #wholesale > .absolute.inset-0 {
        opacity: .045 !important;
        background-size: 22px 22px !important;
    }

    #wholesale > .absolute.left-\[30\%\] {
        width: 230px !important;
        height: 230px !important;
        left: 42% !important;
        top: -28px !important;
        opacity: .75;
    }

    #wholesale .vorni-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #wholesale .vorni-container > .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    #wholesale .vorni-container > .grid > div:first-child {
        min-width: 0 !important;
    }

    #wholesale .vorni-container > .grid > div:first-child > .inline-flex {
        min-height: 28px !important;
        margin-bottom: 12px !important;
        padding: 5px 10px !important;
        gap: 6px !important;
        border-radius: 999px !important;
        background: #facc15 !important;
        box-shadow: 0 5px 16px rgba(250, 204, 21, .12);
        font-size: 9px !important;
        line-height: 1 !important;
        letter-spacing: .035em !important;
    }

    #wholesale .vorni-container > .grid > div:first-child > .inline-flex svg {
        width: 13px !important;
        height: 13px !important;
    }

    #wholesale h2 {
        max-width: 100% !important;
        margin: 0 0 10px !important;
        color: #ffffff !important;
        font-size: 25px !important;
        line-height: 1.13 !important;
        font-weight: 900 !important;
        letter-spacing: -0.025em !important;
        text-wrap: balance;
    }

    #wholesale h2 + p {
        max-width: 100% !important;
        margin: 0 0 15px !important;
        color: #cbd5e1 !important;
        font-size: 12px !important;
        line-height: 1.58 !important;
    }

    #wholesale .vorni-container > .grid > div:first-child > .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    #wholesale .vorni-container > .grid > div:first-child > .grid > div {
        min-height: 42px !important;
        padding: 8px 10px !important;
        gap: 9px !important;
        border: 1px solid rgba(148, 163, 184, .18) !important;
        border-radius: 10px !important;
        background: rgba(2, 6, 23, .34) !important;
        backdrop-filter: blur(5px);
    }

    #wholesale .vorni-container > .grid > div:first-child > .grid svg {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
    }

    #wholesale .vorni-container > .grid > div:first-child > .grid span {
        color: #f8fafc !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
        font-weight: 650 !important;
    }

    /* Compact wholesale CTA card */
    #wholesale .vorni-container > .grid > div:last-child > div {
        position: relative;
        min-height: 0 !important;
        padding: 14px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        column-gap: 11px !important;
        row-gap: 4px !important;
        align-items: center !important;
        text-align: left !important;
        border: 1px solid rgba(148, 163, 184, .18) !important;
        border-radius: 14px !important;
        background: rgba(2, 6, 23, .45) !important;
        box-shadow: 0 12px 34px rgba(0, 0, 0, .16) !important;
        backdrop-filter: blur(8px);
    }

    #wholesale .vorni-container > .grid > div:last-child > div > div:first-child {
        grid-row: 1 / 3;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 1px solid rgba(250, 204, 21, .18);
        border-radius: 12px !important;
        background: rgba(250, 204, 21, .10) !important;
    }

    #wholesale .vorni-container > .grid > div:last-child > div > div:first-child svg {
        width: 22px !important;
        height: 22px !important;
    }

    #wholesale .vorni-container > .grid > div:last-child h3 {
        grid-column: 2;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }

    #wholesale .vorni-container > .grid > div:last-child p {
        grid-column: 2;
        margin: 0 !important;
        color: #94a3b8 !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    #wholesale .vorni-container > .grid > div:last-child a {
        grid-column: 1 / -1;
        min-height: 42px !important;
        margin-top: 8px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        background: #facc15 !important;
        color: #111827 !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        box-shadow: 0 7px 18px rgba(250, 204, 21, .10);
    }

    #wholesale .vorni-container > .grid > div:last-child a svg {
        width: 15px !important;
        height: 15px !important;
    }


    /* ---------------- FOOTER ---------------- */
    .vorni-footer {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 18px !important;
        /* compact footer ending; fixed mobile nav is handled separately */
        padding-bottom: 18px !important;
        border-top: 0 !important;
        background:
            radial-gradient(circle at 18% 0%, rgba(30, 58, 138, .32), transparent 28%),
            linear-gradient(180deg, #071225 0%, #030817 100%) !important;
        color: #94a3b8 !important;
    }

    .vorni-footer > .vorni-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .vorni-footer > .vorni-container > .grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding-bottom: 14px !important;
    }

    /* Brand block full width */
    .vorni-footer > .vorni-container > .grid > div:nth-child(1) {
        grid-column: 1 / -1;
        padding: 0 0 12px !important;
        border-bottom: 1px solid rgba(148, 163, 184, .12);
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1) > .flex:first-child {
        margin-bottom: 7px !important;
        gap: 7px !important;
    }

    .vorni-footer .vorni-logo-badge {
        width: 32px !important;
        height: 32px !important;
        border-radius: 9px !important;
        font-size: 16px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1) .text-xl {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1) p {
        max-width: 100% !important;
        margin: 0 !important;
        color: #94a3b8 !important;
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1) > .flex.flex-wrap {
        margin-top: 8px !important;
        gap: 5px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1) > .flex.flex-wrap span {
        padding: 3px 7px !important;
        border: 1px solid rgba(148,163,184,.08);
        border-radius: 6px !important;
        background: rgba(30, 41, 59, .72) !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    /* Buyers + wholesale cards side by side */
    .vorni-footer > .vorni-container > .grid > div:nth-child(2),
    .vorni-footer > .vorni-container > .grid > div:nth-child(3) {
        min-width: 0;
        padding: 12px 10px !important;
        border: 1px solid rgba(148, 163, 184, .11);
        border-radius: 12px;
        background: rgba(15, 23, 42, .46);
    }

    .vorni-footer h3 {
        margin: 0 0 8px !important;
        color: #ffffff !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }

    .vorni-footer ul {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    .vorni-footer ul > * + * {
        margin-top: 5px !important;
    }

    .vorni-footer ul li {
        min-width: 0;
    }

    .vorni-footer ul a {
        display: block;
        color: #cbd5e1 !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(3) > a {
        min-height: 29px !important;
        margin-top: 8px !important;
        padding: 0 8px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 7px !important;
        font-size: 8.5px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(3) > a svg {
        width: 12px !important;
        height: 12px !important;
    }

    /* Contacts full width */
    .vorni-footer > .vorni-container > .grid > div:nth-child(4) {
        grid-column: 1 / -1;
        padding: 12px !important;
        border: 1px solid rgba(148, 163, 184, .11);
        border-radius: 12px;
        background: rgba(15, 23, 42, .46);
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) > .space-y-2\.5 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px 10px !important;
        font-size: 9.5px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) > .space-y-2\.5 > * {
        margin-top: 0 !important;
        min-width: 0;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) svg {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 13px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) a {
        font-size: 10px !important;
        white-space: nowrap;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) .text-red-400 {
        margin-top: 2px !important;
        font-size: 8.5px !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) .text-emerald-400 {
        font-size: 9px !important;
    }

    /* Footer bottom line */
    .vorni-footer > .vorni-container > .border-t {
        padding-top: 11px !important;
        gap: 5px !important;
        border-color: rgba(148, 163, 184, .11) !important;
        color: #64748b !important;
        font-size: 8.5px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        align-items: center !important;
    }

    .vorni-footer > .vorni-container > .border-t > div:last-child {
        justify-content: center !important;
        gap: 8px !important;
    }

    .vorni-footer > .vorni-container > .border-t svg {
        width: 11px !important;
        height: 11px !important;
    }
}

/* Narrow phone fallback */
@media (max-width: 360px) {
    #wholesale h2 {
        font-size: 23px !important;
    }

    .vorni-footer > .vorni-container > .grid {
        grid-template-columns: 1fr !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(1),
    .vorni-footer > .vorni-container > .grid > div:nth-child(4) {
        grid-column: 1 !important;
    }

    .vorni-footer > .vorni-container > .grid > div:nth-child(4) > .space-y-2\.5 {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   VORNI MOBILE V2.0 — dedicated mobile Quick View
   Desktop Quick View remains unchanged.
   ========================================================= */

/* The extra details link exists in markup but is mobile-only. */
.vorni-custom-qv__details {
    display: none;
}

@media (max-width: 767px) {

    /* Small eye button on the product image.
       Regular card tap still opens the full product page. */
    .vorni-home-product-grid .vorni-qv-open {
        top: auto !important;
        right: 8px !important;
        bottom: 8px !important;
        left: auto !important;

        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;

        border: 1px solid #dbe3ee !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.96) !important;
        color: #173a9a !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, .10) !important;

        opacity: 1 !important;
        visibility: visible !important;
        font-size: 0 !important;
        line-height: 0 !important;
        z-index: 35 !important;
    }

    .vorni-home-product-grid .vorni-qv-open svg {
        width: 17px !important;
        height: 17px !important;
        margin: 0 !important;
        stroke-width: 2 !important;
    }

    /* Nearly full-screen mobile sheet */
    .vorni-custom-qv {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .vorni-custom-qv__overlay {
        background: rgba(2, 6, 23, .72) !important;
        backdrop-filter: blur(3px) !important;
    }

    .vorni-custom-qv__window {
        width: 100% !important;
        max-width: none !important;
        max-height: 94dvh !important;
        margin: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;

        border-radius: 22px 22px 0 0 !important;
        background: #ffffff !important;
        box-shadow: 0 -18px 55px rgba(2, 6, 23, .28) !important;
    }

    .vorni-custom-qv__grid {
        display: block !important;
        min-height: 0 !important;
    }

    /* Product image */
    .vorni-custom-qv__left {
        min-height: 222px !important;
        height: 222px !important;
        padding: 32px 42px 48px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #eef2f7 !important;
        background: #f8fafc !important;
    }

    .vorni-custom-qv__left img {
        width: auto !important;
        max-width: 88% !important;
        height: auto !important;
        max-height: 142px !important;
        object-fit: contain !important;
    }

    /* Heart and close are large enough to tap */
    .vorni-custom-qv__heart {
        top: 14px !important;
        left: 14px !important;

        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid #e2e8f0 !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 3px 10px rgba(15,23,42,.06) !important;
    }

    .vorni-custom-qv__heart svg {
        width: 18px !important;
        height: 18px !important;
    }

    .vorni-custom-qv__close,
    .vorni-custom-qv button[data-qv-close] {
        top: 13px !important;
        right: 14px !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 0 4px !important;
        border: 1px solid #e2e8f0 !important;
        background: rgba(255,255,255,.97) !important;
        color: #334155 !important;
        font-size: 27px !important;
        box-shadow: 0 3px 10px rgba(15,23,42,.06) !important;
    }

    /* Two trust signals under the image */
    .vorni-custom-qv__signals {
        right: 12px !important;
        bottom: 10px !important;
        left: 12px !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
    }

    .vorni-custom-qv__signal {
        min-height: 30px !important;
        padding: 5px 7px !important;
        gap: 5px !important;
        border-radius: 8px !important;
        background: rgba(255,255,255,.95) !important;
        font-size: 8.5px !important;
        white-space: nowrap;
    }

    .vorni-custom-qv__signal svg {
        width: 13px !important;
        height: 13px !important;
    }

    /* Product information */
    .vorni-custom-qv__right {
        padding: 15px 15px 20px !important;
    }

    .vorni-custom-qv__topline {
        min-height: 18px;
        padding-right: 0 !important;
        gap: 8px !important;
        align-items: center !important;

        color: #94a3b8 !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
    }

    .vorni-custom-qv__topline strong {
        min-width: 0;
        color: #173a9a !important;
        font-size: 8.5px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #vorniQvSku {
        max-width: 42% !important;
        font-size: 8px !important;
    }

    .vorni-custom-qv__right h2 {
        margin: 7px 0 9px !important;
        color: #0f172a !important;
        font-size: 19px !important;
        line-height: 1.22 !important;
        font-weight: 900 !important;
        letter-spacing: -0.02em;

        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .vorni-custom-qv__rating-row {
        margin-bottom: 10px !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .vorni-custom-qv__rating {
        font-size: 10px !important;
    }

    .vorni-custom-qv__stock {
        font-size: 9px !important;
        white-space: nowrap;
    }

    .vorni-custom-qv__stock::before {
        width: 6px !important;
        height: 6px !important;
        margin-right: 4px !important;
    }

    /* Price + wholesale compact cards */
    .vorni-custom-qv__price-row {
        display: block !important;
        margin: 0 0 7px !important;
        padding: 10px 11px !important;

        border: 1px solid #e2e8f0 !important;
        border-radius: 11px !important;
        background: #f8fafc !important;
    }

    .vorni-custom-qv__price-row small {
        margin-bottom: 3px !important;
        font-size: 8.5px !important;
    }

    .vorni-custom-qv__price {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }

    /* Total is redundant on the compact mobile version. */
    .vorni-custom-qv__total {
        display: none !important;
    }

    .vorni-custom-qv__wholesale {
        margin: 0 0 11px !important;
        padding: 9px 11px !important;

        align-items: center !important;
        gap: 8px !important;

        border: 1px solid #fde7a7 !important;
        border-radius: 11px !important;
        background: #fff9e9 !important;

        color: #9a5a09 !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    .vorni-custom-qv__wholesale-label {
        min-width: 0;
        gap: 5px !important;
    }

    .vorni-custom-qv__wholesale-label svg {
        width: 14px !important;
        height: 14px !important;
    }

    #vorniQvWholesale {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 11px !important;
    }

    /* Quantity on one row */
    .vorni-custom-qv__quantity-title {
        margin: 0 0 5px !important;
        font-size: 9.5px !important;
    }

    .vorni-custom-qv__quantity {
        width: 126px !important;
        margin: 0 0 10px !important;
        border-radius: 9px !important;
    }

    .vorni-custom-qv__quantity button,
    .vorni-custom-qv__quantity input {
        width: 42px !important;
        height: 36px !important;
        font-size: 12px !important;
    }

    /* Primary action */
    .vorni-custom-qv__add {
        min-height: 44px !important;
        margin-bottom: 7px !important;
        border-radius: 10px !important;
        background: #1238d0 !important;
        font-size: 11px !important;
        box-shadow: 0 6px 16px rgba(18, 56, 208, .15);
    }

    /* Mobile-only full product page link */
    .vorni-custom-qv__details {
        min-height: 41px !important;
        margin-bottom: 0 !important;
        padding: 0 12px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;

        border: 1px solid #dbe3ee !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #173a9a !important;

        font-size: 10.5px !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }

    .vorni-custom-qv__details svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* Keep mobile preview focused. Wholesale CTA and long tabs remain on desktop. */
    .vorni-custom-qv__wholesale-button,
    .vorni-custom-qv__tabs,
    .vorni-custom-qv__tab-content {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .vorni-custom-qv__left {
        height: 205px !important;
        min-height: 205px !important;
    }

    .vorni-custom-qv__left img {
        max-height: 128px !important;
    }

    .vorni-custom-qv__right {
        padding: 12px 12px 16px !important;
    }

    .vorni-custom-qv__right h2 {
        font-size: 17px !important;
    }
}

/* =========================================================
   VORNI MOBILE V2.1 — real phone viewport width fix
   Prevents the whole page from moving horizontally on iPhone.
   Horizontal swipe remains available inside category carousel.
   Desktop >= 768px is untouched.
   ========================================================= */
@media (max-width: 767px) {

    html {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overscroll-behavior-x: none;
    }

    body {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
        overscroll-behavior-x: none;
    }

    .vorni-main-content,
    #vorni-page-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }

    .vorni-mobile-header,
    .vorni-home-hero,
    .vorni-popular-categories,
    .vorni-featured-products,
    #wholesale,
    .vorni-footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .vorni-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .vorni-mobile-header__row,
    .vorni-mobile-header__delivery,
    .vorni-home-hero__grid,
    .vorni-home-hero__copy,
    .vorni-mobile-benefits,
    .vorni-mobile-section-head,
    .vorni-mobile-products-head,
    .vorni-mobile-price-switch,
    .vorni-mobile-product-tools,
    .vorni-home-product-grid,
    #wholesale .vorni-container > .grid,
    .vorni-footer > .vorni-container > .grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .vorni-mobile-header__actions,
    .vorni-mobile-logo,
    .vorni-home-hero__actions,
    .vorni-home-hero__title,
    .vorni-home-hero__mobile-description {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Keep the category swipe inside its own area instead of
       making the complete document wider. */
    .vorni-category-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        contain: inline-size;
        -webkit-overflow-scrolling: touch;
    }

    /* Fixed navigation must always follow the VISUAL viewport. */
    .vorni-mobile-bottom-nav {
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        max-width: calc(100% - 20px) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Prevent large media / SVG elements from creating document overflow. */
    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }
}

/* More comfortable fit on normal iPhones (~375–430 CSS px). */
@media (max-width: 430px) {
    .vorni-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .vorni-mobile-header__row {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .vorni-mobile-header__delivery {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .vorni-home-hero__title span {
        font-size: clamp(32px, 10vw, 42px) !important;
    }

    .vorni-home-hero__mobile-description {
        width: 100% !important;
        max-width: 315px !important;
    }
}

/* Narrow phones must never force the header wider than the screen. */
@media (max-width: 390px) {
    .vorni-mobile-header__row {
        grid-template-columns: 36px minmax(0, 1fr) auto !important;
        gap: 6px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .vorni-mobile-icon-button,
    .vorni-mobile-cart {
        width: 36px !important;
        height: 36px !important;
    }

    .vorni-mobile-logo {
        gap: 6px !important;
    }

    .vorni-mobile-logo .vorni-logo-badge {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
    }

    .vorni-mobile-logo__name {
        font-size: 19px !important;
    }

    .vorni-mobile-logo__ua {
        min-height: 20px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 9px !important;
    }
}

/* =========================================================
   VORNI MOBILE V2.2 — iPhone vertical edge / white-gap fix
   Normal vertical page scrolling remains enabled.
   Prevents/reduces Safari edge overscroll and removes the
   white reserved area below the dark footer.
   Desktop >= 768px is untouched.
   ========================================================= */
@media (max-width: 767px) {

    html {
        min-height: 100% !important;
        background: #020817 !important;
        overscroll-behavior-x: none !important;
        overscroll-behavior-y: none !important;
    }

    body {
        min-height: 100dvh !important;
        padding-bottom: 0 !important;
        overscroll-behavior-x: none !important;
        overscroll-behavior-y: none !important;
    }

    /*
     * Space for the fixed bottom navigation now belongs to
     * the dark footer, not to the white BODY background.
     * This keeps the last footer content accessible without
     * creating a white strip at the end of the page.
     */
    .vorni-footer {
        padding-bottom:
            calc(82px + env(safe-area-inset-bottom)) !important;
    }

    /*
     * Keep fixed nav inside the phone safe area.
     */
    .vorni-mobile-bottom-nav {
        bottom:
            max(8px, env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================================
   VORNI MOBILE V2.4 — iPhone Quick View viewport fix
   Fixes actions hidden under iOS/Chrome/Safari browser chrome.
   Mobile only; desktop Quick View is untouched.
   ========================================================= */
@media (max-width: 767px) {

    .vorni-custom-qv {
        inset: auto 0 auto 0 !important;
        top: var(--vorni-qv-visible-top, 0px) !important;
        height: var(--vorni-qv-visible-height, 100dvh) !important;
        max-height: var(--vorni-qv-visible-height, 100dvh) !important;
        padding: 0 !important;
        align-items: flex-end !important;
        overflow: hidden !important;
    }

    .vorni-custom-qv__overlay {
        inset: 0 !important;
    }

    .vorni-custom-qv__window {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100% - 6px) !important;
        margin: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        scroll-padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;

        border-radius: 22px 22px 0 0 !important;
    }

    /* Make the sheet short enough that both actions are visible
       on a normal iPhone even while browser toolbars are open. */
    .vorni-custom-qv__left {
        height: 188px !important;
        min-height: 188px !important;
        padding: 27px 38px 42px !important;
    }

    .vorni-custom-qv__left img {
        max-width: 82% !important;
        max-height: 118px !important;
    }

    .vorni-custom-qv__heart {
        top: 11px !important;
        left: 12px !important;
        width: 34px !important;
        height: 34px !important;
    }

    .vorni-custom-qv__close,
    .vorni-custom-qv button[data-qv-close] {
        top: 10px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
    }

    .vorni-custom-qv__signals {
        right: 10px !important;
        bottom: 8px !important;
        left: 10px !important;
        gap: 6px !important;
    }

    .vorni-custom-qv__signal {
        min-height: 27px !important;
        padding: 4px 6px !important;
        font-size: 8px !important;
    }

    .vorni-custom-qv__right {
        padding:
            11px
            14px
            calc(14px + env(safe-area-inset-bottom))
            !important;
    }

    .vorni-custom-qv__topline {
        min-height: 15px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    .vorni-custom-qv__topline strong,
    #vorniQvSku {
        font-size: 8px !important;
    }

    .vorni-custom-qv__right h2 {
        margin: 5px 0 6px !important;
        font-size: 17px !important;
        line-height: 1.18 !important;
    }

    .vorni-custom-qv__rating-row {
        min-height: 16px !important;
        margin-bottom: 6px !important;
    }

    .vorni-custom-qv__rating {
        font-size: 9px !important;
    }

    .vorni-custom-qv__stock {
        font-size: 8.5px !important;
    }

    .vorni-custom-qv__price-row {
        margin-bottom: 6px !important;
        padding: 8px 9px !important;
        border-radius: 10px !important;
    }

    .vorni-custom-qv__price-row small {
        margin-bottom: 2px !important;
        font-size: 8px !important;
    }

    .vorni-custom-qv__price {
        font-size: 18px !important;
    }

    .vorni-custom-qv__wholesale {
        min-height: 34px !important;
        margin-bottom: 7px !important;
        padding: 7px 9px !important;
        border-radius: 10px !important;
        font-size: 8.5px !important;
    }

    #vorniQvWholesale {
        font-size: 10px !important;
    }

    .vorni-custom-qv__quantity-title {
        margin-bottom: 3px !important;
        font-size: 8.5px !important;
    }

    .vorni-custom-qv__quantity {
        width: 114px !important;
        margin-bottom: 7px !important;
        border-radius: 8px !important;
    }

    .vorni-custom-qv__quantity button,
    .vorni-custom-qv__quantity input {
        width: 38px !important;
        height: 32px !important;
        font-size: 11px !important;
    }

    .vorni-custom-qv__add {
        min-height: 40px !important;
        margin-bottom: 6px !important;
        border-radius: 9px !important;
        font-size: 10.5px !important;
    }

    .vorni-custom-qv__details {
        min-height: 36px !important;
        margin-bottom: 0 !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 360px) {
    .vorni-custom-qv__left {
        height: 172px !important;
        min-height: 172px !important;
    }

    .vorni-custom-qv__left img {
        max-height: 105px !important;
    }

    .vorni-custom-qv__right {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}

/* =========================================================
   VORNI MOBILE FINAL — remove obsolete category pagination dots
   MOBILE ONLY. Desktop >= 768px is untouched.
   ========================================================= */
@media (max-width: 767px) {
    .vorni-mobile-category-dots {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .vorni-mobile-category-dots > * {
        display: none !important;
    }
}

/* =========================================================
   VORNI MOBILE — prevent iOS zoom on the new-password form
   Mobile only. Desktop >= 768px and all other forms are untouched.
   ========================================================= */
@media (max-width: 767px) {
    body.woocommerce-account form.woocommerce-ResetPassword input#password_1,
    body.woocommerce-account form.woocommerce-ResetPassword input#password_2,
    body.woocommerce-account form.lost_reset_password input[name="password_1"],
    body.woocommerce-account form.lost_reset_password input[name="password_2"] {
        font-size: 16px !important;
    }
}

/* =========================================================
   VORNI MOBILE — prevent iOS zoom on the lost-password form
   Mobile only. The confirmation page then keeps the normal scale.
   ========================================================= */
@media (max-width: 767px) {
    body.woocommerce-account form.woocommerce-ResetPassword input#user_login,
    body.woocommerce-account form.lost_reset_password input[name="user_login"] {
        font-size: 16px !important;
    }
}

/* =========================================================
   VORNI MOBILE — account success notice and compact details form
   Mobile only. Desktop >= 768px and account functionality are untouched.
   ========================================================= */
@media (max-width: 767px) {
    /* Keep the WooCommerce status icon in its own column. */
    body.woocommerce-account .woocommerce-message {
        position: relative !important;
        min-height: 0 !important;
        margin: 0 0 12px !important;
        padding: 12px 12px 12px 42px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.woocommerce-account .woocommerce-message::before {
        top: 50% !important;
        left: 14px !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }

    /* Reduce only the mobile Edit account / Personal details form height. */
    body.woocommerce-account form.woocommerce-EditAccountForm.edit-account,
    body.woocommerce-account form.edit-account {
        padding: 12px 14px !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm .woocommerce-form-row,
    body.woocommerce-account form.edit-account .woocommerce-form-row {
        margin-bottom: 9px !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm label,
    body.woocommerce-account form.edit-account label {
        margin-bottom: 4px !important;
        line-height: 1.2 !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm input.input-text,
    body.woocommerce-account form.edit-account input.input-text {
        height: 46px !important;
        min-height: 46px !important;
        padding: 9px 14px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm fieldset,
    body.woocommerce-account form.edit-account fieldset {
        margin: 10px 0 8px !important;
        padding: 9px 0 0 !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm fieldset legend,
    body.woocommerce-account form.edit-account fieldset legend {
        margin-bottom: 3px !important;
        line-height: 1.2 !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm p,
    body.woocommerce-account form.edit-account p {
        margin-bottom: 9px !important;
    }

    body.woocommerce-account form.woocommerce-EditAccountForm button[type="submit"],
    body.woocommerce-account form.edit-account button[type="submit"] {
        min-height: 46px !important;
        margin-top: 2px !important;
        padding: 10px 16px !important;
    }

    /* If the standard WooCommerce wrapper is present, compact it only
       when it contains the Personal details form. */
    body.woocommerce-account .woocommerce-MyAccount-content:has(form.woocommerce-EditAccountForm) {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

/* =========================================================
   VORNI HOME — remove Popular categories on every screen size
   The section is removed only from the homepage.
   ========================================================= */
body.home .vorni-popular-categories,
body.page-template-front-page .vorni-popular-categories {
    display: none !important;
}

/* =========================================================
   VORNI MOBILE — breathing room above the home price switch
   Mobile homepage only. Desktop is untouched.
   ========================================================= */
@media (max-width: 767px) {
    body.home .vorni-mobile-price-switch,
    body.page-template-front-page .vorni-mobile-price-switch {
        margin-top: 16px !important;
    }
}

/* =========================================================
   VORNI MOBILE V2.6 — final mobile usability pass
   Homepage/mobile UI only. Desktop (768px+) stays unchanged.
   ========================================================= */
@media (max-width: 767px) {
    /* The categories section used to clear the overlapping benefits card.
       Restore that space now that the section is hidden. */
    body.home .vorni-featured-products,
    body.page-template-front-page .vorni-featured-products {
        padding-top: 62px !important;
    }

    body.home .vorni-mobile-products-head,
    body.page-template-front-page .vorni-mobile-products-head {
        position: relative;
        z-index: 1;
        margin-bottom: 16px !important;
    }

    body.home .vorni-mobile-products-head h2,
    body.page-template-front-page .vorni-mobile-products-head h2 {
        margin-bottom: 0 !important;
    }

    body.home .vorni-mobile-price-switch,
    body.page-template-front-page .vorni-mobile-price-switch {
        margin-top: 14px !important;
        margin-bottom: 12px !important;
    }

    body.home .vorni-mobile-price-switch a,
    body.page-template-front-page .vorni-mobile-price-switch a {
        min-height: 44px !important;
        padding: 0 8px !important;
        font-size: 11.5px !important;
        line-height: 1.2 !important;
        text-align: center;
    }

    /* Prevent iOS Safari from zooming the page on input focus. */
    .vorni-mobile-search-form input,
    .vorni-custom-qv__quantity input,
    .vorni-custom-qv__quantity input#vorniQvQuantity {
        font-size: 16px !important;
    }

    .vorni-custom-qv__quantity button {
        font-size: 12px !important;
    }

    /* Comfortable finger targets without changing the desktop cards. */
    .vorni-home-product-grid .vorni-wishlist-toggle-card {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .vorni-home-product-grid .vorni-wishlist-toggle-card svg {
        width: 18px !important;
        height: 18px !important;
    }

    .vorni-home-product-grid .vorni-qv-open {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .vorni-home-product-grid .vorni-qv-open svg {
        width: 18px !important;
        height: 18px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 {
        min-height: 212px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-start span:first-child {
        font-size: 9.5px !important;
        line-height: 1.25 !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-sm {
        font-size: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card > .p-4 > .flex.items-center.justify-between .text-xs {
        font-size: 9.5px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-\[10px\],
    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child .text-xs,
    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child > .flex.items-center.justify-between > div:first-child {
        font-size: 9.5px !important;
        line-height: 1.2 !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > div:first-child > .flex.items-center.justify-between > div:last-child {
        font-size: 10px !important;
    }

    .vorni-home-product-grid .vorni-product-card .mt-auto > .grid > a:first-child {
        min-height: 42px !important;
        font-size: 10.5px !important;
    }
}

/* =========================================================
   VORNI DESKTOP — calm integrated navy header
   DESKTOP ONLY: >= 981px.
   Mobile <= 767px is intentionally untouched.
   ========================================================= */
@media (min-width: 981px) {
    /*
     * Спокойный тёмно-синий фон без яркого "неонового" свечения.
     * Он визуально связывает шапку с hero и навигацией.
     */
    .vorni-header {
        background:
            linear-gradient(90deg, #0a1730 0%, #0d2246 52%, #09172e 100%) !important;
        border-bottom-color: rgba(148, 163, 184, 0.12) !important;
        box-shadow: 0 4px 14px rgba(2, 6, 23, 0.16) !important;
    }

    .vorni-header > .vorni-container {
        background: transparent !important;
    }

    /* Логотип и подпись — светлые, без лишней яркости. */
    .vorni-header a.group .text-2xl,
    .vorni-header a[class~="group"] .text-2xl {
        color: #f8fafc !important;
    }

    .vorni-header a.group:hover .text-2xl,
    .vorni-header a[class~="group"]:hover .text-2xl {
        color: #facc15 !important;
    }

    .vorni-header a.group p,
    .vorni-header a[class~="group"] p {
        color: #94a3b8 !important;
    }

    /*
     * Поиск теперь не выглядит отдельной яркой синей полосой:
     * полупрозрачный тёмный фон и мягкая граница.
     */
    .vorni-header #vorni-search-input {
        background: rgba(255, 255, 255, 0.065) !important;
        border-color: rgba(203, 213, 225, 0.16) !important;
        color: #f8fafc !important;
        box-shadow: none !important;
    }

    .vorni-header #vorni-search-input::placeholder {
        color: #94a3b8 !important;
        opacity: 1;
    }

    .vorni-header #vorni-search-input:focus {
        background: rgba(255, 255, 255, 0.085) !important;
        border-color: rgba(148, 163, 184, 0.42) !important;
        outline: none !important;
        box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.16) !important;
    }

    /* Кнопка поиска — спокойная тёмно-синяя, жёлтый акцент убран. */
    .vorni-header #vorni-search-input + input + button,
    .vorni-header form[role="search"] button[type="submit"] {
        background: #1e3a8a !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
    }

    .vorni-header form[role="search"] button[type="submit"]:hover {
        background: #24449c !important;
        color: #ffffff !important;
    }

    /* Телефон и его иконка. */
    .vorni-header a[href^="tel:"] {
        color: #e2e8f0 !important;
    }

    .vorni-header a[href^="tel:"]:hover {
        color: #facc15 !important;
    }

    .vorni-header .w-9.h-9.rounded-full {
        background: rgba(255, 255, 255, 0.055) !important;
        border-color: rgba(203, 213, 225, 0.13) !important;
        color: #cbd5e1 !important;
    }

    .vorni-header .w-9.h-9.rounded-full svg {
        color: #cbd5e1 !important;
    }

    /* Вход — спокойный светлый текст. */
    .vorni-header a[class*="text-slate-700"] {
        color: #cbd5e1 !important;
    }

    .vorni-header a[class*="text-slate-700"] svg {
        color: #94a3b8 !important;
    }

    .vorni-header a[class*="text-slate-700"]:hover {
        background: rgba(255, 255, 255, 0.065) !important;
        color: #ffffff !important;
    }

    .vorni-header a[class*="text-slate-700"]:hover svg {
        color: #facc15 !important;
    }

    /*
     * Корзина остаётся заметной, но больше не светится ярким синим.
     * Жёлтый счётчик сохраняем как фирменный акцент.
     */
    .vorni-header a[class*="bg-blue-900"][class*="shopping"],
    .vorni-header a:has(> svg[data-lucide="shopping-cart"]) {
        background: #173477 !important;
        border: 1px solid rgba(203, 213, 225, 0.13) !important;
        box-shadow: 0 3px 10px rgba(2, 6, 23, 0.14) !important;
    }

    .vorni-header a:has(> svg[data-lucide="shopping-cart"]):hover {
        background: #1d418f !important;
    }

    /*
     * Навигация почти того же тона, только немного темнее —
     * шапка и меню воспринимаются одним блоком.
     */
    .vorni-nav {
        background: #08152b !important;
        border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
        box-shadow: none !important;
    }

    /* Выпадающие результаты поиска остаются светлыми и читаемыми. */
    .vorni-header #vorni-search-results {
        background: #ffffff !important;
        color: #0f172a !important;
        border-color: #e2e8f0 !important;
    }

    .vorni-header #vorni-search-results * {
        color: inherit;
    }

    .vorni-header #vorni-search-results a:hover {
        background: #f8fafc !important;
    }
}

/* =========================================================
   VORNI HOME DESKTOP — menu directly under hero + sticky
   DESKTOP ONLY: >= 981px.
   Mobile <= 767px is intentionally untouched.
   ========================================================= */
@media (min-width: 981px) {
    /*
     * На главной исходную строку меню внутри sticky-header скрываем.
     * На остальных страницах она остаётся на своём месте.
     */
    body.home .vorni-header > .vorni-nav,
    body.page-template-front-page .vorni-header > .vorni-nav {
        display: none !important;
    }

    /*
     * Эта строка физически находится сразу после hero в front-page.php,
     * поэтому видна под баннером даже без JavaScript.
     */
    body.home .vorni-home-nav-under-hero,
    body.page-template-front-page .vorni-home-nav-under-hero {
        display: block !important;
        position: sticky !important;
        top: calc(var(--vorni-home-desktop-header-height, 78px) - 1px) !important;
        z-index: 49 !important;
        width: 100% !important;
        margin: 0 !important;
        background: #08152b !important;
        border-top: 0 !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
        box-shadow: 0 5px 14px rgba(2, 6, 23, 0.14) !important;
    }

    body.home .vorni-home-nav-under-hero .vorni-container,
    body.page-template-front-page .vorni-home-nav-under-hero .vorni-container {
        min-height: 38px;
    }
}

/* VORNI HOME DESKTOP — remove 1px sticky header seam */
@media (min-width: 981px) {
    body.home .vorni-header,
    body.page-template-front-page .vorni-header {
        box-shadow: 0 2px 8px rgba(2, 6, 23, 0.10) !important;
    }
}

/* =========================================================
   VORNI DESKTOP V3.1 — global visual clarity / contrast polish
   DESKTOP ONLY: >= 981px.
   Improves typography, contrast and surface definition across pages.
   Mobile <= 767px is intentionally untouched.
   ========================================================= */
@media (min-width: 981px) {

    /* More natural, slightly denser desktop text rendering. */
    html,
    body {
        text-rendering: optimizeLegibility;
        font-kerning: normal;
        font-feature-settings: "kern" 1, "liga" 1;
    }

    body {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
    }

    /* ---------------------------------------------------------
       HEADER: brighter secondary text without returning to neon.
       --------------------------------------------------------- */
    .vorni-topbar {
        color: #d7e0ec !important;
    }

    .vorni-header a.group p,
    .vorni-header a[class~="group"] p {
        color: #c4cfdd !important;
        font-weight: 500 !important;
    }

    .vorni-header #vorni-search-input::placeholder {
        color: #b7c3d4 !important;
        opacity: 1 !important;
    }

    .vorni-header a[href^="tel:"] {
        color: #f1f5f9 !important;
        font-weight: 600 !important;
    }

    .vorni-header a[class*="text-slate-700"] {
        color: #e2e8f0 !important;
    }

    .vorni-nav a {
        color: #e8eef6;
    }

    /* ---------------------------------------------------------
       LIGHT SURFACES: darker grays = cleaner contrast.
       Only affects elements that already sit on light backgrounds.
       --------------------------------------------------------- */
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) .text-slate-400 {
        color: #64748b !important;
    }

    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) .text-slate-500 {
        color: #526174 !important;
    }

    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) .text-slate-600 {
        color: #3f4d60 !important;
    }

    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) .text-slate-700 {
        color: #27364a !important;
    }

    /*
       Light-surface heading contrast.
       Important: only headings that explicitly use a dark text utility are
       normalized here. This prevents a light page wrapper from recoloring
       headings inside nested dark/gradient sections.
    */
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) h1:is(.text-slate-900, .text-slate-950),
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) h2:is(.text-slate-900, .text-slate-950),
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) h3:is(.text-slate-900, .text-slate-950),
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) h4:is(.text-slate-900, .text-slate-950) {
        color: #111827;
        letter-spacing: -0.012em;
    }

    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) p,
    #vorni-page-content :is(.bg-white, .bg-slate-50, .bg-slate-100) li {
        text-shadow: 0 0 0 transparent;
    }

    /* ---------------------------------------------------------
       PRODUCT CARDS: slightly clearer edge and text hierarchy.
       No size/layout changes.
       --------------------------------------------------------- */
    #vorni-page-content .vorni-product-card {
        border-color: #d8e0ea !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.065);
    }

    #vorni-page-content .vorni-product-card:hover {
        border-color: #c3cedb !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11) !important;
    }

    #vorni-page-content .vorni-product-card h3 {
        color: #111827 !important;
        font-weight: 700 !important;
    }

    #vorni-page-content .vorni-product-card .text-slate-500 {
        color: #526174 !important;
        font-weight: 500;
    }

    #vorni-page-content .vorni-product-card .text-slate-600 {
        color: #3f4d60 !important;
    }

    #vorni-page-content .vorni-product-card .text-slate-700,
    #vorni-page-content .vorni-product-card .text-slate-900 {
        color: #172033 !important;
    }

    /* ---------------------------------------------------------
       WOOCOMMERCE: stronger hierarchy on shop/product/cart/account.
       Dark custom hero sections keep their own explicit colors.
       --------------------------------------------------------- */
    body.woocommerce #vorni-page-content .woocommerce,
    body.woocommerce-page #vorni-page-content .woocommerce {
        color: #263548;
    }

    body.woocommerce #vorni-page-content .woocommerce h1,
    body.woocommerce #vorni-page-content .woocommerce h2,
    body.woocommerce #vorni-page-content .woocommerce h3,
    body.woocommerce #vorni-page-content .woocommerce h4,
    body.woocommerce-page #vorni-page-content .woocommerce h1,
    body.woocommerce-page #vorni-page-content .woocommerce h2,
    body.woocommerce-page #vorni-page-content .woocommerce h3,
    body.woocommerce-page #vorni-page-content .woocommerce h4 {
        color: #0f172a;
        letter-spacing: -0.012em;
    }

    body.woocommerce #vorni-page-content .woocommerce p,
    body.woocommerce #vorni-page-content .woocommerce li,
    body.woocommerce #vorni-page-content .woocommerce label,
    body.woocommerce-page #vorni-page-content .woocommerce p,
    body.woocommerce-page #vorni-page-content .woocommerce li,
    body.woocommerce-page #vorni-page-content .woocommerce label {
        color: #334155;
    }

    body.woocommerce #vorni-page-content .woocommerce small,
    body.woocommerce #vorni-page-content .woocommerce .description,
    body.woocommerce-page #vorni-page-content .woocommerce small,
    body.woocommerce-page #vorni-page-content .woocommerce .description {
        color: #526174;
    }

    /* ---------------------------------------------------------
       FORMS: cleaner borders and sharper text on desktop.
       --------------------------------------------------------- */
    #vorni-page-content input[type="text"],
    #vorni-page-content input[type="email"],
    #vorni-page-content input[type="tel"],
    #vorni-page-content input[type="password"],
    #vorni-page-content input[type="search"],
    #vorni-page-content input[type="number"],
    #vorni-page-content select,
    #vorni-page-content textarea {
        color: #172033;
        border-color: #c8d2df;
        background-color: #ffffff;
        box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.015);
    }

    #vorni-page-content input::placeholder,
    #vorni-page-content textarea::placeholder {
        color: #7b8798;
        opacity: 1;
    }

    #vorni-page-content input:focus,
    #vorni-page-content select:focus,
    #vorni-page-content textarea:focus {
        border-color: #3157a8;
        box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.10);
        outline: none;
    }

    /* ---------------------------------------------------------
       TABLES / INFO BOXES: slightly more defined separation.
       --------------------------------------------------------- */
    .woocommerce table.shop_table,
    #vorni-page-content table {
        border-color: #d8e0ea;
    }

    .woocommerce table.shop_table th,
    #vorni-page-content table th {
        color: #27364a;
    }

    .woocommerce table.shop_table td,
    #vorni-page-content table td {
        color: #334155;
        border-color: #e3e8ef;
    }

    .woocommerce-info,
    .woocommerce-message {
        color: #27364a;
        border-color: #3157a8;
    }

    /* ---------------------------------------------------------
       FOOTER: a little brighter on desktop, still premium/dark.
       --------------------------------------------------------- */
    .vorni-footer {
        color: #aeb9c8;
    }

    .vorni-footer a {
        color: #d2dbe6;
    }

    .vorni-footer p,
    .vorni-footer li {
        color: #aeb9c8;
    }
}

/* =========================================================
   VORNI DESKTOP V3.2 — targeted secondary-text clarity
   DESKTOP ONLY: >= 981px.
   Fine-tunes catalog, Quick View and desktop search only.
   Mobile <= 767px is intentionally untouched.
   ========================================================= */
@media (min-width: 981px) {

    /* ---------------------------------------------------------
       HEADER SEARCH — only a small readability increase.
       --------------------------------------------------------- */
    .vorni-header #vorni-search-input::placeholder {
        color: #c6d1df !important;
        opacity: 1 !important;
    }

    /* ---------------------------------------------------------
       CATALOG — strengthen only secondary/meta information.
       Layout, spacing and card sizes are unchanged.
       --------------------------------------------------------- */
    body.post-type-archive-product #vorni-page-content .text-slate-400,
    body.tax-product_cat #vorni-page-content .text-slate-400,
    body.tax-product_tag #vorni-page-content .text-slate-400 {
        color: #66758a !important;
    }

    body.post-type-archive-product #vorni-page-content .text-slate-500,
    body.tax-product_cat #vorni-page-content .text-slate-500,
    body.tax-product_tag #vorni-page-content .text-slate-500 {
        color: #4f5f73 !important;
    }

    body.post-type-archive-product #vorni-page-content .text-slate-600,
    body.tax-product_cat #vorni-page-content .text-slate-600,
    body.tax-product_tag #vorni-page-content .text-slate-600 {
        color: #3d4c60 !important;
    }

    /* SKU/category line at the top of each product card. */
    body.post-type-archive-product #vorni-page-content
    .vorni-home-product-grid
    .vorni-product-card > .p-4 > .flex.items-start span:first-child,
    body.tax-product_cat #vorni-page-content
    .vorni-home-product-grid
    .vorni-product-card > .p-4 > .flex.items-start span:first-child,
    body.tax-product_tag #vorni-page-content
    .vorni-home-product-grid
    .vorni-product-card > .p-4 > .flex.items-start span:first-child {
        color: #53647b !important;
    }

    /* Retail label, unit text and other tiny gray text in price block. */
    body.post-type-archive-product #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-\[10px\],
    body.post-type-archive-product #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-xs,
    body.tax-product_cat #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-\[10px\],
    body.tax-product_cat #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-xs,
    body.tax-product_tag #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-\[10px\],
    body.tax-product_tag #vorni-page-content
    .vorni-product-card .mt-auto > div:first-child .text-xs {
        color: #65758a !important;
        font-weight: 500 !important;
    }

    /* Filter/sidebar helper text and category counters. */
    body.post-type-archive-product #vorni-page-content aside,
    body.tax-product_cat #vorni-page-content aside,
    body.tax-product_tag #vorni-page-content aside {
        color: #334155;
    }

    body.post-type-archive-product #vorni-page-content aside .text-slate-400,
    body.post-type-archive-product #vorni-page-content aside .text-slate-500,
    body.tax-product_cat #vorni-page-content aside .text-slate-400,
    body.tax-product_cat #vorni-page-content aside .text-slate-500,
    body.tax-product_tag #vorni-page-content aside .text-slate-400,
    body.tax-product_tag #vorni-page-content aside .text-slate-500 {
        color: #59697d !important;
    }

    /* ---------------------------------------------------------
       QUICK VIEW — only the weak gray labels/tabs/description.
       The main title, prices, buttons and layout are untouched.
       --------------------------------------------------------- */
    .vorni-custom-qv__topline {
        color: #708096 !important;
    }

    .vorni-custom-qv__rating small {
        color: #718096 !important;
    }

    .vorni-custom-qv__price-row small {
        color: #56677d !important;
        font-weight: 500 !important;
    }

    .vorni-custom-qv__quantity-title {
        color: #42536a !important;
    }

    .vorni-custom-qv__tabs button {
        color: #55667c !important;
    }

    .vorni-custom-qv__tabs button.active {
        color: #173a9a !important;
    }

    .vorni-custom-qv__tab-content {
        color: #53647a !important;
    }

    /* Slightly clearer inactive/secondary links inside Quick View. */
    .vorni-custom-qv__tab-content a {
        color: #244da1 !important;
    }
}

/* =========================================================
   VORNI DESKTOP — hero letter optical fix
   Desktop only. Mobile is untouched.
   ========================================================= */
@media (min-width: 981px) {
    /* Desktop: make the "е" use exactly the same inherited glyph styling
       as it does on mobile. No scaling, shifting or separate weight. */
    .vorni-home-hero__title .vorni-desktop-hero-e {
        display: inline !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        font-style: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        transform: none !important;
        vertical-align: baseline !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Add a small optical gap between "д" and "л" in "для". */
    .vorni-home-hero__title .vorni-desktop-hero-l {
        display: inline-block;
        margin-left: 0.045em;
    }
}

/* =========================================================
   VORNI HERO — premium desktop copy only
   Mobile keeps the original title unchanged.
   ========================================================= */
.vorni-home-hero__title--desktop {
    display: none !important;
}

.vorni-home-hero__title--mobile-original {
    display: block;
}

@media (min-width: 981px) {
    .vorni-home-hero__title--desktop {
        display: block !important;
    }

    .vorni-home-hero__title--mobile-original {
        display: none !important;
    }
}

/* =========================================================
   VORNI HERO — refined premium typography
   Same visual treatment on desktop and mobile.
   Fixes overly heavy weight and clipped Cyrillic descenders.
   ========================================================= */
.vorni-home-hero__title {
    font-weight: 800 !important;
    line-height: 1.10 !important;
    overflow: visible !important;
    padding-bottom: 0.10em !important;
}

.vorni-home-hero__title > span {
    font-weight: 800 !important;
    line-height: 1.10 !important;
    letter-spacing: -0.025em !important;
    overflow: visible !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Give the lower parts of Cyrillic letters (especially "д")
   enough room so the second line cannot be visually cut off. */
.vorni-home-hero__title > span:last-child {
    padding-bottom: 0.10em !important;
}

@media (min-width: 981px) {
    .vorni-home-hero__title > span {
        font-size: 52px !important;
    }
}

@media (max-width: 767px) {
    .vorni-home-hero__title {
        line-height: 1.11 !important;
        padding-bottom: 0.12em !important;
    }

    .vorni-home-hero__title > span {
        font-size: clamp(32px, 9.8vw, 42px) !important;
        line-height: 1.11 !important;
        letter-spacing: -0.025em !important;
    }

    .vorni-home-hero__title > span:last-child {
        padding-bottom: 0.12em !important;
    }
}

/* =========================================================
   VORNI HERO — premium Onest typography
   Same styling on desktop and mobile.
   Text remains: "Все для дому" / "та родини".
   ========================================================= */
.vorni-home-hero__title,
.vorni-home-hero__title > span {
    font-family: 'Onest', 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 700 !important;
    font-synthesis: none !important;
    font-kerning: normal !important;
    font-feature-settings: "kern" 1, "liga" 1 !important;
    letter-spacing: -0.028em !important;
    line-height: 1.07 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow: visible !important;
}

.vorni-home-hero__title {
    padding-bottom: 0.14em !important;
}

.vorni-home-hero__title > span:last-child {
    padding-bottom: 0.14em !important;
}

@media (min-width: 981px) {
    .vorni-home-hero__title > span {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) {
    .vorni-home-hero__title > span {
        font-size: clamp(31px, 9.4vw, 40px) !important;
        letter-spacing: -0.025em !important;
        line-height: 1.08 !important;
    }
}

/* =========================================================
   VORNI HERO — "для" spacing fix
   Same spacing on desktop and mobile.
   ========================================================= */
.vorni-home-hero__title .vorni-hero-word-dlya {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit !important;
    letter-spacing: 0.02em !important;
}


/* =========================================================
   VORNI MOBILE — keep "для" white in hero title
   ========================================================= */
@media (max-width: 980px) {
    .vorni-home-hero__title .vorni-hero-word-dlya {
        background: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* =========================================================
   VORNI MOBILE — hero color isolation
   Keep only the second title line yellow; "для" stays white.
   Desktop is untouched.
   ========================================================= */
@media (max-width: 980px) {
    .vorni-home-hero__title > span:first-child .vorni-hero-word-dlya {
        background: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* =========================================================
   VORNI MOBILE — footer clearance above iOS browser toolbar
   Mobile only. Desktop is untouched.
   Gives the last footer rows enough scroll room to rise fully
   above Safari/Chrome bottom browser controls.
   ========================================================= */
@media (max-width: 767px) {
    .vorni-footer {
        padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;
    }

    html,
    body {
        scroll-padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================================
   VORNI ACCOUNT — welcome banner text contrast fix
   Keeps the greeting readable on the dark dashboard banner.
   ========================================================= */
body.woocommerce-account .nx-welcome .nx-welcome-title,
body.woocommerce-account .nx-welcome .nx-welcome-title strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account .nx-welcome .nx-welcome-text {
    color: #dbe7ff !important;
    -webkit-text-fill-color: #dbe7ff !important;
}



/* =========================================================
   VORNI — hide WooCommerce add-to-cart success notice
   Catalog/category pages only, all screen sizes.
   Checkout/account notices remain untouched.
   ========================================================= */
body.woocommerce-shop .woocommerce-message,
body.post-type-archive-product .woocommerce-message,
body.tax-product_cat .woocommerce-message,
body.tax-product_tag .woocommerce-message {
    display: none !important;
}

/* =========================================================
   VORNI — desktop header logo hover
   Smooth premium scale effect. Mobile layout is untouched.
   ========================================================= */
@media (min-width: 768px) {
    .vorni-header a:has(.vorni-logo-badge),
    .vorni-header a:has(.custom-logo) {
        transition: transform 0.22s ease;
        transform-origin: left center;
    }

    .vorni-header a:has(.vorni-logo-badge):hover,
    .vorni-header a:has(.custom-logo):hover {
        transform: scale(1.05);
    }
}

/* VORNI — desktop brand hover, exact selector from header.php */
@media (min-width: 768px) {
    .vorni-header .vorni-desktop-brand {
        transition: transform 0.22s ease !important;
        transform-origin: left center;
        will-change: transform;
    }

    .vorni-header .vorni-desktop-brand:hover {
        transform: scale(1.05) !important;
    }
}


/* =========================================================
   VORNI — Wholesale cooperation formats
   Stable component layout: equal rows, aligned copy/footer,
   correct contrast on the dark card.
   ========================================================= */
.vorni-wholesale-formats-grid {
    align-items: stretch;
}

.vorni-wholesale-format-card {
    min-width: 0;
}

.vorni-wholesale-format-card--large,
.vorni-wholesale-format-card--large h3 {
    color: #ffffff;
}

.vorni-wholesale-format-card--large p {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1;
}

.vorni-wholesale-format-card--large > div:last-child {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8;
}

@media (min-width: 768px) {
    .vorni-wholesale-format-card {
        display: grid !important;
        grid-template-rows: 32px 18px 24px minmax(48px, auto) auto;
        row-gap: 6px;
        align-content: start;
        padding: 14px !important;
    }

    /* SMALL: create the same second-row slot used by the other cards. */
    .vorni-wholesale-format-card--small > .flex:first-child {
        grid-row: 1;
        margin-bottom: 0 !important;
    }

    .vorni-wholesale-format-card--small::before {
        content: "";
        grid-row: 2;
        display: block;
    }

    .vorni-wholesale-format-card--small > h3 {
        grid-row: 3;
    }

    .vorni-wholesale-format-card--small > p {
        grid-row: 4;
    }

    .vorni-wholesale-format-card--small > div:last-child {
        grid-row: 5;
    }

    /* MEDIUM */
    .vorni-wholesale-format-card--medium > span.absolute {
        top: 12px;
        right: 12px;
    }

    .vorni-wholesale-format-card--medium > .w-8.h-8 {
        grid-row: 1;
        margin-bottom: 0 !important;
    }

    .vorni-wholesale-format-card--medium > .text-\[10px\] {
        grid-row: 2;
        margin-bottom: 0 !important;
        align-self: center;
    }

    .vorni-wholesale-format-card--medium > h3 {
        grid-row: 3;
    }

    .vorni-wholesale-format-card--medium > p {
        grid-row: 4;
    }

    .vorni-wholesale-format-card--medium > div:last-child {
        grid-row: 5;
    }

    /* LARGE: reserve the same second row, so its title aligns exactly. */
    .vorni-wholesale-format-card--large > .flex:first-child {
        grid-row: 1;
        margin-bottom: 0 !important;
    }

    .vorni-wholesale-format-card--large::before {
        content: "";
        grid-row: 2;
        display: block;
    }

    .vorni-wholesale-format-card--large > h3 {
        grid-row: 3;
        color: #facc15 !important;
    }

    .vorni-wholesale-format-card--large > p {
        grid-row: 4;
    }

    .vorni-wholesale-format-card--large > div:last-child {
        grid-row: 5;
    }

    .vorni-wholesale-format-card > h3,
    .vorni-wholesale-format-card > p,
    .vorni-wholesale-format-card > div:last-child {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .vorni-wholesale-format-card > div:last-child {
        align-self: end;
        padding-top: 8px !important;
        font-size: 11px !important;
        line-height: 1.25;
        white-space: normal;
    }
}


/* VORNI — Wholesale CTA: explicit dark-section contrast */
.vorni-main-content section.bg-gradient-to-r.from-blue-950.via-slate-900.to-blue-950 h2.text-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.vorni-main-content section.bg-gradient-to-r.from-blue-950.via-slate-900.to-blue-950 p.text-slate-300 {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1;
}

.vorni-main-content section.bg-gradient-to-r.from-blue-950.via-slate-900.to-blue-950 a.text-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

/* =========================================================
   VORNI — NEW CHECKOUT
   Clean, isolated, responsive: desktop + tablet + mobile.
   Native WooCommerce submission/AJAX is intentionally untouched.
   ========================================================= */

body.woocommerce-checkout .vorni-standard-checkout {
    width: 100%;
    background: #f5f7fb;
}

body.woocommerce-checkout .vorni-checkout-new {
    width: 100%;
    padding: 30px 0 48px;
    color: #172033;
}

body.woocommerce-checkout .vorni-checkout-new,
body.woocommerce-checkout .vorni-checkout-new * {
    box-sizing: border-box;
}

body.woocommerce-checkout .vorni-checkout-new__inner {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

body.woocommerce-checkout .vorni-checkout-new__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 20px;
}

body.woocommerce-checkout .vorni-checkout-new__header h1 {
    margin: 0;
    color: #10213f;
    font-size: clamp(27px, 3vw, 35px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.025em;
}

body.woocommerce-checkout .vorni-checkout-new__header p {
    margin: 7px 0 0;
    color: #718096;
    font-size: 14px;
    line-height: 1.45;
}

body.woocommerce-checkout .vorni-checkout-new__secure {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    background: #ffffff;
    color: #3f5572;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

body.woocommerce-checkout .vorni-checkout-new__secure span {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e9f7ef;
    color: #15803d;
    font-size: 12px;
    font-weight: 900;
}

body.woocommerce-checkout .vorni-checkout-new__form {
    width: 100%;
    margin: 0;
}

body.woocommerce-checkout .vorni-checkout-new__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 24px;
    align-items: start;
}

body.woocommerce-checkout .vorni-checkout-new__left,
body.woocommerce-checkout .vorni-checkout-new__right {
    min-width: 0;
}

body.woocommerce-checkout .vorni-checkout-new__right {
    position: sticky;
    top: 105px;
}

body.woocommerce-checkout .vorni-checkout-new__card {
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(15, 35, 65, 0.045);
}

body.woocommerce-checkout .vorni-checkout-new__card-head {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 18px 20px 15px;
    border-bottom: 1px solid #edf1f5;
}

body.woocommerce-checkout .vorni-checkout-new__step {
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: #123f7d;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

body.woocommerce-checkout .vorni-checkout-new__card-head h2 {
    margin: 1px 0 0;
    color: #13233f;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 800;
}

body.woocommerce-checkout .vorni-checkout-new__card-head p {
    margin: 4px 0 0;
    color: #7b8799;
    font-size: 12px;
    line-height: 1.4;
}

body.woocommerce-checkout .vorni-checkout-new__card-body {
    padding: 18px 20px 20px;
}

/* Hide duplicate Woo headings; VORNI card headings are used instead. */
body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields > h3,
body.woocommerce-checkout .vorni-checkout-new .woocommerce-additional-fields > h3,
body.woocommerce-checkout .vorni-checkout-new #ship-to-different-address {
    display: none !important;
}

/*
 * Pickup checkout: native Woo address rows remain in DOM for plugin
 * compatibility but are not shown to the buyer.
 */
body.woocommerce-checkout .vorni-checkout-new #billing_company_field,
body.woocommerce-checkout .vorni-checkout-new #billing_country_field,
body.woocommerce-checkout .vorni-checkout-new #billing_address_1_field,
body.woocommerce-checkout .vorni-checkout-new #billing_address_2_field,
body.woocommerce-checkout .vorni-checkout-new #billing_city_field,
body.woocommerce-checkout .vorni-checkout-new #billing_state_field,
body.woocommerce-checkout .vorni-checkout-new #billing_postcode_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_company_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_country_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_address_1_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_address_2_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_city_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_state_field,
body.woocommerce-checkout .vorni-checkout-new #shipping_postcode_field,
body.woocommerce-checkout .vorni-checkout-new .woocommerce-shipping-fields .shipping_address {
    display: none !important;
}

/* Contact fields */
body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 14px;
}

body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout .vorni-checkout-new #billing_first_name_field,
body.woocommerce-checkout .vorni-checkout-new #billing_last_name_field,
body.woocommerce-checkout .vorni-checkout-new #billing_phone_field,
body.woocommerce-checkout .vorni-checkout-new #billing_email_field {
    display: block !important;
    grid-column: auto;
}

/* Any optional carrier-added personal field uses a full row. */
body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields__field-wrapper .form-row:not(#billing_first_name_field):not(#billing_last_name_field):not(#billing_phone_field):not(#billing_email_field) {
    grid-column: 1 / -1;
}

body.woocommerce-checkout .vorni-checkout-new .form-row label {
    display: block;
    margin: 0 0 6px;
    color: #334155;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 650;
}

body.woocommerce-checkout .vorni-checkout-new .form-row .required {
    color: #d92d20;
}

body.woocommerce-checkout .vorni-checkout-new input.input-text,
body.woocommerce-checkout .vorni-checkout-new textarea,
body.woocommerce-checkout .vorni-checkout-new select,
body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection,
body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection {
    width: 100%;
    min-height: 44px;
    border: 1px solid #d6deea !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #172033 !important;
    font-size: 14px !important;
}

body.woocommerce-checkout .vorni-checkout-new input.input-text,
body.woocommerce-checkout .vorni-checkout-new select {
    padding: 0 12px !important;
}

body.woocommerce-checkout .vorni-checkout-new textarea {
    min-height: 90px;
    padding: 11px 12px !important;
    resize: vertical;
}

body.woocommerce-checkout .vorni-checkout-new input.input-text:focus,
body.woocommerce-checkout .vorni-checkout-new textarea:focus,
body.woocommerce-checkout .vorni-checkout-new select:focus {
    border-color: #2d63ad !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(45, 99, 173, 0.10) !important;
}

body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single,
body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single {
    height: 44px !important;
}

body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
    padding-left: 12px !important;
    padding-right: 34px !important;
}

body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single .select2-selection__arrow,
body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    right: 7px !important;
}

/* Carrier pickup blocks injected after billing fields. */
body.woocommerce-checkout .vorni-checkout-new #wcus-billing-fields,
body.woocommerce-checkout .vorni-checkout-new #delivery_checkout_field {
    position: relative;
    width: 100%;
    margin: 20px 0 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid #edf1f5;
}

body.woocommerce-checkout .vorni-checkout-new #wcus-billing-fields::before,
body.woocommerce-checkout .vorni-checkout-new #delivery_checkout_field::before {
    display: block;
    margin: 0 0 12px;
    color: #13233f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
    content: "Доставка";
}

body.woocommerce-checkout .vorni-checkout-new #delivery_checkout_field > h3 {
    display: none !important;
}

/* A separate shipping-address WCUS mount is not used in this pickup flow. */
body.woocommerce-checkout .vorni-checkout-new #wcus-shipping-fields {
    display: none !important;
}

/*
 * Immediate carrier visibility without an extra JavaScript patch.
 * Chrome/Safari/modern mobile browsers support :has(). Plugin JS remains
 * responsible for loading cities/warehouses; these selectors only hide the
 * inactive carrier's controls.
 */
body.woocommerce-checkout .vorni-checkout-new:has(input[name^="shipping_method"][value^="delivery"]:checked) #wcus-billing-fields {
    display: none !important;
}

body.woocommerce-checkout .vorni-checkout-new:has(input[name^="shipping_method"][value^="nova_poshta_shipping"]:checked) #delivery_checkout_field {
    display: none !important;
}

body.woocommerce-checkout .vorni-checkout-new #delivery_checkout_field .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px !important;
}

body.woocommerce-checkout .vorni-checkout-new #delivery_checkout_field .form-row:last-child {
    margin-bottom: 0 !important;
}

/* Order notes: no separate shipping-address UI. */
body.woocommerce-checkout .vorni-checkout-new__additional {
    margin-top: 16px;
}

body.woocommerce-checkout .vorni-checkout-new__additional .woocommerce-shipping-fields {
    display: none !important;
}

body.woocommerce-checkout .vorni-checkout-new__additional .woocommerce-additional-fields {
    margin: 0;
}

body.woocommerce-checkout .vorni-checkout-new__additional #order_comments_field {
    margin: 0 !important;
}

/* Order table */
body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table {
    width: 100%;
    margin: 0 0 14px !important;
    border: 1px solid #e4eaf1 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 11px;
    overflow: hidden;
    background: #ffffff;
}

body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table td {
    padding: 11px 10px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-color: #e8edf3 !important;
    color: #344256;
    font-size: 12px;
    line-height: 1.45;
    vertical-align: middle;
}

body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table thead th {
    background: #f7f9fc;
    color: #27364f;
    font-weight: 750;
}

body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table tfoot td {
    text-align: right;
}

body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table .order-total td {
    color: #13213a;
    font-size: 14px;
    font-weight: 800;
}

/* Native shipping methods as compact selectable rows. */
body.woocommerce-checkout .vorni-checkout-new #shipping_method {
    display: grid;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

body.woocommerce-checkout .vorni-checkout-new #shipping_method li {
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #e1e7ef;
    border-radius: 9px;
    background: #ffffff;
    text-align: left;
}

body.woocommerce-checkout .vorni-checkout-new #shipping_method input[type="radio"] {
    margin: 0 5px 0 0 !important;
    accent-color: #123f7d;
}

body.woocommerce-checkout .vorni-checkout-new #shipping_method label {
    display: inline;
    margin: 0;
    color: #26364e;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

/* Payment box */
body.woocommerce-checkout .vorni-checkout-new #payment {
    margin-top: 14px;
    border: 1px solid #e1e7ef;
    border-radius: 13px;
    background: #f7f9fc !important;
    overflow: hidden;
}

body.woocommerce-checkout .vorni-checkout-new #payment ul.payment_methods {
    margin: 0 !important;
    padding: 14px !important;
    border-bottom: 1px solid #e4e9f0 !important;
}

body.woocommerce-checkout .vorni-checkout-new #payment li.payment_method_nexora_liqpay,
body.woocommerce-checkout .vorni-checkout-new #payment li.payment_method_vorni_liqpay {
    margin: 0 !important;
}

body.woocommerce-checkout .vorni-checkout-new #payment div.payment_box {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.woocommerce-checkout .vorni-checkout-new #payment div.payment_box::before {
    display: none !important;
}

/* Current VORNI 100% / 200 UAH payment-choice plugin. */
body.woocommerce-checkout .vorni-checkout-new .vorni-pay-choice {
    gap: 9px !important;
}

body.woocommerce-checkout .vorni-checkout-new .vorni-pay-card__body {
    border-color: #dce3ed !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body.woocommerce-checkout .vorni-checkout-new .vorni-pay-card.is-selected .vorni-pay-card__body {
    border-color: #1f5da7 !important;
    background: #f7fbff !important;
    box-shadow: 0 0 0 2px rgba(31, 93, 167, 0.10) !important;
}

body.woocommerce-checkout .vorni-checkout-new .vorni-pay-card__top b {
    color: #1f5da7 !important;
}

body.woocommerce-checkout .vorni-checkout-new #payment .place-order {
    margin: 0 !important;
    padding: 14px !important;
}

body.woocommerce-checkout .vorni-checkout-new #place_order {
    width: 100% !important;
    min-height: 48px;
    margin: 12px 0 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #123f7d !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    text-align: center;
    box-shadow: none !important;
}

body.woocommerce-checkout .vorni-checkout-new #place_order:hover,
body.woocommerce-checkout .vorni-checkout-new #place_order:focus {
    background: #0d3264 !important;
}

/* Notices */
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout,
body.woocommerce-checkout .woocommerce-notices-wrapper {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}

/* Keep WooCommerce busy state visible but restrained. */
body.woocommerce-checkout .vorni-checkout-new .blockUI.blockOverlay {
    background: rgba(255, 255, 255, 0.56) !important;
    opacity: 1 !important;
}

body.woocommerce-checkout .vorni-checkout-new .blockUI.blockMsg {
    display: none !important;
}

/* Tablet */
@media (max-width: 980px) {
    body.woocommerce-checkout .vorni-checkout-new {
        padding: 20px 0 34px;
    }

    body.woocommerce-checkout .vorni-checkout-new__inner {
        width: min(760px, calc(100% - 24px));
    }

    body.woocommerce-checkout .vorni-checkout-new__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 16px;
    }

    body.woocommerce-checkout .vorni-checkout-new__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.woocommerce-checkout .vorni-checkout-new__right {
        position: static;
    }

    body.woocommerce-checkout .vorni-checkout-new__right {
        order: 2;
    }
}

/* Mobile */
@media (max-width: 640px) {
    body.woocommerce-checkout .vorni-checkout-new {
        padding: 14px 0 26px;
    }

    body.woocommerce-checkout .vorni-checkout-new__inner {
        width: calc(100% - 16px);
    }

    body.woocommerce-checkout .vorni-checkout-new__header h1 {
        font-size: 25px;
    }

    body.woocommerce-checkout .vorni-checkout-new__header p {
        font-size: 13px;
    }

    body.woocommerce-checkout .vorni-checkout-new__secure {
        padding: 7px 9px;
        font-size: 11px;
    }

    body.woocommerce-checkout .vorni-checkout-new__card {
        border-radius: 13px;
    }

    body.woocommerce-checkout .vorni-checkout-new__card-head {
        padding: 15px 14px 13px;
    }

    body.woocommerce-checkout .vorni-checkout-new__card-body {
        padding: 15px 14px 16px;
    }

    body.woocommerce-checkout .vorni-checkout-new__card-head h2 {
        font-size: 16px;
    }

    body.woocommerce-checkout .vorni-checkout-new__card-head p {
        font-size: 11px;
    }

    body.woocommerce-checkout .vorni-checkout-new__step {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
        border-radius: 8px;
    }

    body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    body.woocommerce-checkout .vorni-checkout-new #billing_first_name_field,
    body.woocommerce-checkout .vorni-checkout-new #billing_last_name_field,
    body.woocommerce-checkout .vorni-checkout-new #billing_phone_field,
    body.woocommerce-checkout .vorni-checkout-new #billing_email_field,
    body.woocommerce-checkout .vorni-checkout-new .woocommerce-billing-fields__field-wrapper .form-row {
        grid-column: 1 !important;
    }

    /* 16px prevents iPhone Safari input-focus zoom. */
    body.woocommerce-checkout .vorni-checkout-new input.input-text,
    body.woocommerce-checkout .vorni-checkout-new textarea,
    body.woocommerce-checkout .vorni-checkout-new select,
    body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection,
    body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection {
        min-height: 48px;
        font-size: 16px !important;
    }

    body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single,
    body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single {
        height: 48px !important;
    }

    body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single .select2-selection__rendered,
    body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single .select2-selection__rendered {
        line-height: 46px !important;
    }

    body.woocommerce-checkout .vorni-checkout-new .select2-container .select2-selection--single .select2-selection__arrow,
    body.woocommerce-checkout .vorni-checkout-new .selectWoo-container .select2-selection--single .select2-selection__arrow {
        height: 46px !important;
    }

    body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table th,
    body.woocommerce-checkout .vorni-checkout-new .woocommerce-checkout-review-order-table td {
        padding: 10px 7px !important;
        font-size: 11px;
    }

    body.woocommerce-checkout .vorni-checkout-new #shipping_method li {
        padding: 10px 9px !important;
    }

    body.woocommerce-checkout .vorni-checkout-new #shipping_method label {
        font-size: 12px;
    }

    body.woocommerce-checkout .vorni-checkout-new #payment ul.payment_methods,
    body.woocommerce-checkout .vorni-checkout-new #payment .place-order {
        padding: 11px !important;
    }

    body.woocommerce-checkout .woocommerce-NoticeGroup-checkout,
    body.woocommerce-checkout .woocommerce-notices-wrapper {
        width: calc(100% - 16px);
    }
}