/*
Theme Name: Kinbora
Theme URI: https://kinbora.com/
Author: Kinbora
Description: Kinbora storefront theme.
Version: 1.0.53
Text Domain: kinbora
*/

/* ==========================================
    Base, Colors & Animated Background
    ========================================== */
:root {
  --ink: #16201c;
  --green: #176b50;
  --line: #e5e8e3;
  --temu-orange: #ff6600;
  --kb-theme-surface: #ffffff;
  --kb-theme-surface-soft: #f7faf8;
  --kb-theme-surface-deep: #f1f6f3;
  --kb-theme-text: #16201c;
  --kb-theme-text-muted: #68736c;
  --kb-theme-border: #e5e8e3;
  --kb-theme-overlay-surface: rgba(255, 255, 255, 0.95);
  --kb-theme-overlay-border: rgba(255, 255, 255, 0.8);
  /* Permanent geometry lock: desktop Logo left edge ↔ Cart right edge. */
  --kb-master-rail-inset: clamp(72px, 4.8vw, 96px);
  
  /* New Aero Shadow & Mixed Glow Effects */
  --shadow-aero: 0 12px 35px rgba(0, 0, 0, 0.12);
  --glow-mix: 0 0 25px rgba(255, 102, 0, 0.4), 0 0 25px rgba(23, 107, 80, 0.4);
}

.chk-provider-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid #cfe6dd;
  border-radius: 12px;
  background: #f1faf6;
  color: var(--ink);
  line-height: 1.45;
}

.chk-provider-notice svg {
  width: 28px;
  height: 28px;
  color: var(--green);
  flex: 0 0 auto;
}

.chk-provider-notice span {
  color: #526159;
  font-size: 13px;
}

body.dark-mode .chk-provider-notice {
  background: var(--kb-theme-surface);
  border-color: var(--kb-theme-border);
  color: var(--kb-theme-text);
}

body.dark-mode .chk-provider-notice span {
  color: var(--kb-theme-text-muted);
}
body {
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  color: var(--ink);
  background-color: rgba(253, 253, 253, 0.58);
  overflow-x: hidden;
  position: relative;
  isolation: isolate;
  transition: background-color 0.3s ease, color 0.3s ease;
}
a { text-decoration: none; color: inherit; }

/* Unique Animated Glassmorphism Background */
.bg-shapes {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  background: rgba(253, 253, 253, 0.72);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  transition: background-color 0.3s ease;
}
.bg-shapes * { pointer-events: none; }
.bg-shape-1 {
  position: absolute; top: -10%; left: -10%; width: 50vw; height: 50vw;
  background: radial-gradient(circle, rgba(255, 102, 0, 0.12) 0%, rgba(255, 102, 0, 0) 70%);
  border-radius: 50%; filter: blur(50px); animation: float1 15s infinite alternate ease-in-out;
}
.bg-shape-2 {
  position: absolute; bottom: -10%; right: -10%; width: 60vw; height: 60vw;
  background: radial-gradient(circle, rgba(23, 107, 80, 0.12) 0%, rgba(23, 107, 80, 0) 70%);
  border-radius: 50%; filter: blur(50px); animation: float2 18s infinite alternate-reverse ease-in-out;
}
@keyframes float1 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(15%, 15%) scale(1.1); } }
@keyframes float2 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-15%, -15%) scale(1.1); } }

@keyframes flowerFall {
  0% { transform: translateY(-10vh) rotate(0deg) scale(0.8); opacity: 1; }
  100% { transform: translateY(110vh) rotate(360deg) scale(1.2); opacity: 0; }
}
.flower-flake {
  position: fixed;
  top: -10vh;
  z-index: 9999999;
  pointer-events: none;
  animation: flowerFall linear forwards;
  user-select: none;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,0.2));
}


.glass-box {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--shadow-aero);
  border: 1px solid rgba(255,255,255,0.8);
  transition: all 0.3s ease;
}

/* ==========================================
    Header & Navigation
    ========================================== */
header.glass-box { 
  display: flex; align-items: center; justify-content: space-between; padding: 15px 10px; 
  border-bottom: 1px solid rgba(229, 232, 227, 0.6); 
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
}

/* Logo Settings */
.logo { 
  font-size: 28px; font-weight: 800; margin: 0; 
  display: flex; align-items: center; gap: 0px; 
  text-decoration: none; text-shadow: 1px 1px 0px rgba(0,0,0,0.05); 
  letter-spacing: -0.5px; flex-shrink: 0;
  transition: 0.3s;
}
.logo:hover { text-shadow: 0 0 10px rgba(255, 102, 0, 0.3); transform: scale(1.02); }
.logo-img { height: 48px; width: auto; object-fit: contain; margin-right: -8px; }
.logo .kin { color: var(--temu-orange); }
.logo .bora { color: var(--green); }


/* Auto Hover Menus with Icons */
.desktop-main-nav { display: flex; align-items: center; gap: 5px; flex-shrink: 0; margin-left: 10px; }

.hover-dropdown { position: relative; display: inline-block; cursor: pointer; padding: 10px 4px; }
.hover-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 15px; }
.hover-trigger { appearance: none; border: 0; background: transparent; padding: 0; font: 700 12px Inter, sans-serif; color: var(--ink); display: flex; align-items: center; gap: 4px; transition: all 0.3s; cursor: inherit; }

/* MIX COLOR TEXT GLOW on Hover */
.hover-dropdown:hover .hover-trigger, .hover-dropdown:focus-within .hover-trigger {
  color: var(--temu-orange); 
  text-shadow: 0 0 10px rgba(255, 102, 0, 0.4), 0 0 10px rgba(23, 107, 80, 0.4); 
}

.nav-icon { width: 18px; height: 18px; flex-shrink: 0; transition: 0.3s; }

.hover-content {
  position: absolute; top: calc(100% + 10px); left: 0; background: #fff; min-width: 200px;
  border-radius: 16px; padding: 12px; opacity: 0; visibility: hidden; transform: translateY(15px);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 100;
  display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--line);
  box-shadow: var(--shadow-aero);
}

.hover-content::before {
  content: ''; position: absolute; top: -6px; left: 35px; width: 10px; height: 10px;
  background: #fff; border-top: 1px solid var(--line); border-left: 1px solid var(--line);
  transform: rotate(45deg); border-top-left-radius: 2px;
  transition: background 0.3s ease;
}
.lang-dropdown .hover-content::before, .support-dropdown .hover-content::before, .account-dropdown .hover-content::before {
  left: auto; right: 35px;
}

.hover-dropdown:hover .hover-content, .hover-dropdown:focus-within .hover-content { opacity: 1; visibility: visible; transform: translateY(0); box-shadow: var(--glow-mix); }
.hover-content a { padding: 10px 15px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--ink); transition: 0.2s; display: flex; align-items: center; gap: 8px; }
.hover-content a:hover { background: #f4f8f6; color: var(--temu-orange); transform: translateX(5px); }

/* Nested Dropdown Styles (Universal Responsive) */
.nested-dropdown { position: relative; width: 100%; }.nested-trigger { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100%; box-sizing: border-box; }
.nested-content {
  position: absolute; top: -10px; left: calc(100% + 5px);
  background: #fff; min-width: 220px; border-radius: 16px;
  padding: 12px; border: 1px solid var(--line);
  box-shadow: var(--shadow-aero); opacity: 0; visibility: hidden;
  transform: translateX(10px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 105;
  display: flex; flex-direction: column; gap: 4px;
}
.nested-dropdown:hover .nested-content, .nested-dropdown:focus-within .nested-content { opacity: 1; visibility: visible; transform: translateX(0); }

/* Right Side Layout */
.right-nav { display: flex; align-items: center; gap: 5px; flex-shrink: 0; }
.lang-dropdown .hover-content { right: 0; left: auto; }
.region-panel { padding: 20px 24px !important; min-width: 300px !important; cursor: default; }
.region-panel h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 800; color: var(--ink); text-align: left; }
.region-select { 
  display: flex; justify-content: space-between; align-items: center; 
  padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; 
  margin-bottom: 8px; background: #fff; cursor: pointer; transition: 0.3s; 
}
.region-select:hover { border-color: var(--temu-orange); box-shadow: 0 0 15px rgba(255,102,0,0.2), 0 0 15px rgba(23,107,80,0.2); }
.region-select span { font-size: 14px; font-weight: 600; color: var(--ink); }

.support-dropdown .hover-content { min-width: 260px; right: 0; left: auto; }
.account-dropdown .hover-content { min-width: 270px; right: 0; left: auto; padding: 20px 15px; }

/* Action Icons */
.header-action { 
  border: 0; background: transparent; font: 600 12px Inter, sans-serif; 
  cursor: pointer; padding: 5px; transition: all 0.3s;
  display: flex; align-items: center; gap: 4px; color: var(--ink);
  position: relative;
}
.header-action svg { width: 22px; height: 22px; transition: 0.3s; }
.header-action:hover { 
  color: var(--temu-orange); 
  text-shadow: 0 0 10px rgba(255, 102, 0, 0.4), 0 0 10px rgba(23, 107, 80, 0.4); 
}

/* Quality Flags */
.flag-icon { width: 26px; height: auto; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: 0.3s; }
.hover-dropdown:hover .flag-icon { box-shadow: var(--glow-mix); }
.flag-small { width: 20px; height: auto; border-radius: 2px; }

/* Premium Brand SVG Icon System */
.brand-svg { width: 1.2em; height: 1.2em; vertical-align: middle; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: all 0.3s ease; }
.brand-svg.filled { fill: currentColor; stroke: none; }
.color-green { color: var(--green); }
.color-orange { color: var(--temu-orange); }

.hover-trigger:hover .brand-svg, .hc-card:hover .brand-svg, a:hover > .brand-svg { color: var(--temu-orange); transform: scale(1.15); }
.category:hover .brand-svg { color: var(--temu-orange); transform: scale(1.025); }
.emoji .brand-svg { width: 32px; height: 32px; color: var(--green); }
.product-image .brand-svg { width: 64px; height: 64px; color: var(--green); transition: transform .22s ease; }
.product-image-link:hover .brand-svg, .product-image-link:focus-visible .brand-svg { transform: scale(1.025); }

/* GIANT Center Search Bar */
.search-wrapper { flex: 1; display: flex; justify-content: center; margin: 0 15px; }
.search-container {
  width: 100%; max-width: 1000px; height: 32px; background: #fff;
  border: 2px solid var(--ink); border-radius: 25px; display: flex;
  align-items: center; box-sizing: border-box; padding: 4px;
  transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.search-container:focus-within { box-shadow: var(--glow-mix); border-color: var(--temu-orange); transform: translateY(-2px); }

.cam-btn {
  background: transparent; border: none; cursor: pointer; padding: 0 12px;
  display: flex; align-items: center; color: var(--ink); transition: 0.3s; flex-shrink: 0;
}
.cam-btn svg { width: 22px; height: 22px; }
.cam-btn:hover { color: var(--temu-orange); transform: scale(1.1); filter: drop-shadow(0 0 8px rgba(255,102,0,0.5)); }

.search-input {
  flex: 1; border: none; outline: none; background: transparent;
  font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600;
  color: var(--ink); padding: 0 10px; width: 100%;
}

.action-search-btn {
  background: var(--temu-orange) !important; 
  border: none; 
  border-radius: 20px; 
  width: 60px; 
  height: 100%;
  display: flex !important; 
  align-items: center; 
  justify-content: center; 
  color: #fff;
  cursor: pointer; 
  transition: 0.3s; 
  flex-shrink: 0;
}

.action-search-btn:hover {
  background: #e65c00 !important;
  transform: scale(1.05);
  box-shadow: var(--glow-mix);
}

/* ==========================================
   KINBORA 1.2.1 PRODUCTION OVERRIDES
   ========================================== */
.kinbora-role-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: color 0.3s ease, transform 0.3s ease;
}

.kinbora-role-icon--account {
  -webkit-mask-image: url('assets/images/account.svg');
  mask-image: url('assets/images/account.svg');
}

.kinbora-role-icon--support {
  /* The support artwork is monochrome UI, so use it as a mask just like the
     Account icon. The SVG's baked black fill now supplies only mask alpha;
     visible color comes from currentColor and can inherit semantic theme text. */
  -webkit-mask-image: url('assets/images/support.svg');
  mask-image: url('assets/images/support.svg');
  background-color: currentColor;
  background-image: none;
  color: inherit;
}

.header-action .kinbora-role-icon { width: 22px; height: 22px; }
.hover-content .kinbora-role-icon { width: 1.2em; height: 1.2em; }
.acc-menu-icon .kinbora-role-icon, .acc-icon-circle .kinbora-role-icon { width: 20px; height: 20px; }
.mobile-bottom-nav .kinbora-role-icon { width: 24px; height: 24px; }
.mobile-bottom-nav button:hover .kinbora-role-icon { transform: translateY(-2px); }
.nls-left-box .kinbora-role-icon { width: 44px; height: 44px; color: var(--ink); }
.cnt-mini-icon .kinbora-role-icon { width: 20px; height: 20px; color: #fff; }



@keyframes kinbora-support-pulse {
  70% { box-shadow: 0 0 0 9px rgba(255, 102, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }
}

.nls-left-box {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 14px;
  background: #eef7f2;
  color: var(--ink);
}

.nls-middle-content { min-width: 142px; text-align: left; line-height: 1.1; }
.nls-top-dots { display: flex; gap: 3px; margin-bottom: 4px; }
.nls-top-dots i, .nls-right-bubble i { display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--temu-orange); }
.nls-main-title { color: var(--green); font-size: 15px; font-weight: 800; }
.nls-main-title span { color: var(--temu-orange); }
.nls-divider { width: 34px; height: 2px; margin: 4px 0; border-radius: 2px; background: var(--green); }
.nls-sub-text { color: #68736c; font-size: 10px; font-weight: 600; }
.nls-right-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 50%;
  background: var(--green);
}
.nls-right-bubble i { background: #fff; }
body.dark-mode .nls-left-box { background: var(--kb-theme-surface); color: var(--kb-theme-text); }
body.dark-mode .nls-sub-text { color: var(--kb-theme-text-muted); }

.search-container .action-search-btn svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
}

.kinbora-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.kinbora-product-empty {
  grid-column: 1 / -1;
  margin: 30px 0;
  color: #68736c;
  font-weight: 600;
  text-align: center;
}

.kinbora-product-image, .kinbora-modal-product-image, .kinbora-thumbnail-image, .kinbora-cart-image, .kinbora-suggestion-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kinbora-product-image { object-fit: cover; }
.cart-item-img { overflow: hidden; }
.cart-item-info small { display: block; margin: 2px 0 5px; color: #68736c; font-size: 11px; line-height: 1.35; }
.suggestion-item { width: 100%; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.suggestion-title { display: block; }
.add.choose-options { width: auto !important; min-width: 74px; padding: 0 9px !important; border-radius: 999px !important; font-size: 9px !important; white-space: nowrap; }
.k-payment-note { margin: 0; color: #68736c; font-size: 13px; font-weight: 600; line-height: 1.6; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(255, 102, 0, 0.7) !important;
  outline-offset: 3px !important;
}

/* The real Kinbora Commerce checkout is the only totals/payment authority. */
.kinbora_commerce-page .wrap, .kinbora_commerce-page main.wrap {
  width: min(1180px, calc(100% - 32px));
  max-width: 1180px;
  margin: 36px auto;
  padding: 0;
}

.kinbora_commerce-page article.glass-box {
  padding: clamp(20px, 4vw, 46px);
  border-radius: 24px;
}

.kinbora_commerce form .form-row input.input-text, .kinbora_commerce form .form-row textarea, .kinbora_commerce form .form-row select, .kinbora_commerce .select2-container .select2-selection {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
}

.kinbora_commerce form .form-row textarea { min-height: 120px; padding: 12px; }
.kinbora_commerce #payment, .kinbora_commerce-checkout-review-order, .kinbora_commerce-MyAccount-navigation, .kinbora_commerce-MyAccount-content {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.kinbora_commerce #payment { overflow: hidden; }
.kinbora_commerce #payment #place_order, .kinbora_commerce a.button, .kinbora_commerce button.button, .kinbora_commerce input.button {
  border-radius: 12px;
  background: var(--green);
  color: #fff;
  font-weight: 800;
}


.kinbora_commerce-account .kinbora_commerce { display: grid; grid-template-columns: minmax(210px, 260px) minmax(0, 1fr); gap: 24px; }
.kinbora_commerce-account .kinbora_commerce-MyAccount-navigation { padding: 14px; }
.kinbora_commerce-account .kinbora_commerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.kinbora_commerce-account .kinbora_commerce-MyAccount-navigation a { display: block; padding: 12px 14px; border-radius: 10px; font-weight: 700; }
.kinbora_commerce-account .kinbora_commerce-MyAccount-navigation .is-active a { background: #eef7f2; color: var(--green); }
.kinbora_commerce-account .kinbora_commerce-MyAccount-content { min-width: 0; padding: clamp(18px, 3vw, 32px); }

body.dark-mode .kinbora_commerce #payment, body.dark-mode .kinbora_commerce-checkout-review-order, body.dark-mode .kinbora_commerce-MyAccount-navigation, body.dark-mode .kinbora_commerce-MyAccount-content { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); }

@media (min-width: 901px) and (max-width: 1100px) {
  header.glass-box { flex-wrap: wrap !important; gap: 12px !important; padding: 14px 20px !important; }
  .logo { order: 1; }
  .right-nav { order: 2; margin-left: auto; }
  .desktop-main-nav { order: 3; }
  .search-wrapper { order: 4; flex: 1 0 100% !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .search-container { width: 100% !important; min-width: 0 !important; }
  .search-input { min-width: 160px !important; }
}

@media (max-width: 900px) {
  #accountDropdown.mobile-open { display: block !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; transform: none !important; }
  #accountDropdown.mobile-open #accountDropdownPanel { inset: auto 0 0 !important; max-width: 100vw !important; transform: translate3d(0,0,0) !important; }
  .product::before, .price::after { display: none !important; content: none !important; }
  .kinbora_commerce-page .wrap, .kinbora_commerce-page main.wrap { width: min(100% - 20px, 1180px); margin-block: 18px 96px; }
  .kinbora_commerce-account .kinbora_commerce { grid-template-columns: 1fr; }
  .kinbora_commerce-account .kinbora_commerce-MyAccount-navigation ul { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
  .kinbora_commerce-account .kinbora_commerce-MyAccount-navigation li { flex: 0 0 auto; }
}

@media (max-width: 600px) {
  .search-container { height: 48px !important; }
  .search-input { font-size: 16px !important; }
  .cam-btn { flex: 0 0 34px; }
  .kinbora_commerce-page article.glass-box { padding: 16px; border-radius: 18px; }
  .kinbora_commerce-checkout .col2-set .col-1, .kinbora_commerce-checkout .col2-set .col-2 { float: none; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* ==========================================
   UNIFIED KINBORA ACCOUNT EXPERIENCE
   Matches the supplied Sign In / Sign Up design.
   ========================================== */
.kinbora-auth-wrapper {
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.42);
  font-family: 'Inter', sans-serif;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.kinbora-auth-wrapper.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.kinbora-modal {
  --kb-auth-surface: #fff;
  --kb-auth-text: #111827;
  --kb-auth-heading: #064e3b;
  --kb-auth-muted: #4b5563;
  --kb-auth-soft-text: #6b7280;
  --kb-auth-icon: #9ca3af;
  --kb-auth-border: #d1d5db;
  --kb-auth-divider: #e5e7eb;
  --kb-auth-tab-line: #f3f4f6;
  --kb-auth-hover: #f9fafb;
  --kb-auth-close: rgba(255,255,255,0.8);
  --kb-auth-heading-reference: #073f31;
  --kb-auth-intro: #1f2937;
  --kb-auth-tab-line-reference: #ecefed;
  position: relative;
  width: min(450px, 100%);
  max-height: calc(100dvh - 40px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 40px 30px;
  border-radius: 24px;
  background: var(--kb-auth-surface);
  color: var(--kb-auth-text);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
  transform: translateY(16px) scale(0.98);
  transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.2, 1.1);
}
.kinbora-auth-wrapper.open .kinbora-modal { transform: translateY(0) scale(1); }
.kinbora-modal::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #fff3e0;
}
.kinbora-modal::after {
  content: '';
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 120px;
  height: 120px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23e0f2f1' d='M30 100C30 70 10 50 0 30c30 0 50 20 70 70Z'/%3E%3Cpath fill='%23b2dfdb' d='M100 100c0-40-30-60-50-90 30 10 40 40 50 90Z'/%3E%3C/svg%3E") no-repeat bottom right / contain;
  pointer-events: none;
}
.kb-dots {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 40px;
  height: 40px;
  z-index: 0;
  opacity: 0.8;
  background: radial-gradient(#ff6b00 15%, transparent 16%), radial-gradient(#064e3b 15%, transparent 16%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 6px;
}
.kinbora-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 10;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: var(--kb-auth-close);
  color: var(--kb-auth-soft-text);
  font-size: 18px;
  cursor: pointer;
  transition: 0.25s ease;
}
.kinbora-close:hover { background: #fff3e0; color: #ff6b00; transform: rotate(90deg); }
.kinbora-content { position: relative; z-index: 1; }
.kinbora-header { margin-bottom: 25px; text-align: center; }
.kinbora-logo { width: 60px; height: 60px; object-fit: contain; margin-bottom: 15px; }
.kinbora-header h2 { margin: 0 0 8px; color: var(--kb-auth-heading); font-size: 24px; font-weight: 700; }
.kinbora-header p { margin: 0; color: var(--kb-auth-muted); font-size: 14px; }
.kinbora-header p span { color: #ff6b00; font-weight: 600; }
.kinbora-tabs { display: flex; margin-bottom: 25px; border-bottom: 2px solid var(--kb-auth-tab-line); }
.kinbora-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: -2px;
  padding: 12px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--kb-auth-soft-text);
  font: 500 15px 'Inter', sans-serif;
  cursor: pointer;
  transition: 0.3s;
}
.kinbora-tab.active { color: #ff6b00; border-bottom-color: #ff6b00; }
.kinbora-tab svg { width: 18px; height: 18px; stroke-linecap: round; stroke-linejoin: round; }
.kinbora-auth-form[hidden] { display: none !important; }
.kinbora-form-group { margin-bottom: 18px; }
.kinbora-form-group label { display: block; margin-bottom: 6px; color: var(--kb-auth-text); font-size: 13px; font-weight: 600; }
.kinbora-input-wrapper { position: relative; display: flex; align-items: center; }
.kinbora-input-wrapper .left-icon {
  position: absolute;
  left: 14px;
  z-index: 1;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: var(--kb-auth-icon);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.kinbora-input-wrapper input {
  width: 100%;
  padding: 12px 42px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: 0;
  background: var(--kb-auth-surface);
  color: var(--kb-auth-text);
  font: 400 14px 'Inter', sans-serif;
  transition: border-color 0.25s, box-shadow 0.25s;
}
.kinbora-input-wrapper input:focus { border-color: #ff6b00; box-shadow: 0 0 0 3px rgba(255,107,0,0.1); }
.kinbora-input-wrapper .eye-icon {
  position: absolute;
  right: 8px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--kb-auth-icon);
  cursor: pointer;
}
.kinbora-input-wrapper .eye-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.kinbora-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; font-size: 13px; }
.kinbora-checkbox { display: flex; align-items: flex-start; gap: 8px; color: var(--kb-auth-text); cursor: pointer; }
.kinbora-checkbox input { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; accent-color: #064e3b; cursor: pointer; }
.kinbora-forgot, .terms-text a { color: #ff6b00; font-weight: 500; text-decoration: none; }
.kinbora-inline-link { padding: 0; border: 0; background: transparent; color: #ff6b00; font: inherit; font-weight: 500; text-decoration: none; cursor: pointer; }
.kinbora-inline-link:hover, .kinbora-inline-link:focus-visible { text-decoration: underline; }
.kinbora-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.kinbora-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px;
  border: 0;
  border-radius: 8px;
  background: #064e3b;
  color: #fff;
  font: 600 16px 'Inter', sans-serif;
  cursor: pointer;
  transition: 0.3s;
}
.kinbora-btn:hover { background: #04382a; transform: translateY(-1px); }
.kinbora-btn:disabled { opacity: 0.65; cursor: wait; transform: none; }
.kinbora-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kinbora-divider { display: flex; align-items: center; gap: 10px; margin: 20px 0; color: var(--kb-auth-soft-text); font-size: 13px; text-align: center; }
.kinbora-divider::before, .kinbora-divider::after { content: ''; flex: 1; border-bottom: 1px solid var(--kb-auth-divider); }
.kinbora-social-login { display: flex; gap: 15px; margin-bottom: 25px; }
.kinbora-social-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: var(--kb-auth-surface);
  color: var(--kb-auth-text);
  font: 500 14px 'Inter', sans-serif;
  cursor: pointer;
  transition: 0.3s;
}
.kinbora-social-btn:hover { background: var(--kb-auth-hover); }
.kinbora-social-btn svg { width: 20px; height: 20px; }
.kinbora-footer { color: var(--kb-auth-muted); font-size: 14px; text-align: center; }
.kinbora-footer a { color: #ff6b00; font-weight: 600; text-decoration: none; }
.kinbora-auth-error { display: none; margin: -8px 0 14px; color: #c62828; font-size: 12px; text-align: left; }
.kinbora-terms-row { align-items: flex-start; }
.terms-text { font-size: 12px; line-height: 1.45; }

/* Signed-in dropdown state */
.mobile-account-close { display: none; }
.acc-user-card { display: flex; align-items: center; gap: 12px; padding: 4px 4px 18px; border-bottom: 1px solid var(--line); }
.acc-user-avatar { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid #ffd5b8; border-radius: 50%; background: #064e3b; color: #fff; font-size: 18px; font-weight: 800; }
.acc-user-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: 3px; }
.acc-user-copy strong { overflow: hidden; color: var(--ink); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.acc-user-copy span { overflow: hidden; color: #68736c; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.acc-signed-badge { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: #eef7f2; color: #176b50; font-size: 10px; font-weight: 800; }
.acc-menu-item:is(button) { width: 100%; border: 0; background: transparent; font-family: inherit; text-align: left; cursor: pointer; }
.acc-menu-icon.icon-account { background: #eef7f2; color: #176b50; border: 1px solid #d4ebe3; }
.acc-menu-icon.icon-signout { background: #fff3e8; color: #ff6600; border: 1px solid #ffe0c2; }
.acc-signout { color: #d95700 !important; }

/* Restore the search icon hidden by the legacy custom-image rule. */
.search-container .action-search-btn svg { display: block !important; width: 24px !important; height: 24px !important; }

@media (max-width: 900px) {
  body { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important; }
  header.glass-box { padding-inline: 14px !important; }
  .right-nav { gap: clamp(10px, 3vw, 16px) !important; }
  .search-wrapper { min-width: 0; }
  .search-container { width: 100%; min-width: 0; }
  .search-input { min-width: 0; }
  .search-container .cam-btn { padding-inline: 7px !important; }
  .search-container .action-search-btn { width: 42px !important; height: 42px !important; min-width: 42px; margin-left: 3px; border-radius: 12px !important; }
  .search-container .action-search-btn svg { width: 19px !important; height: 19px !important; }
  .search-suggestions-box { left: 0; right: 0; max-height: min(55vh, 380px); }
  .mobile-bottom-nav { width: 100%; max-width: 100vw; }

  /* Account button opens this shared dropdown as a mobile bottom sheet. */
  .account-dropdown.mobile-open { display: block !important; position: fixed; inset: 0; z-index: 100003; padding: 0; pointer-events: none; }
  .account-dropdown.mobile-open::after, .account-dropdown.mobile-open > .hover-trigger { display: none !important; }
  .account-dropdown.mobile-open .hover-content {
    position: fixed;
    inset: auto 0 0 0;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: min(78dvh, 620px);
    overflow-y: auto;
    padding: 28px 18px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto;
    box-shadow: 0 -16px 45px rgba(0,0,0,0.2) !important;
  }
  .account-dropdown.mobile-open .hover-content::before { display: none; }
  .mobile-account-close { position: absolute; top: 10px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f4f6f4; color: var(--ink); font-size: 24px; cursor: pointer; }
  .account-dropdown.mobile-open .acc-auth-grid { margin-top: 18px; }
  .menu-backdrop.account-menu-backdrop { z-index: 100002; }
  .privacy-overlay { padding: 12px; }
  .privacy-box { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px); }
  .full-dashboard-overlay .dash-header { gap: 10px; padding: 12px; }
  .dash-mobile-toggle { display: block; position: absolute; top: 12px; left: 12px; z-index: 15; padding: 8px 10px; border-radius: 8px; background: var(--green); }
  .dash-main { padding-top: 60px; }
}

@media (max-width: 600px) {
  .kinbora-auth-wrapper { align-items: flex-end; padding: 0; }
  .kinbora-modal { width: 100%; max-height: 92dvh; padding: 34px 20px calc(24px + env(safe-area-inset-bottom, 0px)); border-radius: 24px 24px 0 0; }
  .kinbora-header { margin-bottom: 18px; }
  .kinbora-logo { width: 52px; height: 52px; margin-bottom: 8px; }
  .kinbora-header h2 { font-size: 22px; }
  .kinbora-tabs { margin-bottom: 20px; }
  .kinbora-form-group { margin-bottom: 14px; }
  .kinbora-options { align-items: flex-start; }
  .kinbora-social-login { gap: 10px; }
  .kinbora-social-btn { padding-inline: 8px; }
  .acc-auth-grid { grid-template-columns: 1fr; }
  .acc-auth-card { gap: 8px; }
}

@media (max-width: 390px) {
  header.glass-box { gap: 10px !important; padding-inline: 10px !important; }
  .logo-img { height: 38px !important; max-width: 118px !important; }
  .right-nav { gap: 9px !important; }
  #mobileWishlistBtn svg, .lang-dropdown .flag-icon, #cartButton svg { width: 23px !important; height: 23px !important; }
  .search-container .cam-btn { padding-inline: 5px !important; }
  .kinbora-options { flex-wrap: wrap; }
}

body.dark-mode .kinbora-modal { --kb-auth-surface: var(--kb-theme-surface); --kb-auth-text: var(--kb-theme-text); --kb-auth-heading: #9fe0b9; --kb-auth-muted: var(--kb-theme-text-muted); --kb-auth-soft-text: var(--kb-theme-text-muted); --kb-auth-icon: var(--kb-theme-text-muted); --kb-auth-border: var(--kb-theme-border); --kb-auth-divider: var(--kb-theme-border); --kb-auth-tab-line: var(--kb-theme-border); --kb-auth-hover: var(--kb-theme-surface-soft); --kb-auth-close: rgba(255,255,255,.08); --kb-auth-heading-reference: #9fe0b9; --kb-auth-intro: var(--kb-theme-text-muted); --kb-auth-tab-line-reference: var(--kb-theme-border); background: var(--kb-auth-surface) !important; color: var(--kb-auth-text) !important; }
body.dark-mode .account-dropdown.mobile-open .hover-content { background: var(--kb-theme-surface) !important; }
body.dark-mode .acc-user-copy strong { color: var(--kb-theme-text); }

/* Live Search Suggestions Dropdown — semantic currentColor/theme-token styling. */
.search-suggestions-box {
  position: absolute; top: 100%; left: 15px; right: 15px; margin-top: 10px;
  background: #fff; border-radius: 16px; border: 1px solid var(--line);
  box-shadow: var(--shadow-aero); z-index: 100; max-height: 400px; overflow-y: auto;
  display: flex; flex-direction: column; opacity: 0; transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.search-suggestions-box.show { opacity: 1; transform: translateY(0); display: flex !important; }
.suggestion-item {
  display: flex; align-items: center; gap: 15px; padding: 12px 20px; cursor: pointer;
  border-bottom: 1px solid var(--line); transition: background 0.3s;
}
.suggestion-item:last-child { border-bottom: none; }
.suggestion-item:hover { background: #f4f8f6; }
body.dark-mode .search-suggestions-box {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .suggestion-item { color: var(--kb-theme-text) !important; border-bottom-color: var(--kb-theme-border) !important; }
body.dark-mode .suggestion-item:hover,
body.dark-mode .suggestion-item:focus-visible { background: var(--kb-theme-surface-soft) !important; }
.suggestion-img { width: 40px; height: 40px; background: rgba(0,0,0,0.03); border-radius: 8px; display: grid; place-items: center; font-size: 20px; flex-shrink: 0; }
.suggestion-info { flex: 1; }
.suggestion-title { font-size: 14px; font-weight: 700; color: var(--ink); margin: 0 0 4px 0; }
.suggestion-price { font-size: 13px; font-weight: 800; color: var(--temu-orange); }


main { padding: 20px 24px; max-width: 1200px; margin: 0 auto; position: relative; z-index: 10; }

.hero { display: flex; justify-content: space-between; align-items: center; padding: 40px; border-radius: 16px; margin-bottom: 40px; transition: 0.3s; }
.hero:hover { box-shadow: var(--glow-mix); transform: translateY(-3px); }
.hero h1 { font-size: 42px; margin: 10px 0; font-weight: 800; }
.hero h1 em { color: var(--green); font-style: normal; }
.eyebrow { color: var(--green); font-weight: 700; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.hero-copy { color: #526159; margin-bottom: 20px; font-size: 16px; }

.primary { display: inline-block; background: var(--green); color: #fff; padding: 12px 24px; border-radius: 8px; font-weight: 700; transition: 0.3s; cursor: pointer; border: none; font-family: 'Inter', sans-serif; }
.primary:hover { box-shadow: var(--glow-mix); transform: translateY(-3px); opacity: 1; }

.hero-card { background: #fff; padding: 24px; border-radius: 12px; text-align: center; border: 1px solid rgba(229, 232, 227, 0.8); transition: 0.3s; box-shadow: var(--shadow-aero); }
.hero-card:hover { box-shadow: var(--glow-mix); transform: translateY(-5px); border-color: var(--temu-orange); }
.hero-card strong { display: block; font-size: 48px; color: #f57c00; line-height: 1; margin: 10px 0; }
.hero-card small { font-size: 16px; }

.section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.section-head h2 { margin: 5px 0 0; font-size: 24px; }

.categories { display: flex; gap: 15px; overflow-x: auto; padding-bottom: 15px; margin-bottom: 40px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.categories::-webkit-scrollbar { display: none; }
.category { flex: 0 0 auto; padding: 15px 25px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease; border: 1px solid rgba(255, 255, 255, 0.4); scroll-snap-align: start; }
.category:hover { transform: none; border-color: rgba(255,102,0,.42); box-shadow: 0 5px 14px rgba(22,32,28,.06); }
.category .emoji { font-size: 32px; font-style: normal; overflow: hidden; }
.category .emoji .category-thumb { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; display: block; transition: transform .2s ease; }
.category:hover .category-thumb { transform: scale(1.025); }

.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.product { border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; cursor: default; border: 1px solid rgba(255,255,255,0.5); }
.product:hover { transform: none; }
.product-image { position: relative; background: rgba(0,0,0,0.02); height: 180px; display: grid; place-items: center; font-size: 64px; overflow: hidden; }
.product-image-link { width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; border-radius: inherit; color: inherit; text-decoration: none; }
.product-image-link img { transition: transform .22s ease; transform-origin: center; }
.product-image-link:hover img, .product-image-link:focus-visible img { transform: scale(1.025); }

/* SUPER UNIQUE SECTION BUTTONS */
.premium-section-btn {
    position: relative; display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 26px; background: #fff; color: var(--ink);
    border-radius: 50px; font-weight: 800; font-size: 14px; text-transform: uppercase;
    letter-spacing: 0.5px; border: 2px solid var(--line); overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 1; text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.premium-section-btn span { position: relative; z-index: 2; transition: color 0.4s ease; }
.premium-section-btn svg { width: 18px; height: 18px; transition: all 0.4s ease; color: var(--temu-orange); position: relative; z-index: 2; }
.premium-section-btn::before {
    content: ''; position: absolute; top: 0; left: -10px; width: 0%; height: 100%;
    background: linear-gradient(90deg, var(--temu-orange), #ff4b2b);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 0;
    border-radius: 50px; transform: skewX(-15deg);
}
.premium-section-btn:hover { border-color: transparent; box-shadow: 0 8px 25px rgba(255,102,0,0.3); transform: translateY(-3px); }
.premium-section-btn:hover::before { width: 120%; }
.premium-section-btn:hover span, .premium-section-btn:hover svg { color: #fff; }
.premium-section-btn:hover svg { transform: translateX(5px); }

/* SUPER UNIQUE FILTER DROPDOWNS */
.premium-select-wrapper {
    position: relative; display: inline-flex; align-items: center;
    background: #fff; border-radius: 16px; border: 2px solid #e5e8e3;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: all 0.3s ease;
    overflow: hidden; min-width: 220px;
}
.premium-select-wrapper:hover { border-color: var(--green); box-shadow: 0 8px 25px rgba(23,107,80,0.15); transform: translateY(-2px); }
.premium-select-wrapper:focus-within { border-color: var(--temu-orange); box-shadow: 0 0 0 4px rgba(255,102,0,0.15); }
.premium-select-wrapper .left-icon { position: absolute; left: 16px; width: 18px; height: 18px; color: var(--green); pointer-events: none; z-index: 2; transition: 0.3s; }
.premium-select-wrapper:focus-within .left-icon { color: var(--temu-orange); }

.shop-filter-select { 
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  padding: 14px 45px 14px 45px; border: none; outline: none; background: transparent;
  font-family: 'Inter', sans-serif; font-weight: 800; font-size: 14px; color: var(--ink); cursor: pointer; width: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ff6600" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>');
  background-repeat: no-repeat; background-position: right 16px center; z-index: 1;
}

.wishlist-btn-card { position: static; width: 32px; height: 32px; flex: 0 0 32px; background: rgba(255,255,255,0.9); border: 1px solid var(--line); border-radius: 50%; font-size: 17px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.08); pointer-events: auto; }
.wishlist-btn-card:hover { transform: none; color: #ff3366; border-color: #ff3366; }
.wishlist-btn-card.active { color: #ff3366; background: #fff; box-shadow: 0 4px 15px rgba(255,51,102,0.3); border-color: transparent; }

.product-info { padding: 15px; display: flex; flex-direction: column; flex: 1; pointer-events: auto; background: #fff; z-index: 2; transition: background 0.3s; }
.product-info h3 { margin: 0 0 5px; font-size: 16px; font-weight: 600; }
.rating { color: #f57c00; font-size: 13px; font-weight: 600; margin-bottom: 15px; }
.product-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; pointer-events: auto; }
.product-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; }
.price { font-weight: 800; font-size: 18px; }
.add { background: var(--ink); color: #fff; border: 0; width: 32px; height: 32px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: background-color .2s ease, box-shadow .2s ease; display: grid; place-items: center; }
.add:hover { background: var(--green); transform: none; box-shadow: 0 0 10px rgba(23,107,80,0.5); }
/* ==========================================
    Modals & Overlays (Cart, Auth, Checkout, etc.)
    ========================================== */
.menu-backdrop { position: fixed; inset: 0; background: #0f1714a0; z-index: 19; visibility: hidden; opacity: 0; transition: .4s ease; }
.menu-backdrop.show { visibility: visible; opacity: 1; backdrop-filter: blur(3px); }

.account-panel, .signup-panel, #cart { 
  position: fixed; top: 50%; left: 50%; 
  --tx: 0px; --ty: 0px;
  transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0.01); 
  width: min(400px, 92%); max-height: 90vh; overflow-y: auto; padding: 35px 30px; 
  background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
  z-index: 99999; border-radius: 16px; box-shadow: 0 25px 50px rgba(0,0,0,0.3); 
  visibility: hidden; opacity: 0; 
  transition: all 0.5s cubic-bezier(0.2, 0.9, 0.2, 1.15); 
  box-sizing: border-box; display: flex; flex-direction: column; transform-origin: center;
}
.account-panel.open, .signup-panel.open, #cart.open { visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1); box-shadow: var(--glow-mix); }

.account-close, .signup-close, #closeCart { position: absolute; right: 18px; top: 18px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f4f6f4; color: #16201c; font-size: 24px; line-height: 1; cursor: pointer; display: grid; place-items: center; transition: all 0.3s ease; z-index: 10; }
.account-close:hover, .signup-close:hover, #closeCart:hover { background: #ff4b2b; color: #fff; transform: rotate(90deg) scale(1.1); box-shadow: 0 0 10px rgba(255,75,43,0.5); }

/* Cart Styles */
.cart-head h2 { font: 800 26px Inter, sans-serif; margin: 10px 0 15px; }
#cartItems { flex: 1; margin-bottom: 20px; }
.empty { color: #68736c; text-align: center; margin-top: 20px; margin-bottom: 30px; font-size: 15px; }
.cart-footer { border-top: 1px solid var(--line); padding-top: 20px; display: flex; flex-direction: column; gap: 15px; }
.cart-footer strong { font-size: 18px; display: flex; justify-content: space-between; }
.cart-item { display: flex; align-items: center; gap: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--line); margin-bottom: 15px; }
.cart-item-img { font-size: 32px; background: rgba(0,0,0,0.02); border-radius: 8px; width: 60px; height: 60px; display: grid; place-items: center; border: 1px solid var(--line); }
.cart-item-info { flex: 1; }
.cart-item-info h4 { margin: 0 0 5px; font-size: 14px; font-weight: 600; }
.cart-item-price { font-weight: 700; color: var(--temu-orange); }
.qty-controls { display: flex; align-items: center; gap: 10px; margin-top: 5px; }
.qty-btn { width: 28px; height: 28px; background: transparent; border: 1px solid var(--line); border-radius: 4px; cursor: pointer; font-weight: 700; transition: 0.2s; }
.qty-btn:hover { background: var(--temu-orange); color: #fff; border-color: var(--temu-orange); }

/* Account Dropdown UI */
.account-dropdown .hover-content { min-width: 380px !important; padding: 24px !important; border-radius: 20px !important; border: 1px solid rgba(229, 232, 227, 0.8) !important; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1) !important; background: #ffffff !important; }
.acc-auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.acc-auth-card { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.acc-btn-pill { width: 100%; height: 48px; border-radius: 24px; display: flex; align-items: center; justify-content: space-between; padding: 4px 6px; cursor: pointer; border: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-decoration: none !important; }
.btn-pill-signin { background: #eef7f2; border: 1px solid #d4ebe3; }
.btn-pill-signin:hover { box-shadow: 0 6px 18px rgba(23, 107, 80, 0.15); transform: translateY(-2px); }
.btn-pill-signup { background: #fff5ee; border: 1px solid #ffe3d5; }
.btn-pill-signup:hover { box-shadow: 0 6px 18px rgba(255, 102, 0, 0.15); transform: translateY(-2px); }
.acc-icon-circle { width: 38px; height: 38px; border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.08); flex-shrink: 0; }
.acc-btn-label { font-size: 15px; font-weight: 800; flex: 1; text-align: center; }
.btn-pill-signin .acc-btn-label { color: #176b50; }
.btn-pill-signup .acc-btn-label { color: #ff6600; }
.acc-arrow-tag { width: 28px; height: 38px; border-radius: 0 20px 20px 0; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 800; font-size: 14px; margin-right: -2px; }
.btn-pill-signin .acc-arrow-tag { background: #176b50; }
.btn-pill-signup .acc-arrow-tag { background: #ff6600; }
.social-btn-round { width: 46px; height: 46px; border-radius: 50%; background: #ffffff; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.06); transition: all 0.3s ease; }
.social-btn-round:hover { transform: scale(1.1); box-shadow: 0 6px 15px rgba(0,0,0,0.12); }
.social-btn-round img, .social-btn-round svg { width: 22px; height: 22px; }
.acc-menu-list { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.acc-menu-item { display: flex; align-items: center; gap: 16px; padding: 8px 12px; border-radius: 12px; text-decoration: none !important; color: var(--ink); font-size: 15px; font-weight: 800; transition: all 0.2s ease; }
.acc-menu-item:hover { background: #f8faf8; transform: translateX(4px); }
.acc-menu-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.acc-menu-icon.icon-orders { background: #eef7f2; color: #176b50; border: 1px solid #d4ebe3; }
.acc-menu-icon.icon-wishlist { background: #ffebee; color: #ff3366; border: 1px solid #ffd5dc; }
.acc-menu-icon svg { width: 22px; height: 22px; }

/* Modern Auth Modals */
.modern-auth { padding: 35px 30px !important; border-radius: 24px !important; text-align: center; }
.auth-header { margin-bottom: 25px; }
.auth-logo { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 15px; }
.auth-illustration { width: 120px; height: 120px; margin: 0 auto 15px; display: block; }
.modern-auth h2 { font-size: 26px; font-weight: 800; color: var(--ink); margin: 0 0 8px; }
.modern-auth p { font-size: 14px; color: #68736c; margin: 0 0 20px; }
.input-group { position: relative; margin-bottom: 15px; text-align: left; }
.input-group input { width: 100%; padding: 16px; border-radius: 16px; border: 1px solid var(--line); background: #f9faf9; font-size: 15px; font-family: 'Inter', sans-serif; box-sizing: border-box; outline: none; transition: 0.3s; }
.input-group input:focus { border-color: var(--green); background: #fff; box-shadow: 0 4px 15px rgba(23,107,80,0.1); }
.error-text { color: #ff3333; font-size: 12px; font-weight: 600; margin-top: 5px; display: none; padding-left: 5px; }
.forgot-link { display: block; text-align: right; color: var(--green); font-size: 13px; font-weight: 600; margin-bottom: 20px; }
.forgot-link:hover { color: var(--temu-orange); }
.auth-btn { width: 100%; padding: 16px; border-radius: 16px; border: none; background: var(--green); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.auth-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(23,107,80,0.3); }
.auth-divider { display: flex; align-items: center; text-align: center; margin: 25px 0; color: #a5b0aa; font-size: 13px; font-weight: 600; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; border-bottom: 1px solid var(--line); }
.auth-divider span { padding: 0 10px; }
.auth-socials { display: flex; gap: 15px; }
.auth-social-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.auth-social-btn svg { width: 26px; height: 26px; }
.auth-social-btn:hover { background: #f9faf9; border-color: var(--temu-orange); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255,102,0,0.15); }

/* Premium Auth Modals (Matched) */
.auth-modal-new { padding: 0 !important; border-radius: 30px !important; background: #fff; overflow: hidden; position: relative; width: min(420px, 92%) !important; border: 1px solid rgba(229, 232, 227, 0.8); }
.auth-modal-inner { padding: 40px 35px; position: relative; z-index: 2; }
.auth-modal-new::before { content: ''; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255,102,0,0.06) 0%, transparent 70%); border-radius: 50%; z-index: 0; }
.auth-modal-new::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(23,107,80,0.06) 0%, transparent 70%); border-radius: 50%; z-index: 0; }
.auth-dots-bg { position: absolute; top: 25px; left: 25px; display: grid; grid-template-columns: repeat(3, 6px); gap: 6px; z-index: 0; opacity: 0.8; }
.auth-dots-bg span { width: 6px; height: 6px; border-radius: 50%; background: var(--temu-orange); }
.auth-dots-bg span:nth-child(even) { background: var(--green); }
.auth-hdr { text-align: center; margin-bottom: 25px; }
.auth-hdr img { height: 65px; margin-bottom: 12px; }
.auth-hdr h2 { font-size: 26px; font-weight: 800; color: var(--ink); margin: 0 0 6px; letter-spacing: -0.5px; }
.auth-hdr p { font-size: 14px; color: #68736c; font-weight: 500; margin: 0; }
.auth-hdr p span { color: var(--temu-orange); font-weight: 700; }
.auth-input-wrap { margin-bottom: 18px; text-align: left; }
.auth-input-wrap label { display: block; font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.auth-input-box { position: relative; display: flex; align-items: center; }
.auth-input-box svg.left-icon { position: absolute; left: 15px; width: 18px; height: 18px; color: #a5b0aa; }
.auth-input-box input { width: 100%; padding: 14px 15px 14px 45px; border: 1px solid var(--line); border-radius: 12px; font-size: 14px; font-weight: 500; font-family: 'Inter', sans-serif; outline: none; background: #fff; transition: 0.3s; color: var(--ink); }
.auth-input-box input::placeholder { color: #a5b0aa; font-weight: 400; }
.auth-input-box input:focus { border-color: var(--temu-orange); box-shadow: 0 0 0 3px rgba(255,102,0,0.08); }
.auth-input-box svg.right-icon { position: absolute; right: 15px; width: 18px; height: 18px; color: #a5b0aa; cursor: pointer; transition: 0.2s; }
.auth-input-box svg.right-icon:hover { color: var(--ink); }
.auth-options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; font-size: 13px; font-weight: 600; }
.auth-options label { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink); margin: 0; }
.auth-options input[type="checkbox"] { accent-color: var(--green); width: 16px; height: 16px; cursor: pointer; border-radius: 4px; }
.auth-options a { color: var(--temu-orange); text-decoration: none; }
.auth-options a:hover { text-decoration: underline; }
.auth-btn-main { width: 100%; background: var(--green); color: #fff; padding: 15px; border-radius: 12px; border: none; font-size: 16px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: 0.3s; box-shadow: 0 4px 15px rgba(23,107,80,0.2); }
.auth-btn-main:hover { background: #12543e; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(23,107,80,0.3); }
.auth-divider-line { display: flex; align-items: center; text-align: center; margin: 25px 0; color: #68736c; font-size: 13px; font-weight: 500; }
.auth-divider-line::before, .auth-divider-line::after { content: ''; flex: 1; border-bottom: 1px solid var(--line); }
.auth-divider-line span { padding: 0 12px; }
.auth-social-row { display: flex; gap: 15px; }
.auth-soc-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); background: #fff; font-size: 14px; font-weight: 700; color: var(--ink); cursor: pointer; transition: 0.3s; }
.auth-soc-btn svg { width: 22px; height: 22px; }
.auth-soc-btn:hover { border-color: var(--line); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.06); background: #fdfdfd; }
.auth-btm-text { text-align: center; font-size: 14px; font-weight: 500; color: var(--ink); margin-top: 25px; }
.auth-btm-text span { color: var(--temu-orange); font-weight: 700; cursor: pointer; transition: 0.2s; }
.auth-btm-text span:hover { text-decoration: underline; }

/* Product Modal */
/* Legacy pre-Kinbora Commerce product modal presentation removed in v1.4.102. */

/* Checkout Overlay */
.checkout-overlay { position: fixed; inset: 0; background: rgba(15, 23, 20, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.checkout-overlay.open { opacity: 1; visibility: visible; }
.checkout-container { background: #fff; width: 100%; max-width: 1100px; border-radius: 20px; box-shadow: var(--shadow-aero); display: grid; grid-template-columns: 1.3fr 1fr; overflow: hidden; position: relative; margin: auto; transform: translateY(30px) scale(0.95); transition: all 0.5s cubic-bezier(0.2, 0.9, 0.2, 1.15); }
.checkout-overlay.open .checkout-container { transform: translateY(0) scale(1); }
.chk-close { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border: none; background: #f4f6f4; border-radius: 50%; font-size: 20px; font-weight: bold; cursor: pointer; z-index: 20; color: var(--ink); transition: 0.3s; display: grid; place-items: center; }
.chk-close:hover { background: #ff4b2b; color: #fff; transform: rotate(90deg) scale(1.1); box-shadow: 0 0 10px rgba(255,75,43,0.5); }
.chk-left { padding: 45px; background: #fff; display: flex; flex-direction: column; }
.chk-right { padding: 45px; background: #f9faf9; border-left: 1px solid var(--line); }
.chk-steps { display: flex; justify-content: space-between; position: relative; margin-bottom: 35px; }
.chk-steps::before { content: ''; position: absolute; top: 15px; left: 0; right: 0; height: 2px; background: var(--line); z-index: 1; }
.chk-steps::after { content: ''; position: absolute; top: 15px; left: 0; width: 0%; height: 2px; background: var(--green); z-index: 1; transition: 0.4s ease; }
.chk-steps[data-step="2"]::after { width: 100%; }
.chk-step { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; background: #fff; padding: 0 10px; }
.chk-step-num { width: 32px; height: 32px; border-radius: 50%; background: #fff; border: 2px solid var(--line); display: flex; align-items: center; justify-content: center; font-weight: 700; color: #a5b0aa; transition: 0.3s; font-size: 14px; }
.chk-step.active .chk-step-num, .chk-step.completed .chk-step-num { border-color: var(--green); background: var(--green); color: #fff; box-shadow: 0 0 15px rgba(23,107,80,0.3); }
.chk-step-label { font-size: 13px; font-weight: 700; color: #a5b0aa; text-transform: uppercase; letter-spacing: 0.5px; }
.chk-step.active .chk-step-label, .chk-step.completed .chk-step-label { color: var(--ink); }
.chk-section { display: none; animation: fadeIn 0.4s ease; flex: 1; }
.chk-section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.chk-title { font-size: 24px; font-weight: 800; color: var(--ink); margin: 0 0 20px 0; display: flex; align-items: center; gap: 10px; }
.chk-title svg { width: 24px; height: 24px; color: var(--green); }
.chk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.chk-input-wrap { display: flex; flex-direction: column; gap: 6px; }
.chk-input-wrap.full { grid-column: 1 / -1; }
.chk-label { font-size: 13px; font-weight: 700; color: var(--ink); }
.chk-input { padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; font-family: 'Inter', sans-serif; font-size: 14px; outline: none; transition: 0.3s; background: #fdfdfd; width: 100%; box-sizing: border-box; }
.chk-input:focus { border-color: var(--green); background: #fff; box-shadow: 0 0 0 3px rgba(23,107,80,0.1); }
.chk-btn { background: var(--green); color: #fff; border: none; padding: 18px 24px; border-radius: 12px; font-size: 16px; font-weight: 800; cursor: pointer; transition: 0.3s; width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 25px; box-shadow: 0 4px 15px rgba(23,107,80,0.2); }
.chk-btn:hover { background: #12543e; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(23,107,80,0.3); }
.chk-summary-items { max-height: 280px; overflow-y: auto; margin-bottom: 25px; padding-right: 5px; }
.chk-item { display: flex; gap: 15px; margin-bottom: 15px; }
.chk-item-img { width: 64px; height: 64px; background: #fff; border: 1px solid var(--line); border-radius: 12px; display: grid; place-items: center; font-size: 30px; flex-shrink: 0; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
.chk-item-qty { position: absolute; top: -8px; right: -8px; background: var(--ink); color: #fff; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.chk-item-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.chk-item-title { font-size: 14px; font-weight: 700; color: var(--ink); margin: 0 0 4px 0; }
.chk-item-price { font-size: 15px; font-weight: 800; color: var(--temu-orange); }
.chk-summary-totals { border-top: 2px dashed var(--line); padding-top: 20px; display: flex; flex-direction: column; gap: 12px; }
.chk-tot-row { display: flex; justify-content: space-between; font-size: 14px; color: #526159; font-weight: 600; }
.chk-tot-row.grand { font-size: 22px; font-weight: 800; color: var(--ink); margin-top: 10px; padding-top: 15px; border-top: 1px solid var(--line); }
.chk-tot-row.discount { color: var(--green); }
.chk-pay-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.chk-pay-opt { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: 0.2s; font-weight: 700; font-size: 14px; color: var(--ink); }
.chk-pay-opt:hover { border-color: var(--temu-orange); box-shadow: 0 4px 15px rgba(255,102,0,0.08); transform: translateY(-2px); }
.chk-pay-opt.selected { border-color: var(--temu-orange); border-width: 2px; background: #fff9f5; box-shadow: 0 4px 15px rgba(255,102,0,0.15); }
.chk-pay-opt img { height: 18px; object-fit: contain; }
.chk-trust { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.chk-trust-item { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #68736c; background: #fff; padding: 10px 14px; border-radius: 8px; border: 1px solid var(--line); box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.chk-trust-item svg { width: 18px; height: 18px; color: var(--green); }

/* Policy Modals & Overlays */
.privacy-overlay { position: fixed; inset: 0; background: rgba(15, 23, 20, 0.8); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(4px); visibility: hidden; opacity: 0; transition: all 0.4s ease; }
.privacy-overlay.open { visibility: visible; opacity: 1; }
.privacy-box { background: #fff; width: 100%; max-width: 850px; padding: 40px; border-radius: 16px; position: relative; margin: auto; box-shadow: var(--shadow-aero); text-align: left; color: var(--ink); max-height: 90vh; overflow-y: auto; --tx: 0px; --ty: 0px; transform: translate(var(--tx), var(--ty)) scale(0.01); transition: all 0.5s cubic-bezier(0.2, 0.9, 0.2, 1.15); }
.privacy-overlay.open .privacy-box { transform: translate(0, 0) scale(1); }

/* Custom Modal Scrollbar */
.privacy-box::-webkit-scrollbar, .modal-inner-scroll::-webkit-scrollbar, .about-box-inner::-webkit-scrollbar, .story-inner-scroll::-webkit-scrollbar { width: 6px; }
.privacy-box::-webkit-scrollbar-thumb, .modal-inner-scroll::-webkit-scrollbar-thumb, .about-box-inner::-webkit-scrollbar-thumb, .story-inner-scroll::-webkit-scrollbar-thumb { background: #cce1d9; border-radius: 10px; }

.privacy-close { position: absolute; top: 15px; right: 20px; font-size: 32px; background: transparent; border: 0; cursor: pointer; color: #f57c00; transition: 0.3s; z-index: 50; }
.privacy-close:hover { color: #111; transform: scale(1.1) rotate(90deg); }
.privacy-box h2 { font-size: 32px; font-weight: 800; color: var(--ink); margin: 0 0 5px; }
.privacy-box h3 { font-size: 20px; font-weight: 700; color: var(--green); margin-top: 30px; margin-bottom: 10px; }
.privacy-box p, .privacy-box li { font-size: 15px; color: #33403a; line-height: 1.7; margin-bottom: 15px; }
.privacy-box ul { padding-left: 20px; }

/* Dashboard UI */
.full-dashboard-overlay { position: fixed; inset: 0; background: #fdfdfd; z-index: 1000000; display: none; flex-direction: column; overflow: hidden; opacity: 0; transition: opacity 0.4s ease; }
.full-dashboard-overlay.show { display: flex; opacity: 1; }
.dash-header { background: var(--ink); color: #fff; padding: 15px 24px; display: flex; justify-content: space-between; align-items: center; box-shadow: var(--shadow-aero); flex-shrink: 0; z-index: 10; }
.dash-header .logo { color: #fff; text-shadow: none; font-size: 22px; }
.dash-header .logo .kin { color: var(--temu-orange); }
.logo .bora { color: var(--green); }
.dash-close-btn { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff; border-radius: 8px; padding: 8px 16px; font-weight: 600; cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 6px; }
.dash-close-btn:hover { background: #ff4b2b; border-color: #ff4b2b; transform: scale(1.05); }
.dash-layout { display: flex; flex: 1; overflow: hidden; position: relative; }
.dash-sidebar { width: 280px; background: #fff; border-right: 1px solid var(--line); overflow-y: auto; display: flex; flex-direction: column; padding: 20px 0; flex-shrink: 0; z-index: 5; transition: 0.3s; }
.dash-user-card { padding: 0 20px 20px; border-bottom: 1px solid var(--line); margin-bottom: 15px; display: flex; align-items: center; gap: 15px; }
.dash-user-avatar { width: 50px; height: 50px; border-radius: 50%; background: var(--green); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 800; border: 2px solid var(--temu-orange); }
.dash-user-info h3 { margin: 0 0 4px; font-size: 16px; color: var(--ink); }
.dash-user-info p { margin: 0; font-size: 12px; color: #68736c; font-weight: 600; }
.dash-nav-item { padding: 12px 20px; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; color: #526159; cursor: pointer; border-left: 3px solid transparent; transition: 0.2s; }
.dash-nav-item svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dash-nav-item:hover { background: #f4f8f6; color: var(--temu-orange); }
.dash-nav-item.active { background: #fdf9f5; color: var(--temu-orange); border-left-color: var(--temu-orange); }
.dash-main { flex: 1; background: #f4f8f6; overflow-y: auto; padding: 30px 40px; }
.dash-section-title { font-size: 24px; font-weight: 800; color: var(--ink); margin: 0 0 25px; display: flex; align-items: center; gap: 10px; }
.dash-section-title svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dash-card { background: #fff; border-radius: 16px; border: 1px solid var(--line); padding: 25px; margin-bottom: 20px; box-shadow: var(--shadow-aero); }
.dash-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 25px; }
.dash-stat-card { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 20px; display: flex; align-items: center; gap: 15px; transition: 0.3s; cursor: default; }
.dash-stat-card:hover { transform: translateY(-3px); box-shadow: var(--glow-mix); border-color: var(--green); }
.dash-stat-icon { width: 48px; height: 48px; border-radius: 12px; background: #f4f8f6; display: grid; place-items: center; color: var(--green); }
.dash-stat-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dash-stat-info h4 { margin: 0 0 5px; font-size: 13px; color: #68736c; font-weight: 600; text-transform: uppercase; }
.dash-stat-info p { margin: 0; font-size: 22px; font-weight: 800; color: var(--ink); }
.dash-table-wrap { overflow-x: auto; background: #fff; border-radius: 12px; border: 1px solid var(--line); }
.dash-table { width: 100%; border-collapse: collapse; text-align: left; }
.dash-table th { background: #fdfdfd; padding: 15px 20px; font-size: 13px; font-weight: 700; color: #68736c; border-bottom: 2px solid var(--line); text-transform: uppercase; }
.dash-table td { padding: 15px 20px; font-size: 14px; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--line); }
.dash-badge { padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.badge-success { background: #e8f5e9; color: var(--green); }
.badge-warning { background: #fff3e0; color: var(--temu-orange); }
.dash-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dash-input-group { margin-bottom: 20px; }
.dash-input-group label { display: block; font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.dash-input-group input, .dash-input-group select { width: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line); background: #fdfdfd; font-size: 14px; outline: none; transition: 0.3s; box-sizing: border-box; }
.dash-input-group input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(23,107,80,0.1); background: #fff; }
.dash-btn { background: var(--green); color: #fff; border: none; padding: 14px 24px; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.dash-btn:hover { background: #12543e; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(23,107,80,0.3); }
.dash-btn-outline { background: transparent; color: var(--ink); border: 2px solid var(--line); }
.dash-empty-state { text-align: center; padding: 60px 20px; display: flex; flex-direction: column; align-items: center; }
.dash-empty-icon { width: 80px; height: 80px; background: #fdf9f5; color: var(--temu-orange); border-radius: 50%; display: grid; place-items: center; margin-bottom: 20px; }
.dash-empty-icon svg { width: 40px; height: 40px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dash-empty-state h3 { font-size: 20px; margin: 0 0 10px; color: var(--ink); }
.dash-empty-state p { font-size: 14px; color: #68736c; margin: 0 0 20px; max-width: 400px; line-height: 1.6; }
.dash-loader { border: 4px solid #f4f6f4; border-top: 4px solid var(--green); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 50px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.dash-mobile-toggle { display: none; background: transparent; border: none; color: #fff; cursor: pointer; padding: 5px; font-weight: 700; font-size: 14px; }

/* About Us & Story Modals */
.about-box { max-width: 900px !important; padding: 0 !important; overflow: hidden; }
.about-box-inner { padding: 40px; max-height: 85vh; overflow-y: auto; }
.ab-hero { display: flex; align-items: center; gap: 40px; margin-bottom: 40px; }
.ab-hero-text { flex: 1; }
.ab-hero-text h4 { color: var(--temu-orange); font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; font-weight: 800; }
.ab-hero-text h2 { font-size: 42px; color: var(--ink); font-weight: 800; margin: 0 0 20px; line-height: 1.1; }
.ab-hero-text p { color: #526159; font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
.ab-hero-img { flex: 1; background: linear-gradient(135deg, #f4f8f6 0%, #e5e8e3 100%); border-radius: 24px 100px 24px 24px; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--line); position: relative; overflow: hidden; }
.ab-hero-img::before { content:''; position:absolute; top:-20px; right:-20px; width:150px; height:150px; background:radial-gradient(circle, rgba(23, 107, 80, 0.1) 0%, transparent 70%); border-radius:50%; }
.ab-stats { background: var(--ink); border-radius: 16px; padding: 30px; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
.ab-stat-item { display: flex; align-items: center; gap: 15px; color: #fff; }
.ab-stat-icon { width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--temu-orange); display: flex; justify-content: center; align-items: center; color: var(--temu-orange); }
.ab-stat-icon svg { width: 24px; height: 24px; }
.ab-stat-text h4 { margin: 0 0 5px; font-size: 20px; font-weight: 800; }
.ab-stat-text p { margin: 0; font-size: 13px; color: #a5b0aa; font-weight: 600; }
.ab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.ab-mission h4 { color: var(--temu-orange); font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; font-weight: 800; }
.ab-mission h3 { font-size: 32px; color: var(--ink); font-weight: 800; margin: 0 0 20px; }
.ab-mission p { color: #526159; font-size: 15px; line-height: 1.7; margin-bottom: 20px; }
.ab-signature { font-family: 'Brush Script MT', cursive, sans-serif; font-size: 32px; color: var(--green); }
.ab-values h4 { color: var(--temu-orange); font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px; font-weight: 800; }
.ab-value-list { display: flex; flex-direction: column; gap: 20px; }
.ab-value-item { display: flex; gap: 15px; }
.ab-value-icon { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background: var(--ink); color: #fff; display: flex; justify-content: center; align-items: center; }
.ab-value-icon svg { width: 22px; height: 22px; }
.ab-value-text h5 { margin: 0 0 5px; font-size: 16px; font-weight: 800; color: var(--ink); }
.ab-value-text p { margin: 0; font-size: 14px; color: #526159; line-height: 1.5; }

.story-modal-box { max-width: 1000px !important; padding: 0 !important; background: #fdfdfd; border-radius: 20px; overflow: hidden; }
.story-inner-scroll { max-height: 85vh; overflow-y: auto; padding: 40px; }
.story-header { text-align: center; margin-bottom: 50px; }
.story-header img { height: 90px; margin-bottom: 15px; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.08)); transition: transform 0.3s ease; }
.story-header img:hover { transform: scale(1.05); }
.story-header h2 { font-size: 46px; font-weight: 800; color: var(--green); margin: 0; line-height: 1; letter-spacing: -1px; }
.story-header p { font-size: 22px; font-weight: 800; color: var(--ink); margin: 8px 0 0; }
.story-header p span { color: var(--temu-orange); }
.ab2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.ab2-card { border: 2px solid var(--line); border-radius: 16px; padding: 30px 30px 30px 45px; background: #fff; position: relative; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s ease; display: flex; flex-direction: column; }
.ab2-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: var(--green); transform: translateY(-4px); }
.ab2-badge { position: absolute; top: 20px; left: -20px; width: 40px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 22px; box-shadow: 3px 5px 15px rgba(0,0,0,0.2); }
.bg-orange { background: var(--temu-orange); }
.bg-green { background: var(--green); }
.ab2-card-title { font-size: 18px; font-weight: 800; margin: 0 0 20px 5px; text-transform: uppercase; display: flex; align-items: center; gap: 8px; letter-spacing: 0.5px; }
.text-orange { color: var(--temu-orange); }
.text-green { color: var(--green); }
.text-ink { color: var(--ink); }
.ab2-content-flex { display: flex; align-items: center; gap: 25px; flex: 1; }
.ab2-text { flex: 1; font-size: 14px; color: #526159; line-height: 1.6; }
.ab2-text p { margin: 0 0 12px 0; }
.ab2-text p:last-child { margin-bottom: 0; }
.ab2-text .highlight { color: var(--temu-orange); font-weight: 700; }
.ab2-img-wrap { width: 120px; height: 120px; flex-shrink: 0; background: #f4f8f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #e5e8e3; box-shadow: inset 0 4px 10px rgba(0,0,0,0.05); }
.ab2-img-wrap svg { width: 55px; height: 55px; }
.ab2-img-wrap img { width: 80%; height: auto; object-fit: contain; }
.ab2-icon-grid { display: flex; justify-content: space-between; gap: 10px; width: 100%; margin-top: auto; }
.ab2-icon-item { text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; }
.ab2-icon-box { width: 50px; height: 50px; margin-bottom: 12px; background: #f4f8f6; border-radius: 12px; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.ab2-card:hover .ab2-icon-box { background: #fff; box-shadow: var(--shadow-aero); transform: translateY(-3px); }
.ab2-icon-box svg { width: 26px; height: 26px; }
.icon-color-green svg { color: var(--green); fill: none; stroke-width: 2; }
.icon-color-orange svg { color: var(--temu-orange); fill: none; stroke-width: 2; }
.ab2-icon-item span { font-size: 11px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.start-shop-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--green); color: #fff; padding: 12px 24px; border-radius: 8px; font-weight: 800; font-size: 14px; border: none; cursor: pointer; transition: 0.3s; margin-top: 15px; }
.start-shop-btn:hover { background: var(--temu-orange); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255,102,0,0.3); }
.ab2-footer { background: var(--green); border-radius: 16px; padding: 25px 30px; display: flex; justify-content: space-between; margin-top: 40px; color: #fff; align-items: center; flex-wrap: wrap; gap: 20px; }
.ab2-feature { display: flex; align-items: center; gap: 15px; }
.ab2-feature-icon { width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--temu-orange); }
.ab2-feature-icon svg { width: 24px; height: 24px; }
.ab2-feature-text h5 { margin: 0 0 4px; font-size: 15px; font-weight: 800; }
.ab2-feature-text p { margin: 0; font-size: 12px; opacity: 0.8; font-weight: 500; }

/* ==============================================================
   EXACT DESKTOP & LAPTOP BASE (LARGE BOX, TINY CONTENT, WIDE SPREAD)
   ============================================================== */
@media (min-width: 1024px) {
    #contactUsOverlay .privacy-box {
        width: 1080px !important; /* Larger Box */
        height: 98vh !important; /* Utilize almost full screen height */
        max-height: 1050px !important;
        max-width: 95vw !important;
        overflow: hidden !important; /* Strictly no scrollbar */
        padding: 0 !important;
        border-radius: 24px !important;
        background: var(--kb-theme-overlay-surface) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid var(--kb-theme-overlay-border) !important;
        position: relative;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    #contactUsOverlay .modal-inner-scroll {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 30px 40px !important; /* Spaced out padding */
        overflow: hidden !important; /* No scroll inside */
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    .hc-premium-view { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: space-between !important; /* Push elements far apart vertically */
        height: 100% !important;
        gap: 15px !important;
    }

    #contactUsOverlay .privacy-close {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 1000 !important;
        background: #ffffff !important;
        border: 1px solid #E5E8E3 !important;
        border-radius: 50% !important;
        width: 38px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #16201C !important;
        font-size: 20px !important;
        transition: 0.3s ease !important;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0,0,0,0.06) !important;
    }

    #contactUsOverlay .privacy-close:hover {
        background: #FF6A00 !important;
        border-color: #FF6A00 !important;
        color: #fff !important;
        transform: rotate(90deg) scale(1.1) !important;
    }

    /* 1. Hero Banner: Wide Spread, Tiny Content */
    .hc-hero-banner { 
        background: #FFF7F2 !important; 
        border-radius: 20px !important; 
        padding: 24px 32px !important; 
        display: flex !important; 
        align-items: center !important; 
        justify-content: space-between !important; /* Pushes left and right apart */
        gap: 0 !important; 
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .hc-hero-left {
        flex: 0 0 240px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hp-illustration { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; }
    .hp-svg { height: 130px !important; width: auto !important; filter: drop-shadow(0 15px 25px rgba(255, 106, 0, 0.15)) !important; }

    /* The tricky part: Splitting the text and the badge */
    .hc-hero-right { 
        flex: 1 !important; 
        display: flex !important;
        flex-direction: row !important; /* Put text and badge in one row */
        justify-content: space-between !important; /* Push text to left, badge to far right */
        align-items: center !important;
        padding-left: 20px !important;
    }

    
    .hc-hero-text-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .hc-small-icon { margin-bottom: 0; display: flex; align-items: center; justify-content: flex-start; }
    .hc-small-icon svg { width: 24px !important; height: 24px !important; stroke: #FF6A00 !important; stroke-width: 2.5 !important; fill: none !important; }
    
    .hc-hero-right h2 { font-size: 36px !important; font-weight: 800 !important; color: #00553F !important; margin: 0 !important; letter-spacing: -1px !important; line-height: 1.1 !important; }
    .hc-hero-right h2 span { color: #FF6A00 !important; }
    .hc-hero-right p { font-size: 15px !important; font-weight: 500 !important; color: #4B5563 !important; margin: 0 !important; }

    /* The Badge: Pushed to the far right */
    .hc-hero-badge { 
        display: flex !important; 
        align-items: center !important; 
        gap: 12px !important; 
        background: #fff !important; 
        padding: 16px 20px !important; 
        border-radius: 12px !important; 
        border: 1px solid var(--line) !important; 
        box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
        min-width: fit-content;
    }
    .hc-hero-badge .badge-icon { width: 38px !important; height: 38px !important; background: #00553F !important; color: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
    .hc-hero-badge .badge-icon svg { width: 16px !important; height: 16px !important; stroke-width: 3 !important; }
    .hc-hero-badge .badge-text { display: flex !important; flex-direction: column !important; text-align: left !important; }
    .hc-hero-badge .badge-text strong { color: #00553F !important; font-size: 14px !important; font-weight: 800 !important; margin-bottom: 2px !important; }
    .hc-hero-badge .badge-text span { color: #6B7280 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important; }

    /* 2. Social Section (Tiny & Compact) */
    .hc-social-box { background: #F9FAFB !important; border-radius: 16px !important; padding: 16px 24px !important; text-align: center !important; border: none !important; margin: 0 !important; }
    .hc-section-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; font-size: 14px !important; font-weight: 800 !important; color: #111827 !important; margin-bottom: 16px !important; }
    .hc-section-title .dash { width: 12px !important; height: 3px !important; border-radius: 2px !important; }
    .hc-section-title .dash.green { background: #00553F !important; }
    .hc-section-title .dash.orange { background: #FF6A00 !important; }
    .hc-social-pills { display: flex !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important; }
    .hc-social-pill { background: #fff !important; padding: 8px 20px !important; border-radius: 30px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 700 !important; color: #111827 !important; font-size: 13px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important; border: 1px solid #F3F4F6 !important; text-decoration: none !important; transition: 0.3s !important; }
    .hc-social-pill svg { width: 18px !important; height: 18px !important; }
    .hc-social-pill:hover { transform: translateY(-2px) !important; border-color: #E5E7EB !important; box-shadow: 0 6px 12px rgba(0,0,0,0.08) !important; }

    /* 3. FAQ Grid (Tiny Content) */
    .hc-faq-box { margin: 0 !important; padding: 0 !important; }
    .hc-faq-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; width: 100% !important; }
    .hc-faq-card { background: #fff !important; border: 1px solid #F3F4F6 !important; border-radius: 16px !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; gap: 12px !important; cursor: pointer !important; transition: 0.3s !important; box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important; margin: 0 !important; }
    .hc-faq-card:hover { border-color: #E5E7EB !important; box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important; transform: translateY(-2px) !important; }
    .hc-card-icon { width: 38px !important; height: 38px !important; background: #F0FDF4 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
    .hc-card-icon svg { width: 18px !important; height: 18px !important; stroke: #00553F !important; fill: none !important; }
    .hc-card-icon.orange-bg { background: #FFF7ED !important; }
    .hc-card-icon.orange-bg svg { stroke: #FF6A00 !important; }
    .hc-card-text { text-align: left !important; }
    .hc-card-text h4 { margin: 0 0 3px 0 !important; font-size: 13px !important; font-weight: 800 !important; color: #111827 !important; }
    .hc-card-text p { margin: 0 !important; font-size: 11px !important; color: #6B7280 !important; font-weight: 500 !important; line-height: 1.3 !important; }

    /* 4. Bottom CTA (Tiny Content) */
    .hc-new-cta { background: #FFF7F2 !important; border-radius: 16px !important; padding: 18px 28px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 !important; border: none !important; }
    .cta-left { display: flex !important; align-items: center !important; gap: 16px !important; }
    .cta-icon { width: 44px !important; height: 44px !important; background: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #FF6A00 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; flex-shrink: 0 !important; border: none !important; }
    .cta-icon svg { width: 20px !important; height: 20px !important; stroke-width: 2.5 !important; stroke: currentColor !important; fill: none !important; }
    .cta-text h4 { margin: 0 0 3px 0 !important; font-size: 14px !important; font-weight: 800 !important; color: #111827 !important; }
    .cta-text p { margin: 0 !important; font-size: 12px !important; color: #6B7280 !important; font-weight: 500 !important; }

    /* CTA Button Exact Match */
    .cta-btn { 
        background: #00553F !important; 
        color: #fff !important; 
        border: none !important; 
        padding: 6px 20px 6px 6px !important; 
        border-radius: 50px !important; 
        font-size: 14px !important; 
        font-weight: 800 !important; 
        display: inline-flex !important; 
        align-items: center !important; 
        gap: 10px !important; 
        cursor: pointer !important; 
        box-shadow: 0 6px 15px rgba(0, 85, 63, 0.25) !important; 
        transition: 0.3s !important;
    }
    .cta-btn:hover { background: #003F2E !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0, 85, 63, 0.35) !important; }
    .cta-btn span { 
        display: flex !important;
        background: #FF6A00 !important; 
        width: 32px !important; 
        height: 32px !important; 
        border-radius: 50% !important; 
        align-items: center !important; 
        justify-content: center !important; 
        flex-shrink: 0 !important;
    }
    .cta-btn span svg { width: 16px !important; height: 16px !important; fill: none !important; stroke: #fff !important; }
}

/* 2. Social Section */
.hc-social-box { background: #F9FAFB; border-radius: 12px; padding: 12px 20px !important; text-align: center; border: none; margin: 0 !important; }
.hc-section-title { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; font-weight: 800; color: #111827; margin-bottom: 12px; }
.hc-section-title .dash { width: 10px; height: 2px; border-radius: 2px; }
.hc-section-title .dash.green { background: #00553F; }
.hc-section-title .dash.orange { background: #FF6A00; }
.hc-social-pills { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.hc-social-pill { background: #fff; padding: 6px 16px; border-radius: 30px; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #111827; font-size: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.03); border: 1px solid #F3F4F6; text-decoration: none; transition: 0.3s; }
.hc-social-pill svg { width: 16px; height: 16px; }
.hc-social-pill:hover { transform: translateY(-2px); border-color: #E5E7EB; box-shadow: 0 6px 12px rgba(0,0,0,0.08); }

/* 3. FAQ Grid */
.hc-faq-box { margin: 0 !important; padding: 0 !important; }
.hc-faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; }
.hc-faq-card { background: #fff; border: 1px solid #F3F4F6; border-radius: 12px; padding: 12px 14px !important; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.3s; box-shadow: 0 2px 4px rgba(0,0,0,0.02); margin: 0 !important; }
.hc-faq-card:hover { border-color: #E5E7EB; box-shadow: 0 6px 16px rgba(0,0,0,0.06); transform: translateY(-2px); }
.hc-card-icon { width: 36px; height: 36px; background: #F0FDF4; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hc-card-icon svg { width: 16px; height: 16px; stroke: #00553F; fill: none; }
.hc-card-icon.orange-bg { background: #FFF7ED; }
.hc-card-icon.orange-bg svg { stroke: #FF6A00; }
.hc-card-text { text-align: left; }
.hc-card-text h4 { margin: 0 0 2px 0; font-size: 12px; font-weight: 800; color: #111827; }
.hc-card-text p { margin: 0; font-size: 10px; color: #6B7280; font-weight: 500; line-height: 1.2; }

/* 4. Bottom CTA */
.hc-new-cta { background: #FFF7F2; border-radius: 12px; padding: 14px 24px !important; display: flex; justify-content: space-between; align-items: center; margin: 0 !important; border: none; }
.cta-left { display: flex; align-items: center; gap: 14px; }
.cta-icon { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FF6A00; box-shadow: 0 2px 8px rgba(0,0,0,0.06); flex-shrink: 0; border: none; }
.cta-icon svg { width: 18px; height: 18px; stroke-width: 2.5; stroke: currentColor; fill: none; }
.cta-text h4 { margin: 0 0 2px 0; font-size: 13px; font-weight: 800; color: #111827; }
.cta-text p { margin: 0; font-size: 11px; color: #6B7280; font-weight: 500; }

/* CTA Button Exact Match */
.cta-btn { 
    background: #00553F !important; 
    color: #fff !important; 
    border: none !important; 
    padding: 5px 18px 5px 5px !important; 
    border-radius: 50px !important; 
    font-size: 11px !important; 
    font-weight: 800 !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 8px !important; 
    cursor: pointer !important; 
    box-shadow: 0 6px 15px rgba(0, 85, 63, 0.25) !important; 
    transition: 0.3s !important;
}
.cta-btn:hover { background: #003F2E !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0, 85, 63, 0.35) !important; }
.cta-btn span { 
    display: flex !important;
    background: #FF6A00 !important; 
    width: 28px !important; 
    height: 28px !important; 
    border-radius: 50% !important; 
    align-items: center !important; 
    justify-content: center !important; 
    flex-shrink: 0;
}
.cta-btn span svg { width: 14px !important; height: 14px !important; fill: none !important; stroke: #fff !important; }

/* Tablet/Mobile Adjustments */
@media (max-width: 1024px) {
    #contactUsOverlay .privacy-box { width: 95vw !important; border-radius: 20px !important; }
    .hc-faq-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
    #contactUsOverlay .privacy-box { height: auto !important; max-height: 90vh !important; overflow-y: auto !important; }
    #contactUsOverlay .modal-inner-scroll { padding: 20px !important; overflow-y: auto !important; height: auto !important; }
    .hc-hero-banner { flex-direction: column; text-align: center; gap: 15px; padding: 20px !important; }
    .hc-hero-right { align-items: center; }
    .hc-hero-badge { width: 100%; box-sizing: border-box; text-align: left; }
    .hc-faq-grid { grid-template-columns: 1fr !important; }
    .hc-new-cta { flex-direction: column; text-align: center; gap: 15px; }
    .cta-left { flex-direction: column; }
}
/* Responsive Rule for Hero & Modal */
@media (max-width: 1024px) {
    #contactUsOverlay .privacy-box { width: 92vw; max-width: 92vw !important; }
    .hc-faq-grid { grid-template-columns: repeat(2, 1fr); }
    .hc-hero-banner { padding: 32px; }
}

@media (max-width: 767px) {
    #contactUsOverlay .privacy-box { width: 95vw; max-width: 95vw !important; padding: 16px !important; border-radius: 20px; }
    .hc-hero-banner { flex-direction: column; text-align: center; padding: 32px 20px 24px; gap: 24px; }
    .hp-svg { max-width: 220px; }
    .hc-hero-right { align-items: center; text-align: center; }
    .hc-hero-badge { margin: 0 auto; text-align: left; width: 100%; box-sizing: border-box; }
    .hc-social-box { padding: 24px 16px; }
    .hc-social-pills { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .hc-social-pill { justify-content: center; }
    .hc-faq-grid { grid-template-columns: 1fr; }
    .hc-new-cta { flex-direction: column; text-align: center; padding: 24px 16px; }
    .cta-left { flex-direction: column; gap: 12px; }
    .cta-btn { width: 100% !important; justify-content: center !important; }
}
.hc-faq-view { text-align: left; }
.back-to-grid { background: transparent; border: none; color: var(--green); font-weight: 700; font-size: 14px; cursor: pointer; padding: 0; display: inline-flex; align-items: center; gap: 5px; transition: 0.3s; margin-bottom: 10px; }
.back-to-grid:hover { color: var(--temu-orange); }
.faq-accordion { display: flex; flex-direction: column; gap: 10px; }
.faq-item { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; transition: 0.3s; }
.faq-item:hover { border-color: var(--green); box-shadow: 0 4px 15px rgba(23,107,80,0.05); }
.faq-question { padding: 16px 20px; font-weight: 700; color: var(--ink); font-size: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #fdfdfd; user-select: none; }
.faq-question span { font-size: 20px; color: var(--green); transition: transform 0.3s; font-weight: 400; }
.faq-answer { padding: 0 20px; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: #526159; font-size: 14px; line-height: 1.6; }
.faq-item.active .faq-answer { padding: 15px 20px; max-height: 500px; opacity: 1; border-top: 1px dashed var(--line); }
.faq-item.active .faq-question span { transform: rotate(45deg); color: var(--temu-orange); }

/* Mobile Specific Components (Hidden on Desktop) */
.mobile-menu-btn { display: none; background: transparent; border: none; padding: 5px; color: var(--ink); cursor: pointer; }
.mobile-menu-btn svg { width: 28px; height: 28px; stroke-width: 2.5; }
.search-icon-left { display: none; padding-left: 15px; color: #a5b0aa; align-items: center; }
.search-icon-left svg { width: 20px; height: 20px; }
.cam-btn-green { display: none; background: var(--green); border: none; width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 10px rgba(23,107,80,0.2); }
.cam-btn-green:hover { background: #12543e; transform: scale(1.05); }






/* Mobile Bottom Navigation Base (Hidden on Desktop) */
.mobile-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 -5px 20px rgba(0,0,0,0.05);
  z-index: 9999;
  border-top: 1px solid var(--line);
  padding: 10px 15px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  justify-content: space-around;
  align-items: center;
}
.mobile-bottom-nav button {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #a5b0aa;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mobile-bottom-nav button.active, .mobile-bottom-nav button:hover {
  color: var(--temu-orange);
}
.mobile-bottom-nav svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  transition: 0.3s;
}
.mobile-bottom-nav button:hover svg {
  transform: translateY(-2px);
  color: var(--green);
}
.online-dot { width: 8px; height: 8px; background: #25d366; border-radius: 50%; display: inline-block; box-shadow: 0 0 5px #25d366; }

/* Mobile Bottom-Sheet Style */
@media (max-width: 600px) {
    .chat-intro-box {
        max-width: 90% !important;
        margin: auto !important;
        align-self: center !important;
    }
}

/* Cookie Banner */
.cookie-banner { position: fixed; bottom: -150%; left: 25px; max-width: 420px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(229, 232, 227, 0.8); border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); padding: 24px; z-index: 100001; transition: bottom 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; color: var(--ink); }
.cookie-banner.show { bottom: 25px; opacity: 1; }
.cookie-banner h3 { margin: 0 0 12px 0; font-size: 18px; font-weight: 800; color: var(--green); display: flex; align-items: center; gap: 8px; }
.cookie-banner p { font-size: 13px; line-height: 1.5; color: #526159; margin: 0 0 12px 0; }
.cookie-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; }
.cookie-actions-row { display: flex; gap: 10px; }
.cookie-btn { padding: 12px 15px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; border: none; transition: all 0.3s; flex: 1; text-align: center; }
.cookie-accept { background: var(--temu-orange); color: #fff; box-shadow: 0 4px 15px rgba(255,102,0,0.3); }
.cookie-accept:hover { background: #e65c00; transform: translateY(-2px); }
.cookie-reject { background: #f4f6f4; color: var(--ink); border: 1px solid var(--line); }
.cookie-reject:hover { background: #e5e8e3; }
.cookie-manage { background: transparent; color: var(--green); text-decoration: underline; padding: 5px; font-weight: 600; }
.cookie-manage:hover { color: var(--temu-orange); }

/* Footer Links & Socials */
footer { background: var(--ink); color: #fff; padding: 40px 24px; display: flex; flex-direction: column; position: relative; z-index: 10; box-shadow: var(--shadow-aero); transition: background-color 0.3s; }
.footer-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
footer p { color: #a5b0aa; font-size: 14px; margin-top: 10px; }
.footer-bottom-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; gap: 20px; border-top: 1px solid #2c3631; padding-top: 25px; margin-top: 10px; }
.footer-badges { display: flex; flex-direction: column; gap: 10px; }
.footer-badges b { font-size: 14px; font-weight: 700; color: #fff; margin: 0; }
.badge-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.security-badge { height: 34px; min-width: 44px; border-radius: 5px; background: #fff; display: grid; place-items: center; font: 800 19px Inter, sans-serif; font-style: normal; padding: 0 5px; color: var(--green); border: 1px solid #dff56a; transition: 0.3s; }
.security-badge:hover { box-shadow: 0 0 10px #dff56a; transform: translateY(-2px); }
.payment-area { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.we-accept-text { font-size: 14px; font-weight: 700; color: #fff; margin: 0; }
.pay-card { height: 34px; width: 52px; background: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; padding: 4px; box-sizing: border-box; overflow: hidden; transition: 0.3s; }
.pay-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(255,255,255,0.3); }
.pay-card img { width: 100%; height: 100%; object-fit: contain; }
.footer-links { width: 100%; border-top: 1px solid #2c3631; padding-top: 20px; font-size: 13px; color: #a5b0aa; text-align: center; margin-top: 25px; }
.sep { margin: 0 8px; color: #526159; }

/* Responsive Adjustments & Overrides */
/* 1. Global fix to completely stop horizontal scrolling */
*, *::before, *::after { box-sizing: border-box !important; }
html, body { max-width: 100%; overflow-x: clip !important; }

/* v1.4.198: Removed route-level desktop zoom; all pages now use native shared geometry. */

/* 3. Sticky Header explicit fallback fix */
header.glass-box { position: sticky !important; top: 0 !important; z-index: 9998 !important; }

@media (max-width: 1000px) {
  .ab2-grid { grid-template-columns: 1fr; gap: 40px; }
  .ab2-footer { flex-direction: column; align-items: flex-start; }
}

/* ==========================================
   MOBILE & TABLET EXACT MATCH OVERRIDES (MAX 900PX)
   ========================================== */
.mobile-only-block, .mobile-only-flex, .mobile-only-grid, .mobile-header-icon { display: none; }
.mobile-region-code, .mobile-region-chevron { display: none; }

@media (max-width: 900px) {
    /* Layout Padding */
    main { padding: 15px 10px !important; }

    /* EXACT HEADER MATCH (LOGO LEFT, 4 ICONS RIGHT) */
    header.glass-box { display: flex !important; flex-wrap: wrap !important; padding: 15px 20px 10px 20px !important; justify-content: space-between !important; align-items: center !important; background: #fff !important; gap: 15px; }
    .desktop-main-nav, .support-dropdown, .account-dropdown { display: none !important; }
    
    /* Left: Enlarged Logo */
    .mobile-menu-btn { display: none !important; }
    .logo { flex: 0 0 auto !important; margin: 0 !important; order: 1; display: flex; align-items: center; justify-content: flex-start; }
    .logo-img { height: 45px !important; margin: 0 !important; transition: 0.3s; }
    
    /* Legacy mobile action row; the dedicated reference switch is independent. */
    .right-nav { order: 2; gap: 16px !important; align-items: center !important; justify-content: flex-end; flex: 0 0 auto !important; margin-left: auto; width: auto !important; }
    
    #mobileWishlistBtn { display: flex !important; order: 2; color: var(--ink); padding: 0; background: transparent; border: none; }
    #mobileWishlistBtn svg { width: 26px; height: 26px; stroke-width: 2; }
    
    .lang-dropdown { display: flex !important; order: 3; align-items: center; }
    .lang-dropdown .hover-trigger { padding: 0 !important; border: none !important; box-shadow: none !important; display: flex; align-items: center; justify-content: center; }
    .lang-dropdown .hover-trigger::after { display: none !important; } /* Hide 'PT' text on mobile to save space */
    .lang-dropdown .flag-icon { width: 26px !important; height: 26px !important; border-radius: 50% !important; object-fit: cover; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    
    #cartButton { display: flex !important; order: 4; background: transparent; padding: 0; position: relative; border: none; }
    #cartButton svg { width: 26px; height: 26px; stroke-width: 2; }
    #cartBadgeCount { top: -5px !important; right: -6px !important; background: var(--temu-orange) !important; font-size: 10px !important; padding: 2px 5px !important; border: 2px solid #fff; border-radius: 10px !important; line-height: 1; }

    /* SEARCH BAR: Full Width, Unique Layout */
    .search-wrapper { order: 3; width: 100% !important; flex: 0 0 100% !important; margin: 5px 0 0 0 !important; position: relative; }
    .search-container { height: 50px !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; background: #fdfdfd !important; padding: 4px 6px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; display: flex !important; align-items: center; justify-content: space-between; transition: 0.3s; }
    .search-container:focus-within { border-color: var(--green) !important; box-shadow: 0 4px 15px rgba(23,107,80,0.1) !important; background: #fff !important; }
    
    .search-input { flex: 1; padding: 0 5px !important; font-size: 14px !important; font-weight: 500 !important; background: transparent !important; color: var(--ink) !important; border: none !important; outline: none !important; }
    .search-input::placeholder { color: #a5b0aa !important; }

    /* Unique Mobile Search Button Styling */
    .action-search-btn { width: 42px !important; height: 42px !important; border-radius: 12px !important; margin-left: 5px; background: var(--temu-orange) !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(255,102,0,0.2) !important; }
    .action-search-btn svg { width: 18px; height: 18px; }
    
/* HERO & CONTENT BLOCKS */
    .hero { display: none !important; }
    .mobile-only-block { display: block; }
    .mobile-only-flex { display: flex; }
    .mobile-only-grid { display: grid; }

    /* Mobile Hero Banner */
    .mobile-hero-banner { width: 100%; border-radius: 16px; margin-top: 5px; overflow: hidden; position: relative; background: linear-gradient(135deg, #0f4b36 0%, #1e875e 100%); padding: 25px 20px; color: #fff; box-shadow: 0 8px 20px rgba(0,85,63,0.15); }
    .mh-subtitle { font-size: 10px; font-weight: 700; color: #a3d9c1; text-transform: uppercase; margin: 0 0 5px; letter-spacing: 1px; }
    .mh-title { font-size: 26px; font-weight: 800; margin: 0 0 10px; line-height: 1.1; }
    .mh-title span { color: var(--temu-orange); }
    .mh-desc { font-size: 11px; font-weight: 500; margin: 0 0 15px; max-width: 65%; line-height: 1.4; color: #e5f5f0; }
    .mh-btn { background: #fff; color: var(--green); border: none; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
    .mh-btn svg { width: 14px; height: 14px; stroke-width: 2; }
    .mh-badge { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: #fff; color: #000; width: 75px; height: 75px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .mh-badge span:nth-child(1) { font-size: 10px; font-weight: 800; }
    .mh-badge span:nth-child(2) { font-size: 24px; font-weight: 800; color: var(--green); line-height: 1; }
    .mh-badge span:nth-child(3) { font-size: 10px; font-weight: 800; color: #fff; background: var(--temu-orange); padding: 2px 6px; border-radius: 4px; margin-top: 2px; }

    /* Trust Features */
    .mobile-trust-features { overflow-x: auto; gap: 15px; padding: 15px 0; margin-bottom: 10px; scroll-snap-type: x mandatory; }
    .mobile-trust-features::-webkit-scrollbar { display: none; }
    .trust-item { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; scroll-snap-align: start; width: 75px; }
    .trust-icon { width: 44px; height: 44px; border-radius: 12px; background: #fff; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--green); box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
    .trust-icon.orange { color: var(--temu-orange); }
    .trust-icon svg { width: 22px; height: 22px; }
    .trust-item span { font-size: 10px; font-weight: 600; text-align: center; color: var(--ink); line-height: 1.3; }

    /* Promo Cards */
    .mobile-promo-grid { gap: 12px; margin-bottom: 25px; grid-template-columns: 1fr 1fr; }
    .promo-card { border-radius: 16px; padding: 15px; position: relative; overflow: hidden; display: flex; flex-direction: column; }
    .promo-card.large { grid-row: span 2; background: #eef7f2; }
    .promo-card.flash { background: #fff5ee; }
    .promo-card.exclusive { background: #e5f5f0; }
    .promo-card h3 { font-size: 14px; font-weight: 800; color: var(--ink); margin: 0 0 2px; display: flex; align-items: center; gap: 4px; }
    .promo-card p { font-size: 11px; font-weight: 600; color: #526159; margin: 0 0 10px; }
    .promo-card a { font-size: 11px; font-weight: 800; color: var(--ink); display: flex; align-items: center; gap: 4px; margin-top: auto; position: relative; z-index: 2; text-decoration: none; }
    .promo-card.flash a { color: var(--temu-orange); }
    .promo-timer { display: flex; gap: 4px; align-items: center; margin-bottom: 10px; }
    .pt-box { background: var(--temu-orange); color: #fff; font-size: 11px; font-weight: 800; padding: 4px; border-radius: 4px; }
    .pt-dot { font-weight: 800; color: var(--ink); }

    /* Categories Slider */
    .section-head { margin-bottom: 12px !important; align-items: center !important; }
    .section-head h2 { font-size: 18px !important; font-weight: 800 !important; margin: 0 !important; }
    .section-head .premium-section-btn { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--ink) !important; padding: 0 !important; font-size: 12px !important; font-weight: 700 !important; }
    .section-head .premium-section-btn span { color: var(--ink); }
    .section-head .premium-section-btn svg { width: 14px; height: 14px; color: var(--ink); }
    .section-head .eyebrow { display: none !important; }

    .categories { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 15px !important; gap: 10px !important; scroll-snap-type: x mandatory; }
    .category { flex: 0 0 auto !important; width: 85px !important; height: 95px !important; border-radius: 16px !important; padding: 12px 5px !important; border: 1px solid var(--line) !important; background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important; justify-content: flex-start !important; }
    .category .emoji { width: 44px !important; height: 44px !important; background: #fdfdfd !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 8px !important; border: 1px solid #f4f6f4; }
    .category .emoji .brand-svg { width: 24px !important; height: 24px !important; }
    .category .emoji .category-thumb { width: 42px !important; height: 42px !important; object-fit: cover !important; border-radius: 11px !important; }
    .category span { font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; }

    /* Products Slider */
    .filter-controls { display: none !important; }
    .products { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 20px !important; gap: 12px !important; scroll-snap-type: x mandatory; display: flex !important; }
    .product { flex: 0 0 auto !important; width: 150px !important; border-radius: 16px !important; border: 1px solid var(--line) !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; position: relative; }
    
    .product::before { content: '-20%'; position: absolute; top: 10px; left: 10px; background: #ff3333; color: #fff; font-size: 9px; font-weight: 800; padding: 2px 6px; border-radius: 4px; z-index: 10; }
    .product:nth-child(even)::before { content: '-40%'; }
    .product:nth-child(3n)::before { content: '-15%'; }

    .product-image { height: 130px !important; background: #fdfdfd !important; border-radius: 16px 16px 0 0 !important; font-size: 50px !important; }
    .wishlist-btn-card { width: 26px !important; height: 26px !important; flex-basis: 26px !important; background: transparent !important; border: none !important; box-shadow: none !important; font-size: 15px !important; padding: 0 !important; }
    .product-info { padding: 12px !important; }
    .product-info h3 { font-size: 12px !important; font-weight: 700 !important; margin-bottom: 4px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink) !important; }
    .rating { font-size: 10px !important; margin-bottom: 8px !important; display: block !important; color: var(--temu-orange) !important; }
    .product-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; }
    .price { font-size: 14px !important; font-weight: 800 !important; color: var(--ink) !important; display: flex; align-items: center; gap: 4px; }
    .price::after { content: '€16.10'; font-size: 10px; color: #a5b0aa; text-decoration: line-through; font-weight: 600; }
    .add { width: 26px !important; height: 26px !important; font-size: 16px !important; background: var(--green) !important; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; color: #fff !important; }

    /* Bottom Nav Match */
    .mobile-bottom-nav { display: flex !important; border-top-left-radius: 24px; border-top-right-radius: 24px; box-shadow: 0 -5px 25px rgba(0,0,0,0.06); border-top: none; padding: 10px 20px calc(10px + env(safe-area-inset-bottom, 0px)) !important; justify-content: space-between !important; }
    .mobile-bottom-nav button { color: var(--ink); font-weight: 800; font-size: 11px; gap: 6px; }
    .mobile-bottom-nav button.active { color: var(--green); }
    .mobile-bottom-nav button.active svg { stroke: var(--green); fill: var(--green); stroke-width: 2.5; }
    .mobile-bottom-nav svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2; }
    
    /* Overlays & Modals */
    .cookie-banner { left: 10px; right: 10px; max-width: none; bottom: -150%; }
    .cookie-banner.show { bottom: 85px; }
    .privacy-box { padding: 20px !important; width: 90% !important; }
    .account-panel, .signup-panel, #cart { padding: 25px 20px !important; width: 95% !important; }
    
    .dash-sidebar { position: absolute; left: -100%; top: 0; bottom: 0; width: 280px; max-width: 80vw; box-shadow: 5px 0 25px rgba(0,0,0,0.3); z-index: 20; }
    .dash-sidebar.open { left: 0; }
    .dash-main { padding: 20px 15px; }
    .dash-form-grid { grid-template-columns: 1fr; }
    
    .ab-hero, .ab-grid { flex-direction: column; grid-template-columns: 1fr; }
    .ab-hero-img { border-radius: 24px; padding: 30px 20px; }
    .checkout-container { grid-template-columns: 1fr; width: 95%; max-height: 90vh; }
    .chk-right { border-left: none; border-top: 5px solid #e5e8e3; order: -1; padding: 25px; }
    .chk-left { padding: 25px; }
    .chk-summary-items { max-height: 180px; }
    .chk-title { font-size: 20px; }
}

@media (max-width: 500px) {
  .chk-grid, .chk-pay-grid { grid-template-columns: 1fr; }
}

/* Dark Mode Overrides */
body.dark-mode .bg-shapes { background: color-mix(in srgb, var(--kb-theme-surface-deep) 78%, transparent); }
body.dark-mode .glass-box, body.dark-mode header, body.dark-mode .hover-content, body.dark-mode .region-select, body.dark-mode .search-container, body.dark-mode .product-card, body.dark-mode .account-panel, body.dark-mode .signup-panel, body.dark-mode #cart, body.dark-mode .privacy-box, body.dark-mode .mobile-bottom-nav {
  background: color-mix(in srgb, var(--kb-theme-surface) 85%, transparent) !important; color: var(--kb-theme-text) !important; border-color: var(--kb-theme-border) !important;
}
body.dark-mode .hover-content::before { background: color-mix(in srgb, var(--kb-theme-surface) 95%, transparent); border-color: var(--line); }
body.dark-mode .product-info, body.dark-mode .pay-card, body.dark-mode .product { background: var(--kb-theme-surface) !important; }
body.dark-mode input, body.dark-mode select, body.dark-mode textarea { background: var(--kb-theme-surface) !important; color: var(--kb-theme-text) !important; border-color: var(--kb-theme-border) !important; }
body.dark-mode .cart-item-img { background: var(--kb-theme-surface-deep) !important; }
body.dark-mode footer { background: var(--kb-theme-surface) !important; border-top: 1px solid var(--kb-theme-border); }
body.dark-mode .cookie-banner { background: var(--kb-theme-overlay-surface); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }
body.dark-mode .cookie-banner p { color: var(--kb-theme-text-muted); }
body.dark-mode .cookie-reject { background: var(--kb-theme-surface); color: var(--kb-theme-text); border-color: var(--kb-theme-border); }
body.dark-mode .cookie-reject:hover { background: var(--kb-theme-surface-soft); }
body.dark-mode .hc-hero-banner, body.dark-mode .hc-new-cta { background: linear-gradient(135deg, var(--kb-theme-surface) 0%, var(--kb-theme-surface-deep) 100%); border: 1px solid var(--kb-theme-border); }
body.dark-mode .hc-hero-badge, body.dark-mode .hc-social-pill, body.dark-mode .hc-faq-card, body.dark-mode .cta-icon { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }
body.dark-mode .hc-hero-right h2, body.dark-mode .hc-section-title, body.dark-mode .hc-card-text h4, body.dark-mode .cta-text h4 { color: var(--kb-theme-text); }

body.dark-mode .hc-card-icon { background: var(--kb-theme-surface-deep); }
body.dark-mode .hc-social-box { background: var(--kb-theme-surface-deep); border: 1px solid var(--kb-theme-border); }
@media (min-width: 1024px) {
    #contactUsOverlay .privacy-box {
        width: 1080px !important;
        height: 98vh !important;
        max-height: 1050px !important;
        max-width: 95vw !important;
        overflow: hidden !important; 
        padding: 0 !important;
        border-radius: 24px !important;
        background: var(--kb-theme-overlay-surface) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid var(--kb-theme-overlay-border) !important;
        position: relative;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    #contactUsOverlay .modal-inner-scroll {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 24px 35px !important; 
        overflow: hidden !important; 
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    .hc-premium-view { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: space-between !important; 
        height: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        gap: 10px !important; 
        box-sizing: border-box !important;
    }
}
body.dark-mode .faq-item { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); }
body.dark-mode .faq-question { background: var(--kb-theme-surface-deep); color: var(--kb-theme-text); }
body.dark-mode .faq-answer { color: var(--kb-theme-text-muted); border-top-color: var(--kb-theme-border); }
body.dark-mode .modern-auth input { background: var(--kb-theme-surface-deep); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }
body.dark-mode .auth-social-btn { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }
body.dark-mode .auth-social-btn:hover { background: var(--kb-theme-border); }
body.dark-mode .premium-section-btn { background: var(--kb-theme-surface); color: var(--kb-theme-text); border-color: var(--kb-theme-border); }
body.dark-mode .premium-select-wrapper { background: var(--kb-theme-surface-deep); border-color: var(--kb-theme-border); }
body.dark-mode .shop-filter-select { color: var(--kb-theme-text); }
body.dark-mode .footer-links { background: color-mix(in srgb, var(--kb-theme-surface) 95%, transparent) !important; border-color: var(--kb-theme-border) !important; border-bottom: 6px solid var(--kb-theme-surface-deep) !important; box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; }
body.dark-mode .footer-links:hover { border-bottom: 8px solid var(--kb-theme-surface-deep) !important; }
body.dark-mode .footer-links:active { border-bottom: 2px solid var(--kb-theme-surface-deep) !important; }
body.dark-mode .footer-links a { color: var(--kb-theme-text) !important; }
body.dark-mode .footer-links a:hover { color: var(--temu-orange) !important; }
/* ==========================================
   DEDICATED CONTACT US VIEW (PREMIUM DESIGN)
   ========================================== */
.cnt-view-wrapper { animation: fadeIn 0.4s ease; display: none; padding-top: 10px; }
.cnt-view-wrapper.active { display: block; }
.cnt-top-header { text-align: center; margin-bottom: 35px; position: relative; }
.cnt-top-header img { height: 45px; margin-bottom: 5px; }
.cnt-top-header h2 { font-size: 36px; font-weight: 800; color: var(--ink); margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: -0.5px; }
.cnt-top-header h2 span { color: var(--temu-orange); }
.cnt-top-header p { font-size: 15px; color: #526159; font-weight: 500; margin: 0; }
.cnt-top-header .line-dec { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 15px; }
.cnt-top-header .line-dec span { width: 40px; height: 3px; border-radius: 5px; background: var(--green); }
.cnt-top-header .line-dec span:last-child { background: var(--temu-orange); width: 20px; }

.cnt-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 20px; margin-bottom: 25px; }

/* Contact Cards */
.cnt-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); display: flex; flex-direction: column; }
.cnt-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; border-bottom: 1px dashed var(--line); padding-bottom: 15px; }
.cnt-card-icon { width: 50px; height: 50px; background: var(--ink); color: #fff; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.cnt-card-icon.bg-orange { background: var(--temu-orange); }
.cnt-card-icon.bg-green { background: var(--green); }
.cnt-card-icon svg { width: 24px; height: 24px; }
.cnt-card-title h3 { margin: 0 0 4px 0; font-size: 18px; font-weight: 800; color: var(--ink); text-transform: uppercase; }
.cnt-card-title p { margin: 0; font-size: 13px; color: #68736c; font-weight: 500; line-height: 1.4; }

/* Form Styles */
.cnt-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; }
.cnt-form-group { position: relative; }
.cnt-form-group.full { grid-column: 1 / -1; }
.cnt-form-group svg { position: absolute; left: 14px; top: 14px; width: 18px; height: 18px; color: #a5b0aa; pointer-events: none; }
.cnt-form-group input, .cnt-form-group select, .cnt-form-group textarea { width: 100%; padding: 14px 14px 14px 40px; border: 1px solid var(--line); border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; outline: none; transition: 0.3s; background: #fdfdfd; box-sizing: border-box; }
.cnt-form-group textarea { padding-left: 14px; resize: vertical; min-height: 100px; }
.cnt-form-group input:focus, .cnt-form-group select:focus, .cnt-form-group textarea:focus { border-color: var(--green); background: #fff; box-shadow: 0 0 0 3px rgba(23,107,80,0.1); }
.cnt-submit-btn { width: 100%; background: var(--ink); color: #fff; border: none; padding: 16px; border-radius: 10px; font-size: 15px; font-weight: 800; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 5px; }
.cnt-submit-btn:hover { background: var(--green); box-shadow: 0 5px 15px rgba(23,107,80,0.3); transform: translateY(-2px); }
.cnt-secure-text { text-align: center; font-size: 12px; color: #68736c; margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 5px; font-weight: 600; }

/* Info List Styles */
.cnt-info-list { display: flex; flex-direction: column; gap: 20px; }
.cnt-info-item { display: flex; gap: 15px; align-items: flex-start; }
.cnt-info-item-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.cnt-info-item-icon.o { background: var(--temu-orange); }
.cnt-info-item-icon.g { background: var(--green); }
.cnt-info-item-icon.d { background: var(--ink); }
.cnt-info-item-icon svg { width: 18px; height: 18px; }
.cnt-info-text h4 { margin: 0 0 4px 0; font-size: 15px; font-weight: 800; color: var(--ink); }
.cnt-info-text p { margin: 0; font-size: 13px; color: #526159; line-height: 1.5; font-weight: 500; }
.cnt-social-row { display: flex; gap: 10px; margin-top: 25px; border-top: 1px dashed var(--line); padding-top: 20px; }
.cnt-social-row span { font-size: 14px; font-weight: 800; color: var(--ink); margin-right: 5px; display: flex; align-items: center; }
.cnt-soc-icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: 0.3s; }
.cnt-soc-icon:hover { transform: translateY(-3px); filter: brightness(1.1); box-shadow: 0 4px 10px rgba(0,0,0,0.15); }
.cnt-soc-icon svg { width: 18px; height: 18px; fill: currentColor; }

/* Quick Contact Mini Cards */
.cnt-quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 25px; }
.cnt-mini-card { border: 1px solid var(--line); border-radius: 12px; padding: 15px; text-decoration: none; display: flex; flex-direction: column; gap: 10px; transition: 0.3s; background: #fdfdfd; cursor: pointer; font: inherit; color: inherit; text-align: left; }
.cnt-mini-card:hover { border-color: var(--temu-orange); box-shadow: 0 5px 15px rgba(255,102,0,0.08); transform: translateY(-2px); background: #fff; }
.cnt-mini-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; }
.cnt-mini-icon.o { background: var(--temu-orange); }
.cnt-mini-icon.g { background: var(--green); }
.cnt-mini-icon.d { background: var(--ink); }
.cnt-mini-icon svg { width: 20px; height: 20px; }
.cnt-mini-text h5 { margin: 0 0 2px 0; font-size: 13px; font-weight: 800; color: var(--ink); text-transform: uppercase; }
.cnt-mini-text p { margin: 0 0 8px 0; font-size: 11px; color: #68736c; line-height: 1.3; }
.cnt-mini-link { font-size: 12px; font-weight: 700; color: var(--green); display: flex; align-items: center; gap: 4px; }
.cnt-mini-card:hover .cnt-mini-link { color: var(--temu-orange); }

/* Map Section */
.cnt-map-sec { border-top: 1px dashed var(--line); padding-top: 20px; flex: 1; display: flex; flex-direction: column; }
.cnt-map-sec h3 { margin: 0 0 15px 0; font-size: 16px; font-weight: 800; color: var(--ink); text-transform: uppercase; }
.cnt-map-box { flex: 1; min-height: 150px; background-color: #e5e8e3; background-image: radial-gradient(#a5b0aa 1px, transparent 1px); background-size: 20px 20px; border-radius: 12px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); }
.cnt-map-card { background: #fff; padding: 12px 15px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 10px; z-index: 2; border: 1px solid var(--line); }
.cnt-map-card .pin { color: var(--temu-orange); display: flex; }
.cnt-map-card .pin svg { width: 28px; height: 28px; }
.cnt-map-card div h5 { margin: 0 0 2px 0; font-size: 13px; font-weight: 800; color: var(--ink); }
.cnt-map-card div p { margin: 0; font-size: 11px; color: #526159; }

/* Bottom Live Banner */
.cnt-banner { background: linear-gradient(135deg, #fff5ee 0%, #eef7f2 100%); border-radius: 16px; padding: 25px 40px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); margin-bottom: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); }
.cnt-banner-left { display: flex; align-items: center; gap: 20px; }
.cnt-banner-icon { width: 70px; height: 70px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(255,102,0,0.15); color: var(--temu-orange); border: 2px solid var(--temu-orange); }
.cnt-banner-icon svg { width: 35px; height: 35px; }
.cnt-banner-text h3 { margin: 0 0 5px 0; font-size: 22px; font-weight: 800; color: var(--ink); text-transform: uppercase; }
.cnt-banner-text h3 span { color: var(--temu-orange); }
.cnt-banner-text p { margin: 0; font-size: 14px; color: #526159; font-weight: 500; }
.cnt-banner-btn { background: var(--green); color: #fff; border: none; padding: 14px 28px; border-radius: 50px; font-size: 15px; font-weight: 800; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.3s; box-shadow: 0 5px 15px rgba(23,107,80,0.3); }
.cnt-banner-btn span { background: var(--temu-orange); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cnt-banner-btn:hover { background: var(--ink); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(22,32,28,0.4); }

/* Bottom Badges */
.cnt-badges { display: flex; justify-content: space-between; align-items: center; background: #fdfdfd; padding: 15px 30px; border-radius: 12px; border: 1px solid var(--line); }
.cnt-badge-item { display: flex; align-items: center; gap: 10px; }
.cnt-badge-item svg { width: 24px; height: 24px; color: var(--green); }
.cnt-badge-item div h5 { margin: 0; font-size: 13px; font-weight: 800; color: var(--ink); }
.cnt-badge-item div p { margin: 0; font-size: 11px; color: #68736c; font-weight: 500; }

.cnt-back-top { display: inline-flex; align-items: center; gap: 5px; background: #f4f6f4; color: var(--ink); padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; border: 1px solid var(--line); cursor: pointer; transition: 0.3s; margin-bottom: 15px; }
.cnt-back-top:hover { background: var(--temu-orange); color: #fff; border-color: var(--temu-orange); }

/* Dark Mode Overrides for Contact View */
body.dark-mode .cnt-card, body.dark-mode .cnt-banner, body.dark-mode .cnt-badges { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); }
body.dark-mode .cnt-top-header h2, body.dark-mode .cnt-card-title h3, body.dark-mode .cnt-info-text h4, body.dark-mode .cnt-banner-text h3, body.dark-mode .cnt-badge-item div h5 { color: var(--kb-theme-text); }
body.dark-mode .cnt-form-group input, body.dark-mode .cnt-form-group select, body.dark-mode .cnt-form-group textarea { background: var(--kb-theme-surface-deep); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }
body.dark-mode .cnt-mini-card { background: var(--kb-theme-surface-deep); border-color: var(--kb-theme-border); }
body.dark-mode .cnt-mini-text h5 { color: var(--kb-theme-text); }
body.dark-mode .cnt-map-box { background-color: var(--kb-theme-surface-deep); background-image: radial-gradient(var(--kb-theme-border) 1px, transparent 1px); border-color: var(--kb-theme-border); }
body.dark-mode .cnt-map-card { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); }
body.dark-mode .cnt-map-card div h5 { color: var(--kb-theme-text); }
body.dark-mode .cnt-banner { background: linear-gradient(135deg, color-mix(in srgb, var(--kb-theme-surface-deep) 90%, var(--temu-orange) 10%) 0%, color-mix(in srgb, var(--kb-theme-surface-deep) 90%, var(--green) 10%) 100%); }
body.dark-mode .cnt-banner-icon { background: var(--kb-theme-surface); }
body.dark-mode .cnt-back-top { background: var(--kb-theme-surface-deep); border-color: var(--kb-theme-border); color: var(--kb-theme-text); }

/* Responsive adjustments */
@media (max-width: 1050px) {
  .cnt-grid { grid-template-columns: 1fr; }
  .cnt-banner { flex-direction: column; text-align: center; gap: 20px; }
  .cnt-banner-left { flex-direction: column; }
  .cnt-badges { flex-wrap: wrap; gap: 15px; justify-content: center; }
}
@media (max-width: 600px) {
  .cnt-form-grid { grid-template-columns: 1fr; }
  .cnt-quick-grid { grid-template-columns: 1fr; }
  .cnt-top-header h2 { font-size: 28px; }
}
/* ==========================================
   CUSTOM SEARCH ICON & DARK MODE STYLES
   ========================================== */
.action-search-btn {
  background: var(--temu-orange) !important; 
  border: none; 
  border-radius: 20px; 
  width: 60px; 
  height: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  color: #fff;
  cursor: pointer; 
  transition: 0.3s; 
  flex-shrink: 0;
}

.action-search-btn:hover { 
  background: #e65c00 !important; 
  transform: scale(1.05); 
  box-shadow: var(--glow-mix); 
}

/* ==========================================
   CLEAN SEARCH BAR & LARGE CUSTOM ICON FIX
   ========================================== */
.action-search-btn {
  background: var(--temu-orange) !important; 
  border: none !important; 
  border-radius: 20px !important; 
  width: 60px !important; 
  height: 100% !important;
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  cursor: pointer !important; 
  transition: 0.3s !important; 
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.action-search-btn:hover { 
  background: #e65c00 !important; 
  transform: scale(1.05); 
  box-shadow: var(--glow-mix); 
}

/* Large and Clear Custom Search Icon */
/* Auto invert to pure white on Dark Mode */
/* ==========================================
   SEARCH BAR DARK MODE ICON FIX (CAMERA & VOICE WHITE)
   ========================================== */
body.dark-mode .search-container .cam-btn {
  color: var(--kb-theme-text) !important;
}

body.dark-mode .search-container .cam-btn svg {
  stroke: var(--kb-theme-text) !important;
}

.action-search-btn {
  background: var(--temu-orange) !important;
  border: none !important;
  border-radius: 20px !important;
  width: 60px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: 0.3s !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.action-search-btn:hover {
  background: #e65c00 !important;
  transform: scale(1.05);
  box-shadow: var(--glow-mix);
}


.search-container .action-search-btn svg { display: block !important; width: 24px !important; height: 24px !important; }
.kinbora-product-image, .kinbora-modal-product-image, .kinbora-thumbnail-image, .kinbora-cart-image, .kinbora-suggestion-image { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.kinbora-product-image { object-fit: cover !important; }

@media (min-width: 901px) and (max-width: 1100px) {
  header.glass-box { flex-wrap: wrap !important; gap: 12px !important; padding: 14px 20px !important; }
  header.glass-box .logo { order: 1 !important; }
  header.glass-box .right-nav { order: 2 !important; margin-left: auto !important; }
  header.glass-box .desktop-main-nav { order: 3 !important; }
  header.glass-box .search-wrapper { order: 4 !important; flex: 1 0 100% !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  header.glass-box .search-container { width: 100% !important; min-width: 0 !important; }
  header.glass-box .search-input { min-width: 160px !important; }
}

@media (max-width: 900px) {
  #accountDropdown.mobile-open { display: block !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; transform: none !important; }
  #accountDropdown.mobile-open #accountDropdownPanel { position: fixed !important; inset: auto 0 0 !important; width: 100% !important; max-width: 100vw !important; transform: translate3d(0,0,0) !important; }
  .search-container .action-search-btn svg { width: 19px !important; height: 19px !important; }
  .product::before, .price::after { display: none !important; content: none !important; }
}

@media (max-width: 600px) {
  header.glass-box .search-input { min-width: 0 !important; font-size: 16px !important; }
}


/* ==========================================
   v1.3.3 Desktop 100% View Compatibility
   Keeps the original visual design, but prevents the 901–1100px tablet
   wrap from activating on common Windows display scaling at browser 100%.
   This makes the desktop header match the wider 80% browser-zoom view.
   ========================================== */
@media (min-width: 901px) and (max-width: 1250px) {
  header.glass-box {
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 12px 10px !important;
  }
  header.glass-box .logo {
    order: initial !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  header.glass-box .logo-img { height: 42px !important; }
  header.glass-box .desktop-main-nav {
    order: initial !important;
    display: flex !important;
    margin-left: 2px !important;
    gap: 1px !important;
    flex: 0 0 auto !important;
  }
  header.glass-box .search-wrapper {
    order: initial !important;
    flex: 1 1 320px !important;
    width: auto !important;
    min-width: 250px !important;
    margin: 0 7px !important;
  }
  header.glass-box .search-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1000px !important;
  }
  header.glass-box .search-input { min-width: 0 !important; }
  header.glass-box .right-nav {
    order: initial !important;
    margin-left: 0 !important;
    gap: 2px !important;
    flex: 0 0 auto !important;
  }
  header.glass-box .hover-dropdown { padding-inline: 2px !important; }
  header.glass-box .hover-trigger,
  header.glass-box .header-action { font-size: 11px !important; }
  header.glass-box .header-action { padding-inline: 3px !important; }
}


/* ==========================================
   v1.3.4 Mobile Header Controls + Category Navigation
   Reference-matched controls only; no desktop/front-page redesign.
   ========================================== */
@media (max-width: 900px) {
  /* Keep the existing Kinbora logo and show only the three requested actions. */
  #mobileWishlistBtn { display: none !important; }
  .right-nav {
    gap: 9px !important;
    flex-wrap: nowrap !important;
  }

  /* Country/language pill: flag + ISO code + chevron. */
  .lang-dropdown {
    order: 2 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .lang-dropdown .hover-trigger {
    min-width: 86px !important;
    height: 44px !important;
    padding: 0 11px !important;
    gap: 7px !important;
    border: 1px solid #e9ecea !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #101713 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.10) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-shadow: none !important;
  }
  .lang-dropdown .flag-icon {
    width: 24px !important;
    height: 18px !important;
    border-radius: 3px !important;
    object-fit: cover !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
  }
  .mobile-region-code {
    display: inline-block !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .1px !important;
  }
  .mobile-region-chevron {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    stroke: #111 !important;
    stroke-width: 2.4 !important;
    fill: none !important;
    flex: 0 0 auto !important;
  }

  /* Cart: icon only on mobile; keep the orange quantity badge. */
  #cartButton {
    order: 3 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #111 !important;
    border: 0 !important;
    text-shadow: none !important;
  }
  #cartButton svg { width: 30px !important; height: 30px !important; }
  #cartButton .cart-text-desktop { display: none !important; }
  #cartBadgeCount {
    top: -1px !important;
    right: -2px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 16px !important;
  }

  /* The bottom Categories button lands cleanly below the sticky header. */
  #categories { scroll-margin-top: 145px; }
}

@media (max-width: 390px) {
  header.glass-box { padding-left: 12px !important; padding-right: 12px !important; gap: 9px !important; }
  .logo-img { max-width: 132px !important; height: 40px !important; }
  .right-nav { gap: 6px !important; }
  #cartButton { width: 40px !important; height: 40px !important; min-width: 40px !important; }
  .lang-dropdown .hover-trigger { min-width: 76px !important; height: 40px !important; padding: 0 8px !important; gap: 5px !important; }
  .lang-dropdown .flag-icon { width: 22px !important; height: 16px !important; }
  .mobile-region-code { font-size: 14px !important; }
  #cartButton svg { width: 27px !important; height: 27px !important; }
}

body.dark-mode .lang-dropdown .hover-trigger {
  background: var(--kb-theme-surface) !important;
  border-color: var(--kb-theme-border) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .mobile-region-code { color: var(--kb-theme-text) !important; }
body.dark-mode .mobile-region-chevron { stroke: var(--kb-theme-text) !important; }
body.dark-mode #cartButton { color: var(--kb-theme-text) !important; }
body.dark-mode #cartBadgeCount { border-color: var(--kb-theme-surface) !important; }


/* =========================================================
   v1.3.5 — Compact Account Access + Reference Auth Design
   Only account access presentation is changed in this patch.
   ========================================================= */

/* Guest account dropdown stays as a small two-action bar on desktop. */
.account-dropdown.is-guest .hover-content {
  min-width: 286px !important;
  width: 286px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  gap: 0 !important;
}
.account-dropdown.is-guest .hover-content::before { right: 27px !important; }
.acc-auth-compact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.acc-compact-action {
  appearance: none;
  min-width: 0;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px;
  font: 800 13px/1 Inter, sans-serif;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.acc-compact-action svg, .acc-compact-action .kinbora-role-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.acc-compact-signin { color: #176b50; background: #f6fbf8; border-color: #d9ebe4; }
.acc-compact-signup { color: #ff6600; background: #fff8f3; border-color: #ffe1cf; }
.acc-compact-action:hover, .acc-compact-action:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgba(18, 58, 43, .10);
  outline: none;
}

/* Auth card follows the supplied Kinbora reference while keeping native login/registration logic. */
.kinbora-auth-wrapper { background: rgba(9, 25, 19, .42); backdrop-filter: blur(5px); }
.kinbora-modal {
  width: min(548px, calc(100vw - 32px));
  padding: 42px 52px 36px;
  border: 1px solid rgba(220, 224, 220, .96);
  border-radius: 28px;
  box-shadow: 0 28px 75px rgba(12, 32, 24, .24);
}
.kinbora-modal::before {
  top: -78px; right: -54px; width: 205px; height: 205px;
  background: radial-gradient(circle at 35% 65%, rgba(255, 243, 234, .96) 0 54%, rgba(255,255,255,.4) 55% 100%);
}
.kinbora-modal::after {
  right: -22px; bottom: -18px; width: 150px; height: 150px; opacity: .82;
}
.kb-dots { top: 34px; left: 30px; width: 54px; height: 54px; background-size: 15px 15px; background-position: 0 0, 7.5px 7.5px; }
.kinbora-close { top: 18px; right: 20px; width: 38px; height: 38px; border-radius: 50%; }
.kinbora-content { position: relative; z-index: 2; }
.kinbora-header { margin-bottom: 28px; text-align: center; }
.kinbora-logo { width: 82px; height: 82px; object-fit: contain; margin: 0 auto 10px; }
.kinbora-header h2 { margin: 0 0 5px; color: var(--kb-auth-heading-reference); font-size: clamp(26px, 3vw, 34px); line-height: 1.1; font-weight: 800; }
.kinbora-header p { margin: 0; color: var(--kb-auth-intro); font-size: 15px; }
.kinbora-header p span { color: #ff6600; font-weight: 800; }
.kinbora-tabs { margin: 0 0 28px; border-bottom: 2px solid var(--kb-auth-tab-line-reference); }
.kinbora-tab { padding: 13px 10px 14px; font-size: 16px; }
.kinbora-tab.active { color: #ff6600; }
.kinbora-tab.active::after { height: 3px; background: #ff6600; }
.kinbora-form-group label { font-size: 13px; color: var(--kb-auth-text); }
.kinbora-input-wrapper { min-height: 50px; border-radius: 10px; }
.kinbora-input-wrapper input { min-height: 50px; font-size: 15px; }
.kinbora-btn { min-height: 54px; border-radius: 14px; font-size: 17px; background: linear-gradient(105deg, #087152, #00533f); box-shadow: 0 10px 22px rgba(5, 100, 75, .18); }
.kinbora-btn:hover { box-shadow: 0 13px 28px rgba(5, 100, 75, .28); transform: translateY(-1px); }
.kinbora-forgot, .kinbora-inline-link, .kinbora-footer a { color: #ff6600 !important; }
.kinbora-footer { margin-top: 24px; }

@media (max-width: 900px) {
  /* Guest Account button opens a compact floating bar above the mobile bottom navigation. */
  .account-dropdown.is-guest.mobile-open { background: transparent !important; }
  .account-dropdown.is-guest.mobile-open .hover-content {
    inset: auto 12px calc(78px + env(safe-area-inset-bottom, 0px)) 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: none !important;
    padding: 12px !important;
    border: 1px solid rgba(220, 225, 221, .96) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 48px rgba(9, 34, 25, .2) !important;
    overflow: visible !important;
  }
  .account-dropdown.is-guest.mobile-open .mobile-account-close {
    top: -13px; right: -5px; width: 30px; height: 30px; font-size: 18px;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
  }
  .account-dropdown.is-guest.mobile-open .acc-auth-compact { grid-template-columns: 1fr 1fr; gap: 10px; }
  .account-dropdown.is-guest.mobile-open .acc-compact-action { height: 48px; border-radius: 13px; font-size: 14px; }
}

@media (max-width: 600px) {
  .kinbora-auth-wrapper { align-items: center; padding: 14px; }
  .kinbora-modal {
    width: min(100%, 430px);
    max-height: calc(100dvh - 28px);
    padding: 34px 22px 28px;
    border-radius: 24px;
  }
  .kb-dots { top: 23px; left: 20px; width: 42px; height: 42px; background-size: 12px 12px; background-position: 0 0, 6px 6px; }
  .kinbora-close { top: 12px; right: 12px; width: 34px; height: 34px; }
  .kinbora-logo { width: 66px; height: 66px; }
  .kinbora-header h2 { font-size: 26px; }
  .kinbora-tabs { margin-bottom: 20px; }
  .kinbora-tab { font-size: 15px; padding-block: 11px 12px; }
  .kinbora-options { gap: 12px; }
}

body.dark-mode .account-dropdown.is-guest .hover-content, body.dark-mode .account-dropdown.is-guest .acc-compact-action { background: var(--kb-theme-surface) !important; color: var(--kb-theme-text) !important; }

/* Legacy mobile product-modal CSS retired in v1.4.102. */

/* =========================================================
   v1.4.1 — Kinbora shopping region / language / currency menu
   Temu-like information hierarchy, rebuilt with Kinbora branding.
   ========================================================= */
.region-trigger {
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 7px !important;
  color: var(--ink);
  font: 700 13px/1 Inter, sans-serif;
  cursor: pointer;
}
.region-trigger-flag {
  font-size: 25px;
  line-height: 1;
  filter: saturate(.96);
}
.region-trigger-language { white-space: nowrap; }

.lang-dropdown .region-panel {
  right: -6px !important;
  left: auto !important;
  width: 370px !important;
  min-width: 370px !important;
  padding: 20px 24px !important;
  border-radius: 12px !important;
  border: 1px solid #e6e8e7 !important;
  background: #fff !important;
  gap: 0 !important;
  box-shadow: 0 22px 48px rgba(16, 24, 20, .18) !important;
  cursor: default;
}
.region-main-view, .region-country-view { width: 100%; }
.region-language-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.region-radio-row {
  width: 100%;
  min-height: 48px;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 6px 4px;
  color: var(--ink);
  font: 500 18px/1.25 Inter, sans-serif;
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
}
.region-radio-row:hover { background: #f7f8f7; }
.region-radio-dot {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1.8px solid #c8cecb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #fff;
}
.region-radio-row.is-selected .region-radio-dot {
  border-color: #232927;
  box-shadow: inset 0 0 0 6px #232927;
}
.region-panel-divider {
  width: 100%;
  height: 1px;
  background: #e9ebea;
  margin: 13px 0 18px;
}
.region-currency-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 4px;
}
.region-panel-label {
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
}
.region-currency-block strong {
  color: #66716b;
  font-size: 17px;
  font-weight: 500;
}
.region-shopping-copy {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 0 4px;
  color: #7b837f;
  font-size: 16px;
  line-height: 1.45;
}
.region-shopping-flag, .region-country-flag {
  font-size: 25px;
  line-height: 1;
  flex: 0 0 auto;
}
.region-change-button {
  width: 100%;
  min-height: 50px;
  margin-top: 18px;
  border: 1px solid #b9bfbc;
  border-radius: 999px;
  background: #fff;
  color: #303633;
  font: 700 15px/1 Inter, sans-serif;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.region-change-button:hover {
  border-color: var(--green);
  box-shadow: 0 6px 18px rgba(23,107,80,.12);
  transform: translateY(-1px);
}
.region-country-view[hidden], .region-main-view[hidden] { display: none !important; }
.region-country-view-head {
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  min-height: 46px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ebea;
}
.region-country-view-head strong {
  grid-column: 2;
  text-align: center;
  font-size: 16px;
}
.region-back-button {
  grid-column: 1;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #f4f6f4;
  color: var(--ink);
  font-size: 21px;
  cursor: pointer;
}
.region-country-options {
  max-height: 360px;
  overflow-y: auto;
  padding-top: 9px;
}
.region-country-option {
  width: 100%;
  min-height: 50px;
  border: 0;
  background: transparent;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 34px 1fr 24px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  text-align: left;
  color: var(--ink);
  font: 600 15px/1.2 Inter, sans-serif;
  cursor: pointer;
}
.region-country-option:hover { background: #f5f7f6; }
.region-country-check { opacity: 0; color: var(--green); font-weight: 900; }
.region-country-option.is-selected { background: #eef8f4; }
.region-country-option.is-selected .region-country-check { opacity: 1; }

body.dark-mode .lang-dropdown .region-panel {
  background: var(--kb-theme-surface) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .region-radio-row, body.dark-mode .region-panel-label, body.dark-mode .region-country-option, body.dark-mode .region-country-view-head strong, body.dark-mode .region-back-button { color: var(--kb-theme-text); }
body.dark-mode .region-radio-row:hover, body.dark-mode .region-country-option:hover { background: var(--kb-theme-surface-soft); }
body.dark-mode .region-radio-dot { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); }
body.dark-mode .region-radio-row.is-selected .region-radio-dot { border-color: var(--kb-theme-text); box-shadow: inset 0 0 0 6px var(--kb-theme-text); }
body.dark-mode .region-panel-divider, body.dark-mode .region-country-view-head { border-color: var(--kb-theme-border); background-color: transparent; }
body.dark-mode .region-panel-divider { background: var(--kb-theme-border); }
body.dark-mode .region-change-button { background: var(--kb-theme-surface); color: var(--kb-theme-text); border-color: var(--kb-theme-border); }
body.dark-mode .region-country-option.is-selected { background: color-mix(in srgb, var(--green) 22%, var(--kb-theme-surface)); }
body.dark-mode .region-back-button { background: var(--kb-theme-surface-soft); }

@media (max-width: 900px) {
  .region-trigger-language { display: none !important; }
  .region-trigger-flag { font-size: 22px !important; }
  .lang-dropdown .region-panel {
    position: fixed !important;
    top: 72px !important;
    right: 12px !important;
    left: auto !important;
    width: min(370px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-height: calc(100vh - 94px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }
}

/* v1.4.2 — worldwide country/language/currency selector */
.region-language-block {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 4px;
}
.region-language-block strong {
  color: #66716b;
  font-size: 17px;
  font-weight: 600;
  text-transform: none;
}
.region-language-block small {
  color: #8a928e;
  font-size: 12px;
  line-height: 1.35;
}
.region-country-search-wrap {
  display: block;
  padding: 12px 0 4px;
}
.region-country-search {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d8ddda;
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  padding: 0 13px;
  font: 500 14px/1 Inter, sans-serif;
  outline: none;
}
.region-country-search:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(23,107,80,.10);
}
.region-country-option-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.region-country-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.region-country-option-copy small {
  color: #8a928e;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.region-country-option[hidden] { display: none !important; }
body.dark-mode .region-language-block strong, body.dark-mode .region-language-block small, body.dark-mode .region-country-option-copy small { color: var(--kb-theme-text-muted); }
body.dark-mode .region-country-search {
  background: var(--kb-theme-surface-deep);
  color: var(--kb-theme-text);
  border-color: var(--kb-theme-border);
}


/* v1.4.3 — unified header dropdown geometry */
:root {
  --kinbora-header-dropdown-width: 330px;
  --kinbora-header-dropdown-max-height: 440px;
  --kinbora-header-dropdown-padding: 18px;
  --kinbora-header-dropdown-radius: 16px;
}
.right-nav > .hover-dropdown > .hover-content, .right-nav > .lang-dropdown > .region-panel, .right-nav > .support-dropdown > .hover-content, .right-nav > .account-dropdown > .hover-content, .account-dropdown.is-guest .hover-content, .account-dropdown.is-authenticated .hover-content {
  width: var(--kinbora-header-dropdown-width) !important;
  min-width: var(--kinbora-header-dropdown-width) !important;
  max-width: var(--kinbora-header-dropdown-width) !important;
  box-sizing: border-box !important;
  padding: var(--kinbora-header-dropdown-padding) !important;
  border-radius: var(--kinbora-header-dropdown-radius) !important;
}
.right-nav > .hover-dropdown > .hover-content {
  max-height: none;
  overflow: visible;
  scrollbar-width: none;
}
.right-nav > .hover-dropdown > .hover-content::-webkit-scrollbar { display: none; width: 0; height: 0; }
.region-country-options {
  max-height: 270px !important;
}
.support-dropdown .hover-content a {
  min-height: 42px;
  box-sizing: border-box;
}
.account-dropdown .acc-user-copy, .account-dropdown .acc-menu-item span, .region-country-option-copy {
  min-width: 0;
}
.account-dropdown .acc-user-copy span, .account-dropdown .acc-menu-item span, .region-country-name, .region-country-option-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 900px) {
  :root {
    --kinbora-header-dropdown-width: min(330px, calc(100vw - 24px));
    --kinbora-header-dropdown-max-height: calc(100vh - 96px);
  }
  .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .account-dropdown.mobile-open .hover-content, .account-dropdown.is-guest.mobile-open .hover-content {
    width: min(330px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: min(330px, calc(100vw - 24px)) !important;
  }
}


/* v1.4.4 — New Arrivals-sized universal dropdown system */
:root {
  --kinbora-menu-width: 220px;
  --kinbora-menu-max-height: 360px;
  --kinbora-menu-padding: 12px;
  --kinbora-menu-radius: 16px;
  --kinbora-menu-item-height: 42px;
}
/* Every top-level header menu now shares the same compact New Arrivals geometry. */
.desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .support-dropdown .hover-content, .account-dropdown .hover-content, .account-dropdown.is-guest .hover-content, .account-dropdown.is-authenticated .hover-content {
  width: var(--kinbora-menu-width) !important;
  min-width: var(--kinbora-menu-width) !important;
  max-width: var(--kinbora-menu-width) !important;
  max-height: none !important;
  padding: var(--kinbora-menu-padding) !important;
  border-radius: var(--kinbora-menu-radius) !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: var(--shadow-aero) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  gap: 4px !important;
  scrollbar-width: none !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content::-webkit-scrollbar, .right-nav > .hover-dropdown > .hover-content::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* Same top pointer/arrow style on every header dropdown. */
.desktop-main-nav > .hover-dropdown > .hover-content::before, .right-nav > .hover-dropdown > .hover-content::before, .lang-dropdown .region-panel::before, .support-dropdown .hover-content::before, .account-dropdown .hover-content::before {
  width: 10px !important;
  height: 10px !important;
  top: -6px !important;
  background: #fff !important;
  border-top: 1px solid var(--line) !important;
  border-left: 1px solid var(--line) !important;
}

/* Shared row rhythm: icon left, label center, optional indicator right. */
.desktop-main-nav > .hover-dropdown > .hover-content > a, .support-dropdown .hover-content > a, .account-dropdown .acc-menu-item, .region-language-choice, .region-country-option {
  min-height: var(--kinbora-menu-item-height) !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content > a svg, .support-dropdown .hover-content > a svg, .region-language-choice-flag {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
}

/* Account content is compressed to the same compact menu width without losing actions. */
.account-dropdown .acc-user-card { padding: 8px !important; gap: 8px !important; border-radius: 10px !important; }
.account-dropdown .acc-user-avatar { width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 14px !important; }
.account-dropdown .acc-user-copy strong { font-size: 12px !important; }
.account-dropdown .acc-user-copy span { font-size: 10px !important; white-space: nowrap !important; }
.account-dropdown .acc-signed-badge { display: none !important; }
.account-dropdown .acc-menu-list { gap: 3px !important; }
.account-dropdown .acc-menu-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; }
.account-dropdown.is-guest .acc-auth-compact { gap: 8px !important; }
.account-dropdown.is-guest .acc-compact-action { min-width: 0 !important; height: 44px !important; padding: 0 8px !important; font-size: 12px !important; }

/* Temu-style two-language selector: English is permanent, local language follows country. */
.region-language-list { display: flex; flex-direction: column; gap: 4px; }
.region-language-choice {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
  display: grid;
  grid-template-columns: 20px 1fr 18px;
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
  transition: .2s ease;
}
.region-language-choice:hover { background: #f4f8f6; color: var(--temu-orange); }
.region-language-choice-flag { display: grid; place-items: center; font-size: 18px; line-height: 1; }
.region-language-choice-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.region-language-choice-radio {
  width: 16px; height: 16px; border: 1.5px solid #aeb6b2; border-radius: 50%; box-sizing: border-box;
}
.region-language-choice.is-selected .region-language-choice-radio {
  border-color: var(--ink); box-shadow: inset 0 0 0 4px #fff; background: var(--ink);
}
.region-language-heading { margin: 0 0 6px; font-size: 14px; font-weight: 800; color: var(--ink); }
.region-language-note { display: none !important; }
.region-panel-divider { margin: 9px 0 !important; }
.region-currency-block { padding: 0 2px !important; }
.region-currency-block .region-panel-label { font-size: 13px !important; font-weight: 800 !important; }
.region-currency-block strong { font-size: 14px !important; }
.region-shopping-copy { padding: 9px 2px !important; gap: 8px !important; font-size: 12px !important; line-height: 1.35 !important; }
.region-change-button { min-height: 42px !important; padding: 8px 10px !important; font-size: 12px !important; border-radius: 999px !important; }
.region-country-view-head { padding: 0 0 8px !important; min-height: 34px !important; }
.region-country-view-head strong { font-size: 12px !important; }
.region-back-button { width: 30px !important; height: 30px !important; min-width: 30px !important; }
.region-country-search { height: 38px !important; padding: 0 10px !important; font-size: 12px !important; }
.region-country-options { max-height: 270px !important; }
.region-country-option { grid-template-columns: 22px minmax(0,1fr) 14px !important; gap: 7px !important; }
.region-country-flag { font-size: 17px !important; }
.region-country-name { font-size: 12px !important; }
.region-country-option-copy small { font-size: 10px !important; }

body.dark-mode .desktop-main-nav > .hover-dropdown > .hover-content, body.dark-mode .right-nav > .hover-dropdown > .hover-content, body.dark-mode .lang-dropdown .region-panel, body.dark-mode .support-dropdown .hover-content, body.dark-mode .account-dropdown .hover-content { background: var(--kb-theme-surface) !important; color: var(--kb-theme-text) !important; border-color: var(--kb-theme-border) !important; }
body.dark-mode .region-language-choice, body.dark-mode .region-language-heading { color: var(--kb-theme-text); }
body.dark-mode .region-language-choice:hover { background: var(--kb-theme-surface-soft); }
body.dark-mode .region-language-choice.is-selected .region-language-choice-radio { border-color: var(--kb-theme-text); background: var(--kb-theme-text); box-shadow: inset 0 0 0 4px var(--kb-theme-surface); }

@media (max-width: 900px) {
  :root { --kinbora-menu-width: min(280px, calc(100vw - 24px)); --kinbora-menu-max-height: min(420px, calc(100dvh - 110px)); }
  .desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .account-dropdown.mobile-open .hover-content, .account-dropdown.is-guest.mobile-open .hover-content {
    width: var(--kinbora-menu-width) !important;
    min-width: 0 !important;
    max-width: var(--kinbora-menu-width) !important;
  }
}


/* v1.4.5 — extra-compact trigger-connected dropdowns + direct Shop link */
:root {
  --kinbora-menu-width: 196px;
  --kinbora-menu-max-height: 320px;
  --kinbora-menu-padding: 9px;
  --kinbora-menu-radius: 12px;
  --kinbora-menu-item-height: 38px;
}

/* Shop is now a direct link: no category/submenu flyout. */
.desktop-main-nav > .nav-direct-link {
  text-decoration: none;
  padding: 10px 4px;
  border-radius: 8px;
  cursor: pointer;
}
.desktop-main-nav > .nav-direct-link:hover, .desktop-main-nav > .nav-direct-link:focus-visible {
  color: var(--temu-orange);
  text-shadow: 0 0 10px rgba(255,102,0,.28), 0 0 10px rgba(23,107,80,.22);
  outline: none;
}


.desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .support-dropdown .hover-content, .account-dropdown .hover-content, .account-dropdown.is-guest .hover-content, .account-dropdown.is-authenticated .hover-content {
  width: var(--kinbora-menu-width) !important;
  min-width: var(--kinbora-menu-width) !important;
  max-width: var(--kinbora-menu-width) !important;
  max-height: var(--kinbora-menu-max-height) !important;
  padding: var(--kinbora-menu-padding) !important;
  border-radius: var(--kinbora-menu-radius) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.11), inset -3px 0 0 rgba(23,107,80,.16) !important;
}


.desktop-main-nav > .hover-dropdown > .hover-content {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 12px) !important;
}
.desktop-main-nav > .hover-dropdown:hover > .hover-content, .desktop-main-nav > .hover-dropdown:focus-within > .hover-content {
  transform: translate(-50%, 0) !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content::before {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) rotate(45deg) !important;
}


.right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .support-dropdown .hover-content, .account-dropdown .hover-content {
  right: 0 !important;
  left: auto !important;
}
.right-nav > .hover-dropdown > .hover-content::before, .lang-dropdown .region-panel::before, .support-dropdown .hover-content::before, .account-dropdown .hover-content::before {
  right: 20px !important;
  left: auto !important;
}

.desktop-main-nav > .hover-dropdown > .hover-content > a, .support-dropdown .hover-content > a, .account-dropdown .acc-menu-item, .region-language-choice, .region-country-option {
  min-height: var(--kinbora-menu-item-height) !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
  border-radius: 7px !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content > a svg, .support-dropdown .hover-content > a svg, .region-language-choice-flag {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}
.region-language-heading { font-size: 12px !important; margin-bottom: 4px !important; }
.region-panel-divider { margin: 6px 0 !important; }
.region-currency-block .region-panel-label { font-size: 11px !important; }
.region-currency-block strong { font-size: 12px !important; }
.region-shopping-copy { padding: 6px 1px !important; font-size: 11px !important; }
.region-change-button { min-height: 36px !important; font-size: 11px !important; padding: 6px 8px !important; }
.region-country-search { height: 34px !important; font-size: 11px !important; }
.region-country-options { max-height: 230px !important; }
.region-country-name { font-size: 11px !important; }
.region-country-option-copy small { font-size: 9px !important; }

@media (max-width: 900px) {
  :root {
    --kinbora-menu-width: min(230px, calc(100vw - 20px));
    --kinbora-menu-max-height: min(350px, calc(100dvh - 96px));
  }
}



:root {
  --kinbora-menu-max-height: none;
}


.desktop-main-nav > .nav-direct-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* No scrollbar inside any header dropdown. Compact content determines the panel height. */
.desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .support-dropdown .hover-content, .account-dropdown .hover-content, .account-dropdown.is-guest .hover-content, .account-dropdown.is-authenticated .hover-content {
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
  scrollbar-width: none !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content::-webkit-scrollbar, .right-nav > .hover-dropdown > .hover-content::-webkit-scrollbar, .lang-dropdown .region-panel::-webkit-scrollbar, .support-dropdown .hover-content::-webkit-scrollbar, .account-dropdown .hover-content::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Country chooser is paged instead of scrolled, so even this nested view has no scrollbar. */
.region-country-options {
  max-height: none !important;
  overflow: visible !important;
  padding-top: 7px !important;
}
.region-country-pager {
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid var(--line);
}
.region-country-page-button {
  width: 32px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.region-country-page-button:disabled {
  opacity: .35;
  cursor: default;
}
.region-country-page-status {
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  color: #6a736f;
}
body.dark-mode .region-country-page-button {
  background: var(--kb-theme-surface);
  color: var(--kb-theme-text);
  border-color: var(--kb-theme-border);
}
body.dark-mode .region-country-page-status { color: var(--kb-theme-text-muted); }

@media (max-width: 900px) {
  :root { --kinbora-menu-max-height: none; }
  .desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .lang-dropdown .region-panel, .account-dropdown.mobile-open .hover-content, .account-dropdown.is-guest.mobile-open .hover-content {
    max-height: none !important;
    overflow: visible !important;
  }
}


/* =========================================================
   v1.4.7 — no-scroll header menus + restored flat Shop categories
   ========================================================= */

/* Every header dropdown uses content height. No internal scrollbars anywhere. */
.desktop-main-nav > .hover-dropdown > .hover-content, .right-nav > .hover-dropdown > .hover-content, .shop-dropdown > .hover-content, .support-dropdown > .hover-content, .account-dropdown > .hover-content, .lang-dropdown > .region-panel {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  scrollbar-gutter: auto !important;
}
.desktop-main-nav > .hover-dropdown > .hover-content::-webkit-scrollbar, .right-nav > .hover-dropdown > .hover-content::-webkit-scrollbar, .shop-dropdown > .hover-content::-webkit-scrollbar, .support-dropdown > .hover-content::-webkit-scrollbar, .account-dropdown > .hover-content::-webkit-scrollbar, .lang-dropdown > .region-panel::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}


.shop-dropdown .hover-content { gap: 3px !important; }
.shop-dropdown .shop-category-menu-item {
  min-height: 36px !important;
  padding: 6px 8px !important;
  border-radius: 7px !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}
.shop-dropdown .shop-category-menu-item svg {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
}
.shop-dropdown .nested-dropdown, .shop-dropdown .nested-content { display: none !important; }

/* Guest Account popup: reference content fitted inside the locked existing desktop box. */
.account-dropdown.is-guest .hover-content {
  width: var(--kinbora-menu-width) !important;
  min-width: var(--kinbora-menu-width) !important;
  max-width: var(--kinbora-menu-width) !important;
  padding: var(--kinbora-menu-padding) !important;
  border-radius: var(--kinbora-menu-radius) !important;
  gap: 0 !important;
}
.acc-auth-menu { display: grid; gap: 8px; }
.acc-auth-compact { display: grid; grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
.acc-compact-action {
  appearance: none;
  min-width: 0;
  height: 38px !important;
  padding: 0 7px !important;
  border: 1px solid var(--line);
  border-radius: 8px !important;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px !important;
  color: var(--ink);
  font: 800 11.5px/1 Inter, sans-serif !important;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.acc-compact-action svg, .acc-compact-action .kinbora-role-icon { width: 16px !important; height: 16px !important; flex: 0 0 auto; }
.acc-compact-signin { color: #08745a; background: #f7fbf9; border-color: #d6ebe3; }
.acc-compact-signup { color: #f05b18; background: #fff9f5; border-color: #f5dfd3; }
.acc-compact-action:hover, .acc-compact-action:focus-visible { box-shadow: 0 4px 12px rgba(18,58,43,.08); outline: none; }
.acc-social-divider {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7b847f;
  font-size: 9.5px;
  line-height: 1;
  text-align: center;
}
.acc-social-divider::before, .acc-social-divider::after { content: ''; flex: 1; border-top: 1px solid var(--line); }
.acc-social-divider span { white-space: nowrap; }
.acc-social-login { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.acc-social-button {
  appearance: none;
  height: 36px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 7px;
  font: 750 10.5px/1 Inter, sans-serif;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.acc-social-button svg { width: 17px; height: 17px; min-width: 17px; }
.acc-social-button:hover, .acc-social-button:focus-visible { border-color: #cbd4cf; box-shadow: 0 4px 12px rgba(16,54,40,.08); outline: none; }

@media (min-width: 901px) {
  /* v1.4.168 — Account width remains exactly 196px; content owns natural vertical height. */
  .account-dropdown.is-guest .hover-content {
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .account-dropdown.is-guest .acc-auth-reference {
    height: auto;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    gap: 8px;
    overflow: visible;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-auth-compact {
    height: auto;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-compact-action {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 7px !important;
    border-radius: 8px !important;
    gap: 5px !important;
    font-size: 11.5px !important;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-compact-action svg,
  .account-dropdown.is-guest .acc-auth-reference .acc-compact-action .kinbora-role-icon {
    width: 16px !important;
    height: 16px !important;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-social-divider {
    min-height: 12px;
    gap: 7px;
    font-size: 9.5px;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-social-login {
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 36px);
    gap: 7px;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-social-button {
    width: 100%;
    height: 36px;
    min-height: 36px;
    justify-content: flex-start;
    gap: 6px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 10.5px;
    line-height: 1;
    white-space: nowrap;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-social-button svg {
    width: 17px;
    height: 17px;
    min-width: 17px;
  }
  .account-dropdown.is-guest .acc-auth-reference .acc-social-apple { color: #111; }
  .account-dropdown.is-guest .acc-auth-utility {
    min-height: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 4px;
    padding-top: 6px;
    border-top: 1px solid #eef0ee;
  }
  .account-dropdown.is-guest .acc-auth-utility a {
    min-width: 0;
    min-height: 18px;
    padding: 0 2px !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #3f4743;
    font-size: 8.2px !important;
    font-weight: 650;
    line-height: 1.1;
    white-space: nowrap;
    text-decoration: none;
    transform: none !important;
    background: transparent !important;
  }
  .account-dropdown.is-guest .acc-auth-utility a:first-child { border-right: 1px solid #e7eae8; }
  .account-dropdown.is-guest .acc-auth-utility a:hover,
  .account-dropdown.is-guest .acc-auth-utility a:focus-visible { color: #176b50; outline: none; }
  .account-dropdown.is-guest .acc-auth-utility svg {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
  }
  .account-dropdown.is-guest .acc-auth-secure {
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px 7px;
    border-radius: 8px;
    background: #f5faf7;
    color: #18845f;
  }
  .account-dropdown.is-guest .acc-auth-secure > svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .account-dropdown.is-guest .acc-auth-secure > span {
    min-width: 0;
    display: grid;
    gap: 2px;
    line-height: 1.05;
  }
  .account-dropdown.is-guest .acc-auth-secure strong {
    color: #36413c;
    font-size: 9px;
    font-weight: 800;
  }
  .account-dropdown.is-guest .acc-auth-secure small {
    color: #65706a;
    font-size: 8px;
    font-weight: 600;
  }
}


.support-dropdown .hover-content > a {
  min-height: 36px !important;
  padding: 6px 8px !important;
  font-size: 11.5px !important;
}
.support-dropdown .hover-content hr { margin: 4px 0 !important; }

body.dark-mode .acc-social-button {
  background: var(--kb-theme-surface) !important;
  border-color: var(--kb-theme-border) !important;
  color: var(--kb-theme-text) !important;
}

@media (max-width: 900px) {
  .account-dropdown.is-guest.mobile-open .hover-content {
    overflow: visible !important;
    max-height: none !important;
  }
  .account-dropdown.is-guest.mobile-open .acc-auth-menu { gap: 9px; }
  .account-dropdown.is-guest.mobile-open .acc-compact-action { height: 44px !important; font-size: 12.5px !important; }
  .account-dropdown.is-guest.mobile-open .acc-social-button { height: 42px; font-size: 12px; }
  /* Keep the existing mobile Account content/footprint unchanged. */
  .account-dropdown.is-guest.mobile-open .acc-auth-reference-extra { display: none !important; }
  .account-dropdown.is-guest.mobile-open .acc-social-prefix { display: none !important; }
  .account-dropdown.is-guest.mobile-open .acc-social-login { grid-template-columns: 1fr 1fr; gap: 7px; }
}


/* v1.4.8: pretty-route dropdown state for direct/back-forward navigation. */
.hover-dropdown.kinbora-route-open > .hover-content {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.hover-dropdown.kinbora-route-open > .hover-trigger {
  color: var(--temu-orange) !important;
}

/* =========================================================
   v1.4.12 — exact v1.4.4 country/region chooser only
   No other dropdown/menu geometry is changed here.
   ========================================================= */
/* Restore only the visible Choose country/region control to the v1.4.4 sizing. */
.lang-dropdown .region-change-button {
  min-height: 42px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}

/* When the country chooser itself is open, use the exact v1.4.4 panel geometry
   without changing Account, Support, Shop or the normal Language panel. */
.lang-dropdown .region-panel.country-view-open {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  max-height: 360px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: var(--shadow-aero) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.lang-dropdown .region-panel.country-view-open .region-country-view-head {
  display: grid !important;
  grid-template-columns: 42px 1fr 42px !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e9ebea !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-view-head strong {
  grid-column: 2 !important;
  text-align: center !important;
  font-size: 12px !important;
}
.lang-dropdown .region-panel.country-view-open .region-back-button {
  grid-column: 1 !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f4f6f4 !important;
  color: var(--ink) !important;
  font-size: 21px !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-search-wrap {
  display: block !important;
  padding: 12px 0 4px !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-search {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  border: 1px solid #d8ddda !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--ink) !important;
  padding: 0 10px !important;
  font: 500 12px/1 Inter, sans-serif !important;
  outline: none !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-search:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px rgba(23,107,80,.10) !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-options {
  max-height: 270px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-top: 9px !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-option {
  width: 100% !important;
  min-height: 42px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) 14px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 11px !important;
  text-align: left !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-option:hover {
  background: #f5f7f6 !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-option.is-selected {
  background: #eef8f4 !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-flag {
  font-size: 17px !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-name {
  font-size: 12px !important;
}
.lang-dropdown .region-panel.country-view-open .region-country-option-copy small {
  font-size: 10px !important;
}

body.dark-mode .lang-dropdown .region-panel.country-view-open {
  background: var(--kb-theme-surface) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .lang-dropdown .region-panel.country-view-open .region-country-option, body.dark-mode .lang-dropdown .region-panel.country-view-open .region-country-view-head strong, body.dark-mode .lang-dropdown .region-panel.country-view-open .region-back-button {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .lang-dropdown .region-panel.country-view-open .region-back-button {
  background: var(--kb-theme-surface-soft) !important;
}
body.dark-mode .lang-dropdown .region-panel.country-view-open .region-country-search {
  background: var(--kb-theme-surface-deep) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .lang-dropdown .region-panel.country-view-open .region-country-option:hover {
  background: var(--kb-theme-surface-soft) !important;
}
body.dark-mode .lang-dropdown .region-panel.country-view-open .region-country-option.is-selected {
  background: color-mix(in srgb, var(--green) 22%, var(--kb-theme-surface)) !important;
}

@media (max-width: 900px) {
  .lang-dropdown .region-panel.country-view-open {
    width: min(280px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: min(280px, calc(100vw - 24px)) !important;
    max-height: min(420px, calc(100dvh - 110px)) !important;
  }
}

/* ==========================================
   v1.4.14 — Native Kinbora Commerce Product Page
   ========================================== */
body.single-product {
  background:
    radial-gradient(circle at 10% 8%, rgba(255,102,0,.08), transparent 28%),
    radial-gradient(circle at 88% 15%, rgba(23,107,80,.09), transparent 30%),
    #f8faf8;
  color: var(--ink);
}






















.kinbora-product-page { width:min(1360px,calc(100% - 48px)); margin:0 auto; padding:24px 0 64px!important; }
.kinbora-product-breadcrumbs { margin:0 0 14px; font-size:12px; color:#748079; }
.kinbora-product-breadcrumbs .kinbora_commerce-breadcrumb { margin:0!important; padding:0!important; color:inherit!important; font-size:inherit!important; }
.kinbora-product-breadcrumbs a { color:var(--green)!important; text-decoration:none; font-weight:750; }
body.single-product .kinbora_commerce-notices-wrapper { width:100%; }
body.single-product .kinbora_commerce-message, body.single-product .kinbora_commerce-error, body.single-product .kinbora_commerce-info { border-radius:14px; border-top:0!important; box-shadow:0 8px 24px rgba(22,32,28,.06); }
body.single-product div.product {
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr); gap:42px;
  margin:0!important; padding:30px; background:rgba(255,255,255,.96); border:1px solid #e5e8e3;
  border-radius:28px; box-shadow:0 24px 60px rgba(22,32,28,.09); overflow:visible;
}
body.single-product div.product::before, body.single-product div.product::after { display:none!important; content:none!important; }
body.single-product div.product .kinbora_commerce-product-gallery, body.single-product div.product .summary { float:none!important; width:auto!important; margin:0!important; min-width:0; }
body.single-product div.product .kinbora_commerce-product-gallery { align-self:start; }
body.single-product div.product .kinbora_commerce-product-gallery__wrapper { margin:0!important; }
body.single-product div.product .kinbora_commerce-product-gallery__image, body.single-product div.product .kinbora_commerce-product-gallery__image.flex-active-slide { overflow:hidden; border-radius:22px; background:#f4f7f5; border:1px solid #edf0ed; }
body.single-product div.product .kinbora_commerce-product-gallery__image a { display:block; }
body.single-product div.product .kinbora_commerce-product-gallery__image img { width:100%!important; height:auto!important; display:block; object-fit:contain; background:#f6f8f7; }
body.single-product div.product .flex-control-thumbs { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:10px!important; }
body.single-product div.product .flex-control-thumbs li { width:auto!important; float:none!important; }
body.single-product div.product .flex-control-thumbs img { border-radius:10px; border:1px solid #e5e8e3; opacity:.7; }
body.single-product div.product .flex-control-thumbs img.flex-active { border-color:var(--temu-orange); opacity:1; box-shadow:0 0 0 2px rgba(255,102,0,.1); }
body.single-product .summary { display:flex; flex-direction:column; align-items:stretch; padding:8px 6px 4px; }
body.single-product .product_title { margin:0 0 10px!important; color:#122019; font-size:clamp(30px,3.3vw,48px)!important; line-height:1.04!important; letter-spacing:-.035em; font-weight:900!important; }
body.single-product .kinbora_commerce-product-rating { display:flex; align-items:center; gap:9px; margin:0 0 12px!important; }
body.single-product .kinbora_commerce-review-link { color:#68746d!important; font-size:12px; font-weight:700; }
body.single-product .star-rating { color:#ff9b21!important; }
body.single-product .summary .price { margin:5px 0 16px!important; color:var(--temu-orange)!important; font-size:clamp(27px,3vw,39px)!important; font-weight:900!important; line-height:1!important; }
body.single-product .summary .price del { color:#929b96!important; font-size:.5em!important; font-weight:650!important; opacity:1!important; }
body.single-product .summary .price ins { text-decoration:none!important; }
body.single-product .kinbora_commerce-product-details__short-description { margin:0 0 18px; padding:16px 18px; background:#f3f9f6; border:1px solid #dfece5; border-radius:16px; color:#4c5b53; font-size:14px; line-height:1.65; }
body.single-product .summary form.cart { display:flex!important; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 14px!important; padding:14px; border:1px solid #e6eae7; border-radius:16px; background:#fff; }
body.single-product .summary form.cart .quantity { margin:0!important; }
body.single-product .summary form.cart .qty { width:78px!important; min-height:48px; padding:0 10px!important; border:1px solid #dce2de!important; border-radius:12px!important; background:#fbfcfb!important; font:800 15px Inter,sans-serif; }
body.single-product .summary .single_add_to_cart_button { flex:1 1 220px; min-height:48px!important; margin:0!important; padding:13px 22px!important; border-radius:12px!important; border:0!important; background:var(--green)!important; color:#fff!important; font:850 14px Inter,sans-serif!important; box-shadow:0 10px 24px rgba(23,107,80,.18)!important; }
body.single-product .summary .single_add_to_cart_button:hover { background:#115b43!important; transform:translateY(-1px); }
body.single-product .product_meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:8px; padding:14px 0 0; border-top:1px solid #eef0ee; color:#748079; font-size:12px; }
body.single-product .product_meta a { color:var(--green)!important; font-weight:750; text-decoration:none; }
body.single-product div.product .kinbora_commerce-tabs, body.single-product div.product .related, body.single-product div.product .upsells { grid-column:1 / -1; width:100%!important; float:none!important; clear:both!important; margin:12px 0 0!important; }
body.single-product div.product .kinbora_commerce-tabs { padding-top:14px; border-top:1px solid #edf0ee; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs { display:flex; flex-wrap:wrap; gap:8px; padding:0!important; margin:0 0 18px!important; border:0!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs::before { display:none!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs li { margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:#f3f6f4!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs li::before, body.single-product div.product .kinbora_commerce-tabs ul.tabs li::after { display:none!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs li a { padding:10px 16px!important; color:#526159!important; font-size:12px!important; font-weight:850!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs li.active { background:#eaf6f0!important; box-shadow:inset 0 0 0 1px #cfe7db!important; }
body.single-product div.product .kinbora_commerce-tabs ul.tabs li.active a { color:var(--green)!important; }
body.single-product .kinbora_commerce-Tabs-panel { margin:0!important; padding:18px!important; border:1px solid #e8ece9; border-radius:16px; background:#fbfcfb; color:#4c5b53; line-height:1.7; }
body.single-product .related > h2, body.single-product .upsells > h2 { margin:12px 0 16px!important; color:#133b30; font-size:24px!important; font-weight:900!important; }
body.single-product .related ul.products, body.single-product .upsells ul.products { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0!important; }
body.single-product .related ul.products::before, body.single-product .related ul.products::after, body.single-product .upsells ul.products::before, body.single-product .upsells ul.products::after { display:none!important; }
body.single-product .related ul.products li.product, body.single-product .upsells ul.products li.product { float:none!important; width:auto!important; margin:0!important; padding:12px!important; border:1px solid #e7ebe8; border-radius:16px; background:#fff; }
body.single-product .related ul.products li.product img, body.single-product .upsells ul.products li.product img { border-radius:12px; margin-bottom:10px!important; }
body.single-product .related ul.products li.product .kinbora_commerce-loop-product__title, body.single-product .upsells ul.products li.product .kinbora_commerce-loop-product__title { padding:0!important; font-size:13px!important; color:#17211d; }
body.single-product .related ul.products li.product .price, body.single-product .upsells ul.products li.product .price { color:var(--temu-orange)!important; font-weight:850!important; }
body.single-product .related ul.products li.product .button, body.single-product .upsells ul.products li.product .button { width:100%; margin-top:8px!important; border-radius:10px!important; background:var(--green)!important; color:#fff!important; text-align:center; }
body.single-product .pswp { z-index:100100!important; }









@media (max-width:1180px) {
  
  
  
  body.single-product div.product { grid-template-columns:minmax(0,1fr) minmax(330px,.9fr); gap:28px; }
}
@media (max-width:900px) {
  
  
  
  
  
  
  
  
  .kinbora-product-page { width:calc(100% - 20px); padding:14px 0 34px!important; }
  .kinbora-product-breadcrumbs { margin:0 4px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  body.single-product div.product { display:block; padding:14px; border-radius:20px; }
  body.single-product div.product .summary { padding:18px 2px 4px; }
  body.single-product .product_title { font-size:29px!important; }
  body.single-product .summary .price { font-size:28px!important; }
  body.single-product .summary form.cart { padding:10px; }
  body.single-product .summary .single_add_to_cart_button { flex-basis:180px; }
  body.single-product div.product .kinbora_commerce-tabs, body.single-product div.product .related, body.single-product div.product .upsells { margin-top:18px!important; }
  body.single-product .related ul.products, body.single-product .upsells ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  
}
@media (max-width:520px) {
  
  
  
  
  
  
  body.single-product div.product { padding:10px; }
  body.single-product div.product .kinbora_commerce-product-gallery__image { border-radius:16px; }
  body.single-product .product_title { font-size:25px!important; }
  body.single-product .kinbora_commerce-product-details__short-description { padding:13px; font-size:13px; }
  body.single-product .summary form.cart { display:grid!important; grid-template-columns:82px 1fr; }
  body.single-product .summary .single_add_to_cart_button { width:100%!important; min-width:0; }
  body.single-product .related ul.products, body.single-product .upsells ul.products { grid-template-columns:1fr 1fr; }
  body.single-product .kinbora_commerce-Tabs-panel { padding:14px!important; }
}


/* ==========================================
   v1.4.15 — Product Page Full-Scale Desktop Fix
   Fixes the native Kinbora Commerce product page looking visually miniature on
   large desktop screens. Scoped only to single-product screens.
   ========================================== */















body.single-product main.kinbora-product-page {
  width: min(1560px, calc(100% - 56px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 34px 0 72px !important;
}
body.single-product .kinbora-product-breadcrumbs {
  margin-bottom: 18px !important;
  font-size: 13px !important;
}
body.single-product div.product {
  grid-template-columns: minmax(0, 1.06fr) minmax(430px, .94fr) !important;
  gap: 52px !important;
  padding: 42px !important;
  border-radius: 30px !important;
}
body.single-product div.product .kinbora_commerce-product-gallery__image, body.single-product div.product .kinbora_commerce-product-gallery__image.flex-active-slide {
  min-height: 520px !important;
  display: grid !important;
  place-items: center !important;
}
body.single-product div.product .kinbora_commerce-product-gallery__image img {
  width: 100% !important;
  min-height: 520px !important;
  max-height: 680px !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.single-product .summary {
  padding: 10px 8px 6px !important;
}
body.single-product .product_title {
  font-size: clamp(40px, 3.2vw, 58px) !important;
  margin-bottom: 10px !important;
}
body.single-product .summary .price {
  font-size: clamp(32px, 2.8vw, 44px) !important;
  margin-bottom: 20px !important;
}
body.single-product .kinbora_commerce-product-details__short-description {
  font-size: 15px !important;
  padding: 18px 20px !important;
}
body.single-product .summary form.cart {
  padding: 17px !important;
}
body.single-product .summary .single_add_to_cart_button {
  min-height: 54px !important;
  font-size: 15px !important;
}
body.single-product .product_meta {
  font-size: 13px !important;
}
body.single-product div.product .kinbora_commerce-tabs, body.single-product div.product .related, body.single-product div.product .upsells {
  margin-top: 22px !important;
}
body.single-product .kinbora_commerce-Tabs-panel {
  font-size: 14px !important;
}


@media (min-width: 901px) and (max-width: 1320px) {
  
  
  
  body.single-product main.kinbora-product-page { width: calc(100% - 36px) !important; }
  body.single-product div.product { grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr) !important; gap: 34px !important; padding: 30px !important; }
  body.single-product div.product .kinbora_commerce-product-gallery__image, body.single-product div.product .kinbora_commerce-product-gallery__image.flex-active-slide, body.single-product div.product .kinbora_commerce-product-gallery__image img { min-height: 430px !important; }
}

@media (max-width: 900px) {
  
  
  
  
  
  
  
  
  
  body.single-product main.kinbora-product-page { width: calc(100% - 18px) !important; padding: 14px 0 38px !important; }
  body.single-product div.product { display: block !important; padding: 16px !important; border-radius: 20px !important; }
  body.single-product div.product .kinbora_commerce-product-gallery__image, body.single-product div.product .kinbora_commerce-product-gallery__image.flex-active-slide, body.single-product div.product .kinbora_commerce-product-gallery__image img { min-height: 0 !important; max-height: none !important; }
  body.single-product .summary { padding: 20px 2px 5px !important; }
  body.single-product .product_title { font-size: 30px !important; }
  body.single-product .summary .price { font-size: 29px !important; }
}

@media (max-width: 600px) {
  
  
  
  
  
  
  
  body.single-product div.product { padding: 11px !important; }
  body.single-product .product_title { font-size: 26px !important; }
}


/* =========================================================
   v1.4.16 — Universal Kinbora popup navigation
   ========================================================= */
body.kinbora-universal-popup-open {
  overflow: hidden !important;
}
#kinboraUniversalPopup[hidden] { display: none !important; }
#kinboraUniversalPopup {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 22px;
}
.kinbora-universal-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 30, 24, .42);
}
.kinbora-universal-popup-dialog {
  position: relative;
  width: min(1180px, calc(100vw - 44px));
  height: min(860px, calc(100vh - 44px));
  background: #fff;
  border: 1px solid rgba(20, 94, 72, .14);
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(4, 27, 21, .28);
  overflow: hidden;
  display: grid;
  grid-template-rows: 62px 1fr;
  transform: translateY(8px) scale(.99);
  opacity: 0;
  transition: transform .18s ease, opacity .18s ease;
}
#kinboraUniversalPopup.is-open .kinbora-universal-popup-dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.kinbora-universal-popup-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 18px;
  border-bottom: 1px solid #e7eee9;
  background: linear-gradient(180deg,#fff,#fbfdfc);
}
.kinbora-universal-popup-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  flex: 1;
}
.kinbora-universal-popup-brand img { width: 30px; height: 30px; object-fit: contain; }
.kinbora-universal-popup-title { font: 800 15px/1.2 Inter,system-ui,sans-serif; color:#12241d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kinbora-universal-popup-subtitle { font: 600 11px/1.2 Inter,system-ui,sans-serif; color:#6b7b74; margin-top:2px; }
.kinbora-universal-popup-openpage, .kinbora-universal-popup-close {
  border: 1px solid #dce9e3;
  background: #fff;
  color: #176b50;
  height: 40px;
  border-radius: 12px;
  display: inline-grid;
  place-items: center;
  font: 800 12px/1 Inter,system-ui,sans-serif;
}
.kinbora-universal-popup-openpage { padding: 0 13px; text-decoration:none; }
.kinbora-universal-popup-close { width:40px; font-size:25px; cursor:pointer; }
.kinbora-universal-popup-frame-wrap { position:relative; min-height:0; background:#f7faf8; }
.kinbora-universal-popup-frame { width:100%; height:100%; border:0; display:block; background:#fff; }
.kinbora-universal-popup-loading {
  position:absolute; inset:0; display:grid; place-items:center; z-index:2;
  background:linear-gradient(180deg,#fbfdfc,#f5faf7); color:#176b50;
  font:800 13px/1.2 Inter,system-ui,sans-serif;
}
#kinboraUniversalPopup.is-loaded .kinbora-universal-popup-loading { display:none; }
.kinbora-universal-popup-spinner { width:32px;height:32px;border:3px solid #d9ebe3;border-top-color:#ff6a00;border-radius:50%;animation:kinboraPopupSpin .7s linear infinite;margin:0 auto 10px; }
@keyframes kinboraPopupSpin { to { transform:rotate(360deg); } }

/* Pages loaded inside the universal popup shed site chrome, but keep their live functionality. */
body.kinbora-popup-document { min-width:0 !important; background:var(--kb-theme-surface) !important; color:var(--kb-theme-text) !important; }
body.kinbora-popup-document #wpadminbar,
body.kinbora-popup-document .top-offer-bar,
body.kinbora-popup-document .mobile-bottom-nav{ display:none !important; }
body.kinbora-popup-document html { margin-top:0 !important; }
body.kinbora-popup-document .kinbora-product-page { width:min(1100px,calc(100% - 28px)) !important; max-width:1100px !important; margin:14px auto 26px !important; padding:0 !important; }
body.kinbora-popup-document .kinbora-product-breadcrumbs { margin-top:0 !important; }

@media (max-width: 760px) {
  #kinboraUniversalPopup { padding:0; place-items:stretch; }
  .kinbora-universal-popup-dialog { width:100vw; height:100dvh; max-width:none; max-height:none; border-radius:0; border:0; grid-template-rows:56px 1fr; }
  .kinbora-universal-popup-head { padding:8px 10px 8px 12px; gap:8px; }
  .kinbora-universal-popup-openpage { display:none; }
  .kinbora-universal-popup-title { font-size:14px; }
  .kinbora-universal-popup-subtitle { font-size:10px; }
  body.kinbora-popup-document .kinbora-product-page { width:calc(100% - 20px) !important; margin:10px auto 18px !important; }
}


/* =========================================================
   v1.4.17 — Popup-first native routes + branded Shop archive
   ========================================================= */
body.kinbora-popup-host-document {
  /* A direct /shop/, /product/, /my-account/ etc. request uses the storefront
     as its visual host. The requested native page is opened on top as a modal. */
  overflow-x: hidden;
}

/* Native Kinbora Commerce Shop/category content rendered inside the popup. */
body.kinbora-popup-document.kinbora_commerce-shop, body.kinbora-popup-document.tax-product_cat, body.kinbora-popup-document.tax-product_tag {
  background: #f6faf8 !important;
}
.kinbora-shop-page {
  width: min(1240px, calc(100% - 36px));
  margin: 0 auto;
  padding: 26px 0 54px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #16201c;
}
.kinbora-shop-breadcrumbs {
  margin: 0 0 12px;
  font-size: 12px;
  color: #6d7d76;
}
.kinbora-shop-breadcrumbs .kinbora_commerce-breadcrumb { margin: 0 !important; }
.kinbora-shop-shell {
  background: #fff;
  border: 1px solid #e5eee9;
  border-radius: 26px;
  box-shadow: 0 18px 50px rgba(16, 66, 51, .08);
  padding: 26px;
}
.kinbora-shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 20px;
}
.kinbora-shop-toolbar .kinbora_commerce-result-count, .kinbora-shop-toolbar .kinbora_commerce-ordering { margin: 0 !important; float: none !important; }
.kinbora-shop-toolbar select {
  min-height: 42px;
  border: 1px solid #dce8e2;
  border-radius: 12px;
  background: #fff;
  padding: 0 36px 0 12px;
  font: 700 12px/1 Inter,system-ui,sans-serif;
}
.kinbora-shop-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.kinbora-shop-page ul.products::before, .kinbora-shop-page ul.products::after { display: none !important; }
.kinbora-shop-page ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #e5eee9;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(18, 60, 47, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}
.kinbora-shop-page ul.products li.product:hover {
  transform: translateY(-2px);
  border-color: #cfe3d9;
  box-shadow: 0 14px 32px rgba(18, 60, 47, .10);
}
.kinbora-shop-page ul.products li.product a { text-decoration: none !important; }
.kinbora-shop-page ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin: 0 0 12px !important;
  border-radius: 14px;
  background: #f7faf8;
}
.kinbora-shop-page ul.products li.product .kinbora_commerce-loop-product__title {
  padding: 0 !important;
  margin: 0 0 8px !important;
  min-height: 42px;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #17251f !important;
}
.kinbora-shop-page ul.products li.product .price {
  display: block !important;
  margin: 0 0 12px !important;
  color: #ff6500 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
.kinbora-shop-page ul.products li.product .button {
  width: 100%;
  min-height: 42px;
  margin: 0 !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center;
  background: #176b50 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
}
.kinbora-shop-page ul.products li.product .button:hover { background: #12573f !important; }
.kinbora-shop-pagination { margin-top: 24px; }
.kinbora-shop-pagination .page-numbers { border: 0 !important; }

/* Popup documents never show the legacy widget/sidebar footer debris. */
body.kinbora-popup-document #secondary, body.kinbora-popup-document .widget-area, body.kinbora-popup-document aside.widget, body.kinbora-popup-document aside#secondary, body.kinbora-popup-document .sidebar { display: none !important; }
body.kinbora-popup-document .kinbora-shop-page {
  width: min(1120px, calc(100% - 24px));
  padding: 14px 0 26px;
}
body.kinbora-popup-document .kinbora-shop-shell {
  border-radius: 20px;
  padding: 20px;
  box-shadow: none;
}

@media (max-width: 980px) {
  .kinbora-shop-page ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .kinbora-shop-page { width: calc(100% - 16px); padding: 8px 0 20px; }
  .kinbora-shop-breadcrumbs { display: none; }
  .kinbora-shop-shell { padding: 14px; border-radius: 18px; }
  .kinbora-shop-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
  .kinbora-shop-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .kinbora-shop-page ul.products li.product { padding: 9px !important; border-radius: 14px; }
  .kinbora-shop-page ul.products li.product .kinbora_commerce-loop-product__title { font-size: 13px !important; min-height: 36px; }
  .kinbora-shop-page ul.products li.product .price { font-size: 14px !important; }
  body.kinbora-popup-document .kinbora-shop-page { width: calc(100% - 12px); padding-top: 6px; }
  body.kinbora-popup-document .kinbora-shop-shell { padding: 10px; border-radius: 14px; }
}
@media (max-width: 420px) {
}


/* Popup documents must fill the iframe viewport. Kinbora Commerce/plugin CSS must
   never shrink the live product card to a partial-width column on phones. */
body.kinbora-popup-document.single-product, body.kinbora-popup-document.single-product #page, body.kinbora-popup-document.single-product #content, body.kinbora-popup-document.single-product main.kinbora-product-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.kinbora-popup-document.single-product main.kinbora-product-page {
  padding-inline: 12px !important;
}
body.kinbora-popup-document.single-product div.product {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-product-gallery, body.kinbora-popup-document.single-product div.product .summary, body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs, body.kinbora-popup-document.single-product div.product .related, body.kinbora-popup-document.single-product div.product .upsells {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
body.kinbora-popup-document.single-product iframe, body.kinbora-popup-document.single-product .paypal-buttons, body.kinbora-popup-document.single-product [class*="paypal"], body.kinbora-popup-document.single-product [id*="paypal"] {
  max-width: 100% !important;
}
@media (max-width: 760px) {
  body.kinbora-popup-document.single-product main.kinbora-product-page {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 10px 20px !important;
  }
  body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
    margin: 2px 4px 10px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }
  body.kinbora-popup-document.single-product div.product {
    display: block !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
  body.kinbora-popup-document.single-product div.product .kinbora_commerce-product-gallery, body.kinbora-popup-document.single-product div.product .summary {
    display: block !important;
  }
  body.kinbora-popup-document.single-product div.product .summary {
    padding: 16px 2px 4px !important;
  }
  body.kinbora-popup-document.single-product .product_title {
    font-size: 28px !important;
    overflow-wrap: anywhere !important;
  }
  body.kinbora-popup-document.single-product .summary .price {
    font-size: 28px !important;
  }
  body.kinbora-popup-document.single-product .summary form.cart, body.kinbora-popup-document.single-product .summary .single_add_to_cart_button, body.kinbora-popup-document.single-product .kinbora_commerce-tabs, body.kinbora-popup-document.single-product .kinbora_commerce-Tabs-panel {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.kinbora-popup-document.single-product [class*="paypal"], body.kinbora-popup-document.single-product [id*="paypal"] {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}


body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-viewport, body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__wrapper {
  min-width: 0 !important;
  border-radius: 20px !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image, body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image.flex-active-slide {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border: 1px solid #e7ece8 !important;
  border-radius: 20px !important;
  background: #fff !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: clamp(8px, 1.3vw, 18px) !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  cursor: zoom-in !important;
  background: #fff !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__trigger {
  top: 14px !important;
  right: 14px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #dfe8e3 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 8px 22px rgba(18, 42, 33, .10) !important;
  z-index: 8 !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs {
  list-style: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs::-webkit-scrollbar {
  display: none !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 4px !important;
  object-fit: contain !important;
  border: 2px solid transparent !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img:hover {
  border-color: rgba(255,102,0,.55) !important;
  transform: translateY(-1px) !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img.flex-active, body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img[aria-current="true"] {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 2px rgba(23,107,80,.12) !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-count {
  position: absolute !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 7 !important;
  min-width: 48px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 999px !important;
  background: rgba(22,32,28,.76) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  backdrop-filter: blur(5px) !important;
  pointer-events: none !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav {
  position: absolute !important;
  z-index: 9 !important;
  width: 34px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid #dfe8e3 !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.98) !important;
  color: var(--green) !important;
  box-shadow: 0 5px 14px rgba(18,42,33,.10) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav:hover {
  border-color: rgba(255,102,0,.5) !important;
  color: var(--temu-orange) !important;
}

@media (min-width: 761px) {
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view {
    padding-left: 94px !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs {
    position: absolute !important;
    left: 0 !important;
    top: 38px !important;
    bottom: 38px !important;
    width: 76px !important;
    max-height: calc(100% - 76px) !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-snap-type: y proximity !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs li {
    float: none !important;
    width: 76px !important;
    height: 76px !important;
    flex: 0 0 76px !important;
    scroll-snap-align: start !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav-prev {
    left: 21px !important;
    top: 2px !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav-next {
    left: 21px !important;
    bottom: 2px !important;
  }
}

@media (max-width: 760px) {
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view {
    padding-left: 0 !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image, body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image.flex-active-slide {
    border-radius: 16px !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 10px 0 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs li {
    float: none !important;
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 64px !important;
    scroll-snap-align: start !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav {
    display: none !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-count {
    right: 10px !important;
    bottom: 82px !important;
  }
}



#kinboraUniversalPopup.is-product-popup {
  padding: 14px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
  width: min(1480px, calc(100vw - 28px)) !important;
  height: min(930px, calc(100dvh - 28px)) !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 18px !important;
  grid-template-rows: 56px 1fr !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-head {
  min-height: 56px !important;
  padding: 8px 12px 8px 16px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-openpage {
  display: none !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame-wrap {
  background: #f5f6f5 !important;
}

body.kinbora-popup-document.single-product {
  background: #f5f6f5 !important;
  color: #222 !important;
}
body.kinbora-popup-document.single-product main.kinbora-product-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 14px 28px !important;
}
body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
  max-width: 1420px !important;
  margin: 0 auto 9px !important;
  padding: 0 4px !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs a {
  color: #555 !important;
  font-weight: 650 !important;
}
body.kinbora-popup-document.single-product div.product {
  width: min(1420px, 100%) !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr) !important;
  gap: 18px !important;
  align-items: start !important;
  background: #fff !important;
  border: 1px solid #e6e8e7 !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 24px rgba(21, 35, 29, .06) !important;
  overflow: visible !important;
}
body.kinbora-popup-document.single-product div.product > .kinbora_commerce-product-gallery {
  align-self: start !important;
  padding: 0 !important;
  background: #fff !important;
}
body.kinbora-popup-document.single-product div.product > .summary {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 2px 2px 18px !important;
  border-left: 1px solid #eceeed !important;
  background: #fff !important;
}
body.kinbora-popup-document.single-product .summary .product_title {
  margin: 0 0 8px !important;
  color: #222 !important;
  font-size: clamp(22px, 2vw, 31px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
  font-weight: 750 !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-rating {
  margin: 0 0 10px !important;
  gap: 8px !important;
  font-size: 12px !important;
}
body.kinbora-popup-document.single-product .summary .price {
  margin: 0 0 12px !important;
  padding: 15px 16px !important;
  border: 1px solid #ffe1cf !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #fff7f1, #fffaf7) !important;
  color: #ff5a00 !important;
  font-size: clamp(27px, 2.4vw, 38px) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}
body.kinbora-popup-document.single-product .summary .price del {
  color: #909090 !important;
  font-size: .52em !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-details__short-description {
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #e9ecea !important;
  border-radius: 10px !important;
  background: #fafbfa !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
body.kinbora-popup-document.single-product .summary .stock {
  margin: 0 0 10px !important;
  color: #176b50 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
body.kinbora-popup-document.single-product .summary form.cart, body.kinbora-popup-document.single-product .summary form.variations_form {
  margin: 0 0 12px !important;
  padding: 14px !important;
  border: 1px solid #e5e7e6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.kinbora-popup-document.single-product .summary table.variations {
  width: 100% !important;
  margin: 0 0 8px !important;
}
body.kinbora-popup-document.single-product .summary table.variations th, body.kinbora-popup-document.single-product .summary table.variations td {
  padding: 7px 4px !important;
  text-align: left !important;
  vertical-align: middle !important;
}
body.kinbora-popup-document.single-product .summary table.variations label {
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
body.kinbora-popup-document.single-product .summary select {
  min-height: 42px !important;
  width: 100% !important;
  border: 1px solid #d9ddda !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 0 10px !important;
}
body.kinbora-popup-document.single-product .summary form.cart .quantity .qty {
  min-height: 48px !important;
  width: 84px !important;
  border-radius: 9px !important;
}
body.kinbora-popup-document.single-product .summary .single_add_to_cart_button {
  min-height: 48px !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body.kinbora-popup-document.single-product .summary .single_add_to_cart_button:hover {
  background: #e95f00 !important;
}
body.kinbora-popup-document.single-product .product_meta {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #e8eae9 !important;
  border-radius: 10px !important;
  background: #fafbfa !important;
  color: #666 !important;
  font-size: 12px !important;
}
body.kinbora-popup-document.single-product .product_meta a {
  color: #176b50 !important;
  font-weight: 700 !important;
}


body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view {
  min-height: 0 !important;
  padding-left: 86px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-viewport, body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__wrapper {
  border-radius: 12px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image, body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image.flex-active-slide {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border: 1px solid #e4e6e5 !important;
  border-radius: 12px !important;
  background: #f8f8f8 !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora_commerce-product-gallery__image img {
  min-height: 0 !important;
  max-height: none !important;
  padding: 8px !important;
  background: #fff !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs {
  left: 0 !important;
  top: 34px !important;
  bottom: 34px !important;
  width: 70px !important;
  gap: 8px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs li {
  width: 70px !important;
  height: 70px !important;
  flex-basis: 70px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img {
  border: 1px solid #dfe2e0 !important;
  border-radius: 8px !important;
  padding: 2px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img.flex-active, body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs img[aria-current="true"] {
  border: 2px solid #ff6a00 !important;
  box-shadow: none !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav-prev, body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-nav-next {
  left: 18px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .kinbora-gallery-count {
  right: 12px !important;
  bottom: 12px !important;
  background: rgba(0,0,0,.65) !important;
}
body.kinbora-popup-document.single-product .kinbora-gallery-view-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 0 86px !important;
}
body.kinbora-popup-document.single-product .kinbora-gallery-view-tab {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #dedfdf !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #444 !important;
  font: 700 11px/1 Inter,system-ui,sans-serif !important;
  cursor: pointer !important;
}
body.kinbora-popup-document.single-product .kinbora-gallery-view-tab.is-active {
  border-color: #ff6a00 !important;
  color: #ff5a00 !important;
  background: #fff7f1 !important;
}
body.kinbora-popup-document.single-product .kinbora-gallery-view-tab[disabled] {
  opacity: .42 !important;
  cursor: not-allowed !important;
}


body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs, body.kinbora-popup-document.single-product div.product .related, body.kinbora-popup-document.single-product div.product .upsells {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs {
  margin-top: 4px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e8eae9 !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs {
  gap: 22px !important;
  margin-bottom: 12px !important;
  padding: 0 4px !important;
  border-bottom: 1px solid #e5e6e6 !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs li {
  border-radius: 0 !important;
  background: transparent !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs li a {
  padding: 11px 2px !important;
  color: #555 !important;
  font-size: 13px !important;
}
body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs li.active a {
  color: #ff5a00 !important;
  border-bottom: 2px solid #ff6a00 !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-Tabs-panel {
  padding: 16px !important;
  border: 1px solid #e8eae9 !important;
  border-radius: 10px !important;
  background: #fff !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-attributes {
  border-collapse: collapse !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-attributes th, body.kinbora-popup-document.single-product .kinbora_commerce-product-attributes td {
  padding: 10px 12px !important;
  border: 1px solid #eceeed !important;
  background: #fff !important;
  font-size: 12px !important;
}
body.kinbora-popup-document.single-product .kinbora_commerce-product-attributes th {
  width: 180px !important;
  background: #f7f8f7 !important;
  color: #555 !important;
}

@media (max-width: 980px) {
  #kinboraUniversalPopup.is-product-popup { padding: 0 !important; }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
  }
  body.kinbora-popup-document.single-product main.kinbora-product-page {
    padding: 8px 8px 22px !important;
  }
  body.kinbora-popup-document.single-product div.product {
    display: block !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }
  body.kinbora-popup-document.single-product div.product > .summary {
    padding: 14px 2px 2px !important;
    border-left: 0 !important;
    border-top: 1px solid #eceeed !important;
    margin-top: 12px !important;
  }
  body.kinbora-popup-document.single-product .summary .product_title {
    font-size: 23px !important;
  }
}

@media (max-width: 760px) {
  body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
    margin-bottom: 7px !important;
    font-size: 10px !important;
  }
  body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view {
    padding-left: 0 !important;
  }
  body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 8px !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-picture-view .flex-control-thumbs li {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
  }
  body.kinbora-popup-document.single-product .kinbora-gallery-view-tabs {
    margin: 8px 0 0 !important;
    overflow-x: auto !important;
  }
  body.kinbora-popup-document.single-product .summary .price {
    font-size: 28px !important;
    padding: 12px !important;
  }
  body.kinbora-popup-document.single-product .summary form.cart, body.kinbora-popup-document.single-product .summary form.variations_form {
    padding: 10px !important;
  }
  body.kinbora-popup-document.single-product .summary form.cart {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  body.kinbora-popup-document.single-product .summary .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 12px !important;
  }
  body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs {
    gap: 12px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
  body.kinbora-popup-document.single-product div.product .kinbora_commerce-tabs ul.tabs li {
    flex: 0 0 auto !important;
  }
  body.kinbora-popup-document.single-product .kinbora_commerce-Tabs-panel {
    padding: 12px !important;
  }
  body.kinbora-popup-document.single-product .kinbora_commerce-product-attributes th {
    width: 36% !important;
  }
}


body.single-product .kinbora-marketplace-product {
  width: min(1440px, 100%) !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.single-product .kinbora-marketplace-product::before, body.single-product .kinbora-marketplace-product::after {
  display: none !important;
  content: none !important;
}
body.single-product .kinbora-marketplace-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.28fr) minmax(430px, .72fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.single-product .kinbora-marketplace-media, body.single-product .kinbora-marketplace-buybox, body.single-product .kinbora-marketplace-details {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.single-product .kinbora-marketplace-media, body.single-product .kinbora-marketplace-buybox {
  background: #fff !important;
  border: 1px solid #e5e7e6 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(17, 24, 21, .035) !important;
}
body.single-product .kinbora-marketplace-media {
  padding: 14px !important;
}
body.single-product .kinbora-marketplace-media-inner {
  position: relative !important;
  min-width: 0 !important;
}
body.single-product .kinbora-marketplace-buybox.summary.entry-summary, body.single-product div.product .kinbora-marketplace-buybox.summary.entry-summary {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px !important;
  border-left: 1px solid #e5e7e6 !important;
  position: sticky !important;
  top: 12px !important;
}
body.kinbora-popup-document.single-product .kinbora-marketplace-buybox.summary.entry-summary {
  top: 8px !important;
}
body.single-product .kinbora-marketplace-buybox .product_title {
  margin: 0 0 8px !important;
  font-size: clamp(22px, 2vw, 31px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
  font-weight: 760 !important;
  color: #1e2723 !important;
}
body.single-product .kinbora-marketplace-buybox .kinbora_commerce-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
}
body.single-product .kinbora-marketplace-buybox .price {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 14px 15px !important;
  border: 1px solid #ffdcca !important;
  border-radius: 10px !important;
  background: #fff7f2 !important;
  color: #ff5a00 !important;
  font-size: clamp(28px, 2.5vw, 39px) !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
}
body.single-product .kinbora-marketplace-buybox .price del {
  opacity: .55 !important;
  font-size: .56em !important;
  font-weight: 650 !important;
}
body.single-product .kinbora-marketplace-buybox .kinbora_commerce-product-details__short-description {
  margin: 0 0 12px !important;
  padding: 11px 12px !important;
  border: 1px solid #ebedec !important;
  border-radius: 9px !important;
  background: #fafbfa !important;
  color: #4f5955 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
body.single-product .kinbora-marketplace-buybox .stock {
  margin: 0 0 10px !important;
  color: #176b50 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
body.single-product .kinbora-marketplace-buybox form.cart, body.single-product .kinbora-marketplace-buybox form.variations_form {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
  border: 1px solid #e4e7e5 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.single-product .kinbora-marketplace-buybox table.variations {
  width: 100% !important;
  margin: 0 0 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 7px !important;
}
body.single-product .kinbora-marketplace-buybox table.variations th, body.single-product .kinbora-marketplace-buybox table.variations td {
  padding: 0 4px !important;
  text-align: left !important;
  vertical-align: middle !important;
}
body.single-product .kinbora-marketplace-buybox table.variations th {
  width: 92px !important;
}
body.single-product .kinbora-marketplace-buybox table.variations label {
  color: #333d39 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}
body.single-product .kinbora-marketplace-buybox select {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #d9dddb !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-buybox form.cart:not(.variations_form) {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
}
body.single-product .kinbora-marketplace-buybox form.cart .quantity, body.single-product .kinbora-marketplace-buybox form.cart .quantity .qty {
  width: 100% !important;
  min-width: 0 !important;
}
body.single-product .kinbora-marketplace-buybox form.cart .quantity .qty {
  min-height: 48px !important;
  border: 1px solid #d9dddb !important;
  border-radius: 9px !important;
}
body.single-product .kinbora-marketplace-buybox .single_add_to_cart_button, body.single-product .kinbora-marketplace-buybox button.single_add_to_cart_button {
  min-height: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ff6600 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  box-shadow: none !important;
}
body.single-product .kinbora-marketplace-buybox .single_add_to_cart_button:hover {
  background: #e95e00 !important;
}
body.single-product .kinbora-marketplace-buybox .product_meta {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #e9ebea !important;
  border-radius: 9px !important;
  background: #fafbfa !important;
  color: #66706c !important;
  font-size: 11px !important;
}
body.single-product .kinbora-marketplace-buybox .product_meta a {
  color: #176b50 !important;
  font-weight: 700 !important;
}


body.single-product .kinbora-marketplace-media .kinbora_commerce-product-gallery, body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 0 92px !important;
  position: relative !important;
  min-height: 470px !important;
  box-sizing: border-box !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__wrapper, body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .flex-viewport {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #e5e7e6 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f7f8f7 !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image, body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image.flex-active-slide {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  max-height: 610px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .flex-control-thumbs {
  display: none !important;
}
body.single-product .kinbora-marketplace-thumbs {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 76px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  z-index: 4 !important;
}
body.single-product .kinbora-marketplace-thumbs::-webkit-scrollbar { display: none !important; }
body.single-product .kinbora-marketplace-thumb {
  width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 3px !important;
  border: 1px solid #dfe2e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  cursor: pointer !important;
  overflow: hidden !important;
  flex: 0 0 72px !important;
}
body.single-product .kinbora-marketplace-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
body.single-product .kinbora-marketplace-thumb.is-active, body.single-product .kinbora-marketplace-thumb[aria-current="true"] {
  border: 2px solid #ff6600 !important;
  padding: 2px !important;
  box-shadow: 0 0 0 1px rgba(255,102,0,.08) !important;
}
body.single-product .kinbora-gallery-count {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 8 !important;
  min-width: 46px !important;
  height: 28px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.68) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
body.single-product .kinbora-gallery-main-nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 8 !important;
  width: 38px !important;
  height: 38px !important;
  margin-top: -19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0,0,0,.09) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  color: #222 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.10) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.single-product .kinbora-gallery-main-prev { left: 104px !important; }
body.single-product .kinbora-gallery-main-next { right: 12px !important; }
body.single-product .kinbora-gallery-view-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 10px 0 0 92px !important;
  min-height: 34px !important;
}
body.single-product .kinbora-gallery-view-tab {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #dbdfdc !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #3f4844 !important;
  font: 700 11px/1 Inter, system-ui, sans-serif !important;
  cursor: pointer !important;
}
body.single-product .kinbora-gallery-view-tab.is-active {
  border-color: #ff6600 !important;
  background: #fff6ef !important;
  color: #f05f00 !important;
}
body.single-product .kinbora-gallery-view-tab[disabled] {
  opacity: .42 !important;
  cursor: not-allowed !important;
}

body.single-product .kinbora-marketplace-details {
  margin-top: 16px !important;
}
body.single-product .kinbora-marketplace-details > .kinbora_commerce-tabs, body.single-product .kinbora-marketplace-details > .related, body.single-product .kinbora-marketplace-details > .upsells, body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs, body.single-product .kinbora-marketplace-details .related, body.single-product .kinbora-marketplace-details .upsells {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs {
  padding: 16px !important;
  border: 1px solid #e5e7e6 !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  margin: 0 0 14px !important;
  padding: 0 2px !important;
  border-bottom: 1px solid #e6e8e7 !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs::before, body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs::after { display: none !important; }
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li a {
  display: block !important;
  padding: 11px 1px !important;
  color: #59625e !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li.active a {
  color: #ff5f00 !important;
  box-shadow: inset 0 -2px 0 #ff6600 !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-Tabs-panel {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #eceeed !important;
  border-radius: 10px !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-product-attributes {
  width: 100% !important;
  border-collapse: collapse !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-product-attributes th, body.single-product .kinbora-marketplace-details .kinbora_commerce-product-attributes td {
  padding: 10px 12px !important;
  border: 1px solid #eceeed !important;
  font-size: 12px !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-product-attributes th {
  width: 190px !important;
  background: #f7f8f7 !important;
  color: #4d5652 !important;
}

/* Popup shell is intentionally large; the product itself scrolls inside it. */
#kinboraUniversalPopup.is-product-popup {
  padding: 12px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
  width: min(1530px, calc(100vw - 24px)) !important;
  height: min(950px, calc(100dvh - 24px)) !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 16px !important;
  grid-template-rows: 56px minmax(0,1fr) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-openpage { display: none !important; }
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame-wrap {
  min-height: 0 !important;
  overflow: hidden !important;
  background: #f5f6f5 !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame {
  width: 100% !important;
  height: 100% !important;
}
body.kinbora-popup-document.single-product {
  background: #f5f6f5 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
body.kinbora-popup-document.single-product main.kinbora-product-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 12px 28px !important;
}
body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
  width: min(1440px,100%) !important;
  margin: 0 auto 8px !important;
  padding: 0 3px !important;
  font-size: 11px !important;
  color: #727a76 !important;
}

@media (max-width: 1050px) {
  body.single-product .kinbora-marketplace-hero {
    grid-template-columns: minmax(0, 1fr) 400px !important;
  }
}

@media (max-width: 900px) {
  #kinboraUniversalPopup.is-product-popup { padding: 0 !important; }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
  }
  body.single-product .kinbora-marketplace-hero {
    display: block !important;
  }
  body.single-product .kinbora-marketplace-media, body.single-product .kinbora-marketplace-buybox {
    border-radius: 12px !important;
  }
  body.single-product .kinbora-marketplace-buybox.summary.entry-summary, body.single-product div.product .kinbora-marketplace-buybox.summary.entry-summary {
    position: static !important;
    margin-top: 10px !important;
    padding: 14px !important;
    border-left: 1px solid #e5e7e6 !important;
  }
}

@media (max-width: 760px) {
  body.kinbora-popup-document.single-product main.kinbora-product-page {
    padding: 7px 7px 20px !important;
  }
  body.single-product .kinbora-marketplace-media {
    padding: 8px !important;
  }
  body.single-product .kinbora-marketplace-media .kinbora_commerce-product-gallery, body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery {
    padding: 0 !important;
    min-height: 0 !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image, body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image.flex-active-slide {
    min-height: 340px !important;
    aspect-ratio: 1 / 1 !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-marketplace-gallery .kinbora_commerce-product-gallery__image img {
    max-height: 430px !important;
    padding: 8px !important;
  }
  body.single-product .kinbora-marketplace-thumbs {
    position: static !important;
    width: 100% !important;
    height: 64px !important;
    margin-top: 8px !important;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 7px !important;
  }
  body.single-product .kinbora-marketplace-thumb {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    flex: 0 0 58px !important;
  }
  body.single-product .kinbora-gallery-view-tabs {
    margin: 8px 0 0 !important;
    overflow-x: auto !important;
  }
  body.single-product .kinbora-gallery-main-prev { left: 10px !important; }
  body.single-product .kinbora-gallery-main-next { right: 10px !important; }
  body.single-product .kinbora-gallery-count {
    right: 9px !important;
    bottom: 80px !important;
  }
  body.single-product .kinbora-marketplace-buybox .product_title {
    font-size: 22px !important;
  }
  body.single-product .kinbora-marketplace-buybox .price {
    font-size: 28px !important;
    padding: 12px !important;
  }
  body.single-product .kinbora-marketplace-buybox form.cart:not(.variations_form) {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }
  body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs {
    padding: 10px !important;
  }
  body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 14px !important;
  }
  body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li {
    flex: 0 0 auto !important;
  }
  body.single-product .kinbora-marketplace-details .kinbora_commerce-product-attributes th {
    width: 38% !important;
  }
}


body.single-product .kinbora-marketplace-product, body.kinbora-popup-document.single-product .kinbora-marketplace-product {
  width: 100% !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
}

body.single-product .kinbora-marketplace-hero, body.kinbora-popup-document.single-product .kinbora-marketplace-hero {
  display: grid !important;
  grid-template-columns: minmax(480px, 620px) minmax(430px, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
  padding: 18px 22px 24px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-product .kinbora-marketplace-media, body.single-product .kinbora-marketplace-buybox, body.kinbora-popup-document.single-product .kinbora-marketplace-media, body.kinbora-popup-document.single-product .kinbora-marketplace-buybox {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

body.single-product .kinbora-marketplace-media, body.kinbora-popup-document.single-product .kinbora-marketplace-media {
  padding: 0 !important;
}

body.single-product .kinbora-marketplace-buybox.summary.entry-summary, body.single-product div.product .kinbora-marketplace-buybox.summary.entry-summary, body.kinbora-popup-document.single-product .kinbora-marketplace-buybox.summary.entry-summary {
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ---------- Exact picture viewer arrangement ---------- */
body.single-product .kinbora_commerce-product-gallery.kinbora-alibaba-gallery, body.kinbora-popup-document.single-product .kinbora_commerce-product-gallery.kinbora-alibaba-gallery {
  float: none !important;
  width: 100% !important;
  max-width: 620px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

body.single-product .kinbora-alibaba-gallery .kinbora-marketplace-thumbs, body.single-product .kinbora-alibaba-gallery .kinbora-gallery-view-tabs, body.single-product .kinbora-alibaba-gallery .kinbora-gallery-count, body.single-product .kinbora-alibaba-gallery .kinbora-gallery-main-nav {
  display: none !important;
}

body.single-product .kinbora-alibaba-gallery .flex-control-thumbs {
  display: none !important;
}

body.single-product .kinbora-ali-gallery-actions {
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
}

body.single-product .kinbora-ali-gallery-action {
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border: 1px solid #ff6a00 !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: #ff6a00 !important;
  font: 600 12px/1 Inter, Arial, sans-serif !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.single-product .kinbora-ali-gallery-action:hover { background: #fff6f0 !important; }

body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__wrapper, body.single-product .kinbora-alibaba-gallery .flex-viewport {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image, body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image.flex-active-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}
body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

body.single-product .kinbora-ali-main-nav {
  position: absolute !important;
  top: calc(35px + 8px + 50%) !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 34px !important;
  height: 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.18) !important;
  color: #fff !important;
  font: 300 34px/1 Arial, sans-serif !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transition: opacity .15s ease !important;
}
body.single-product .kinbora-alibaba-gallery:hover .kinbora-ali-main-nav { opacity: 1 !important; }
body.single-product .kinbora-ali-main-prev { left: 1px !important; }
body.single-product .kinbora-ali-main-next { right: 1px !important; }

body.single-product .kinbora-ali-view-large {
  width: 100% !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  color: #6a6a6a !important;
  font: 400 12px/1 Inter, Arial, sans-serif !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.single-product .kinbora-ali-view-large:hover { color: #ff6a00 !important; }

body.single-product .kinbora-ali-thumb-shell {
  width: 100% !important;
  height: 72px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0,1fr) 24px !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 1px 0 0 !important;
}
body.single-product .kinbora-ali-thumbs {
  height: 66px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}
body.single-product .kinbora-ali-thumbs::-webkit-scrollbar { display: none !important; }
body.single-product .kinbora-ali-thumb {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  flex: 0 0 62px !important;
  padding: 1px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.single-product .kinbora-ali-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
body.single-product .kinbora-ali-thumb.is-active, body.single-product .kinbora-ali-thumb[aria-current="true"] {
  border: 2px solid #ff6a00 !important;
  padding: 0 !important;
}
body.single-product .kinbora-ali-thumb-scroll {
  width: 24px !important;
  height: 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8c8c8c !important;
  font: 300 28px/1 Arial, sans-serif !important;
  cursor: pointer !important;
}
body.single-product .kinbora-ali-thumb-scroll:hover { color: #ff6a00 !important; }

body.single-product .kinbora-ali-share-under {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 2px 0 0 27px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #666 !important;
  font: 400 12px/1 Inter, Arial, sans-serif !important;
  cursor: pointer !important;
}
body.single-product .kinbora-ali-share-under:hover { color: #ff6a00 !important; }

/* ---------- Alibaba-like information column ---------- */
body.single-product .kinbora-marketplace-buybox .product_title {
  margin: 0 0 7px !important;
  color: #222 !important;
  font-size: clamp(20px, 1.7vw, 27px) !important;
  line-height: 1.38 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
body.single-product .kinbora-marketplace-buybox .kinbora_commerce-product-rating {
  margin: 0 0 12px !important;
  color: #ff6a00 !important;
  font-size: 12px !important;
}
body.single-product .kinbora-marketplace-buybox .price {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 15px 16px 14px 74px !important;
  min-height: 64px !important;
  border: 0 !important;
  border-top: 1px solid #f0f0f0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  background: #fafafa !important;
  color: #ff6a00 !important;
  font-size: clamp(27px, 2.1vw, 36px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
body.single-product .kinbora-marketplace-buybox .price::before {
  content: 'Price' !important;
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  color: #888 !important;
  font: 400 12px/1.2 Inter, Arial, sans-serif !important;
}
body.single-product .kinbora-marketplace-buybox .price del { color: #888 !important; font-size: 13px !important; }
body.single-product .kinbora-marketplace-buybox .price ins { text-decoration: none !important; }

body.single-product .kinbora-marketplace-buybox .kinbora_commerce-product-details__short-description {
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body.single-product .kinbora-marketplace-buybox .stock {
  margin: 10px 0 0 !important;
  color: #176b50 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.single-product .kinbora-marketplace-buybox form.cart, body.single-product .kinbora-marketplace-buybox form.variations_form {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.single-product .kinbora-marketplace-buybox table.variations {
  border-spacing: 0 10px !important;
}
body.single-product .kinbora-marketplace-buybox table.variations th {
  width: 118px !important;
  padding-right: 14px !important;
}
body.single-product .kinbora-marketplace-buybox table.variations label {
  color: #666 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
body.single-product .kinbora-marketplace-buybox select, body.single-product .kinbora-marketplace-buybox .quantity .qty {
  min-height: 40px !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 2px !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-buybox form.cart:not(.variations_form) {
  display: grid !important;
  grid-template-columns: 92px minmax(180px, 260px) !important;
  justify-content: start !important;
  gap: 10px !important;
}
body.single-product .kinbora-marketplace-buybox .single_add_to_cart_button, body.single-product .kinbora-marketplace-buybox button.single_add_to_cart_button {
  min-height: 44px !important;
  width: 100% !important;
  padding: 0 24px !important;
  border: 1px solid #ff6a00 !important;
  border-radius: 22px !important;
  background: #ff6a00 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
body.single-product .kinbora-marketplace-buybox .single_add_to_cart_button:hover { background: #e85e00 !important; }
body.single-product .kinbora-marketplace-buybox .product_meta {
  margin: 0 !important;
  padding: 13px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #777 !important;
  font-size: 11px !important;
}

body.single-product .kinbora-marketplace-details {
  width: 100% !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 0 22px 28px !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs {
  padding: 0 !important;
  border: 1px solid #ececec !important;
  border-radius: 0 !important;
  background: #fff !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs {
  margin: 0 !important;
  padding: 0 18px !important;
  gap: 26px !important;
  border-bottom: 1px solid #ececec !important;
  background: #fafafa !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li a {
  padding: 14px 1px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-tabs ul.tabs li.active a {
  color: #ff6a00 !important;
  box-shadow: inset 0 -2px 0 #ff6a00 !important;
}
body.single-product .kinbora-marketplace-details .kinbora_commerce-Tabs-panel {
  padding: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
}


#kinboraUniversalPopup.is-product-popup {
  padding: 10px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
  width: min(1510px, calc(100vw - 20px)) !important;
  height: min(960px, calc(100dvh - 20px)) !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 14px !important;
  grid-template-rows: 56px minmax(0,1fr) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame-wrap { background: #fff !important; }
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame { background: #fff !important; }

body.kinbora-popup-document.single-product main.kinbora-product-page {
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 28px !important;
  margin: 0 !important;
  background: #fff !important;
}
body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 13px 22px 4px !important;
  color: #8a8a8a !important;
  font-size: 11px !important;
}

@media (max-width: 1080px) {
  body.single-product .kinbora-marketplace-hero, body.kinbora-popup-document.single-product .kinbora-marketplace-hero {
    grid-template-columns: minmax(400px, .9fr) minmax(360px, 1.1fr) !important;
    gap: 20px !important;
    padding: 16px !important;
  }
}

@media (max-width: 820px) {
  #kinboraUniversalPopup.is-product-popup {
    padding: 0 !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
  }
  body.single-product .kinbora-marketplace-hero, body.kinbora-popup-document.single-product .kinbora-marketplace-hero {
    display: block !important;
    padding: 9px 10px 18px !important;
  }
  body.single-product .kinbora_commerce-product-gallery.kinbora-alibaba-gallery {
    max-width: none !important;
  }
  body.single-product .kinbora-ali-gallery-actions {
    margin-bottom: 6px !important;
  }
  body.single-product .kinbora-ali-gallery-action {
    height: 29px !important;
    font-size: 11px !important;
  }
  body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image, body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image.flex-active-slide, body.single-product .kinbora-alibaba-gallery .kinbora_commerce-product-gallery__image img {
    aspect-ratio: 1 / 1 !important;
  }
  body.single-product .kinbora-ali-main-nav { opacity: 1 !important; }
  body.single-product .kinbora-ali-thumb-shell {
    height: 64px !important;
    grid-template-columns: 18px minmax(0,1fr) 18px !important;
    gap: 4px !important;
  }
  body.single-product .kinbora-ali-thumbs { height: 60px !important; }
  body.single-product .kinbora-ali-thumb {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex-basis: 56px !important;
  }
  body.single-product .kinbora-ali-thumb-scroll {
    width: 18px !important;
    height: 56px !important;
  }
  body.single-product .kinbora-ali-share-under { margin-left: 22px !important; }
  body.single-product .kinbora-marketplace-buybox.summary.entry-summary {
    margin-top: 13px !important;
    padding: 0 !important;
  }
  body.single-product .kinbora-marketplace-buybox .product_title {
    font-size: 20px !important;
  }
  body.single-product .kinbora-marketplace-buybox .price {
    font-size: 28px !important;
  }
  body.single-product .kinbora-marketplace-buybox form.cart:not(.variations_form) {
    grid-template-columns: 82px minmax(0,1fr) !important;
  }
  body.single-product .kinbora-marketplace-details {
    padding: 0 10px 20px !important;
  }
  body.kinbora-popup-document.single-product .kinbora-product-breadcrumbs {
    padding: 9px 10px 2px !important;
  }
}
\n\n


/* ==========================================
   v1.4.27 — Exact Reference Footer + Mobile/Tablet Scroll Navigation
   Only the footer/nav layer is changed in this release.
   ========================================== */

/* Neutralize older generic footer/dark-mode rules for this one reference footer. */
.kinbora-reference-footer, body.dark-mode .kinbora-reference-footer {
  display:block !important;
  width:min(100%, 1200px) !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:31px 34px 0 !important;
  background:#ffffff !important;
  color:#111111 !important;
  border:0 !important;
  box-shadow:none !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  position:relative !important;
  z-index:20 !important;
  overflow:visible !important;
}
.kinbora-reference-footer *, .kinbora-reference-footer *::before, .kinbora-reference-footer *::after { box-sizing:border-box !important; }
.kinbora-reference-footer p { color:inherit !important; }
.kinbora-reference-footer a { text-decoration:none !important; }



.kb-ref-card {
  width:100% !important;
  max-width:none !important;
  margin:0 0 24px !important;
  background:#fff !important;
  border:1px solid #dfe5e3 !important;
  border-radius:25px !important;
  box-shadow:0 8px 26px rgba(21,44,35,.025) !important;
  overflow:hidden !important;
}
.kb-ref-brand {
  min-height:240px !important;
  padding:14px 24px 22px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.kb-ref-logo {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:105px !important;
  margin:0 !important;
}
.kb-ref-logo img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(500px, 76vw) !important;
  max-height:98px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}
.kb-ref-tagline {
  margin:-1px 0 21px !important;
  color:#7073ad !important;
  font-size:27px !important;
  line-height:1.16 !important;
  font-weight:700 !important;
  letter-spacing:-.4px !important;
}
.kb-ref-motto {
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:29px !important;
  margin:0 !important;
  color:#111 !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:400 !important;
}
.kb-ref-motto-item {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  white-space:nowrap !important;
}
.kb-ref-motto-item svg {
  width:34px !important;
  height:34px !important;
  fill:none !important;
  stroke:#045d31 !important;
  stroke-width:2.1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.kb-ref-motto-item.kb-motto-choose svg { stroke:#ff3d12 !important; }
.kb-ref-dot {
  display:block !important;
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  border-radius:50% !important;
  background:#ff3d12 !important;
}

.kb-ref-section {
  padding:19px 23px 19px !important;
  background:#fff !important;
}
.kb-ref-shopping { min-height:181px !important; }
.kb-ref-payments { min-height:169px !important; margin-bottom:28px !important; }
.kb-ref-legal { min-height:350px !important; margin-bottom:10px !important; }

.kb-ref-title {
  display:inline-block !important;
  position:relative !important;
  margin:0 0 20px !important;
  color:#075d32 !important;
  font-size:29px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:-1px !important;
}
.kb-ref-title::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-13px !important;
  width:50px !important;
  height:3px !important;
  border-radius:2px !important;
  background:#075d32 !important;
}

.kb-info-grid {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  align-items:stretch !important;
  margin-top:4px !important;
}
.kb-info-item {
  min-height:92px !important;
  padding:8px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:17px !important;
  border-right:1px solid #dfe5e3 !important;
  color:#111 !important;
}
.kb-info-item:last-child { border-right:0 !important; }
.kb-info-item svg {
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  fill:none !important;
  stroke:#075d32 !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.kb-info-item .kb-accent { stroke:#ff3d12 !important; }
.kb-info-item span {
  color:#111 !important;
  font-size:19px !important;
  line-height:1.46 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}

.kb-payment-grid {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:3px !important;
}
.kb-payment-logo {
  min-width:0 !important;
  min-height:72px !important;
  height:72px !important;
  padding:7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #dfe5e3 !important;
  border-radius:10px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.kb-payment-logo img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:51px !important;
  object-fit:contain !important;
}

.kb-legal-grid {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px 24px !important;
  margin-top:7px !important;
}
.kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  min-height:74px !important;
  padding:12px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:17px !important;
  border:1px solid #e1e6e4 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1518a7 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  box-shadow:none !important;
  transform:none !important;
}
.kb-legal-link:hover, .kb-legal-link:focus-visible {
  border-color:#cbd2cf !important;
  color:#1518a7 !important;
  box-shadow:0 4px 12px rgba(12,55,37,.045) !important;
  outline:none !important;
}
.kb-legal-link:focus-visible { outline:3px solid rgba(7,94,50,.20) !important; outline-offset:2px !important; }
.kb-legal-link svg {
  width:39px !important;
  height:39px !important;
  min-width:39px !important;
  fill:none !important;
  stroke:#075d32 !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.kb-legal-link.kb-return svg { stroke:#ff3d12 !important; }
.kb-legal-arrow {
  margin-left:auto !important;
  color:#5d61a9 !important;
  font-size:36px !important;
  line-height:.8 !important;
  font-weight:300 !important;
}

.kb-ref-copyright, body.dark-mode .kinbora-reference-footer .kb-ref-copyright {
  width:calc(100% + 68px) !important;
  min-height:51px !important;
  height:51px !important;
  margin:0 0 0 -34px !important;
  padding:5px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  background:#00663d !important;
  color:#fff !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:400 !important;
}
.kb-ref-copyright svg {
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* Separate floating mobile/tablet navigation; it is never part of the footer. */
.mobile-bottom-nav.kb-scroll-nav { display:none !important; }

@media (max-width: 959px) {
  body:not(.kinbora-popup-document) header.glass-box.kb-scroll-header {
    transition:transform 280ms cubic-bezier(.2,.75,.25,1),opacity 280ms ease !important;
    will-change:transform !important;
  }
  body:not(.kinbora-popup-document) header.glass-box.kb-scroll-header.is-kb-header-hidden {
    transform:translate3d(0,-115%,0) !important;
    opacity:.98 !important;
    pointer-events:none !important;
  }

  .mobile-bottom-nav.kb-scroll-nav, body.dark-mode .mobile-bottom-nav.kb-scroll-nav {
    display:flex !important;
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:max(10px,env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    max-width:none !important;
    min-height:66px !important;
    margin:0 !important;
    padding:8px 10px !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:2px !important;
    background:#fff !important;
    border:1px solid #dfe5e3 !important;
    border-radius:22px !important;
    box-shadow:0 12px 35px rgba(12,43,31,.16) !important;
    z-index:99999 !important;
    transform:translate3d(0,calc(100% + 40px),0) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform 280ms cubic-bezier(.2,.75,.25,1),opacity 250ms ease,visibility 0s linear 280ms !important;
    will-change:transform !important;
  }
  .mobile-bottom-nav.kb-scroll-nav.is-kb-nav-visible {
    transform:translate3d(0,0,0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:transform 280ms cubic-bezier(.2,.75,.25,1),opacity 250ms ease,visibility 0s !important;
  }
  .mobile-bottom-nav.kb-scroll-nav a, body.dark-mode .mobile-bottom-nav.kb-scroll-nav a {
    flex:1 1 0 !important;
    min-width:0 !important;
    min-height:48px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:2px 1px !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:#1b211e !important;
    text-decoration:none !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:750 !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }
  .mobile-bottom-nav.kb-scroll-nav a svg {
    width:23px !important;
    height:23px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.9 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .mobile-bottom-nav.kb-scroll-nav a.is-active { color:#075d32 !important; }
  .mobile-bottom-nav.kb-scroll-nav a:focus-visible {
    outline:3px solid rgba(7,94,50,.22) !important;
    outline-offset:1px !important;
  }

  body.kinbora-popup-document .kinbora-reference-footer, body.kinbora-popup-document .mobile-bottom-nav.kb-scroll-nav { display:none !important; }

  .kinbora-reference-footer, body.dark-mode .kinbora-reference-footer {
    width:100% !important;
    max-width:none !important;
    padding:22px 18px 0 !important;
  }
  .kb-ref-card { border-radius:22px !important; margin-bottom:18px !important; }
  .kb-ref-brand { min-height:0 !important; padding:16px 18px 20px !important; }
  .kb-ref-logo { min-height:84px !important; }
  .kb-ref-logo img { max-width:min(480px,72vw) !important; max-height:84px !important; }
  .kb-ref-tagline { font-size:22px !important; margin:-1px 0 18px !important; }
  .kb-ref-motto { font-size:22px !important; gap:19px !important; }
  .kb-ref-motto-item { gap:9px !important; }
  .kb-ref-motto-item svg { width:30px !important; height:30px !important; }

  .kb-ref-section { padding:18px 18px 19px !important; }
  .kb-ref-shopping, .kb-ref-payments, .kb-ref-legal { min-height:0 !important; }
  .kb-ref-payments { margin-bottom:18px !important; }
  .kb-ref-legal { margin-bottom:8px !important; }
  .kb-ref-title { font-size:25px !important; }

  .kb-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .kb-info-item {
    min-height:92px !important;
    border-right:1px solid #dfe5e3 !important;
    border-bottom:1px solid #dfe5e3 !important;
  }
  .kb-info-item:nth-child(2n) { border-right:0 !important; }
  .kb-info-item:nth-child(5) { grid-column:1/-1 !important; border-right:0 !important; border-bottom:0 !important; }
  .kb-info-item:nth-child(3), .kb-info-item:nth-child(4) { border-bottom:0 !important; }
  .kb-info-item span { font-size:17px !important; }

  .kb-payment-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
  .kb-payment-logo { height:65px !important; min-height:65px !important; }

  .kb-legal-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px 12px !important; }
  .kb-legal-link { min-height:67px !important; padding:10px 14px !important; font-size:17px !important; }
  .kb-legal-link svg { width:34px !important; height:34px !important; min-width:34px !important; }

  .kb-ref-copyright {
    width:calc(100% + 36px) !important;
    margin-left:-18px !important;
    min-height:54px !important;
    height:auto !important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)) !important;
    font-size:16px !important;
  }
}

@media (max-width:560px) {
  .kinbora-reference-footer, body.dark-mode .kinbora-reference-footer { padding:16px 10px 0 !important; }
  .kb-ref-card { border-radius:18px !important; margin-bottom:12px !important; }
  .kb-ref-brand { padding:12px 10px 15px !important; }
  .kb-ref-logo { min-height:66px !important; }
  .kb-ref-logo img { max-width:min(410px,86vw) !important; max-height:68px !important; }
  .kb-ref-tagline { font-size:16px !important; margin:0 0 14px !important; }
  .kb-ref-motto { font-size:16px !important; gap:9px !important; }
  .kb-ref-motto-item { gap:5px !important; }
  .kb-ref-motto-item svg { width:23px !important; height:23px !important; }
  .kb-ref-dot { width:7px !important; height:7px !important; min-width:7px !important; }

  .kb-ref-section { padding:15px 12px 15px !important; }
  .kb-ref-title { font-size:22px !important; margin-bottom:18px !important; }
  .kb-ref-title::after { bottom:-10px !important; width:44px !important; }

  .kb-info-item { min-height:88px !important; flex-direction:column !important; gap:7px !important; padding:9px 5px !important; text-align:center !important; }
  .kb-info-item svg { width:39px !important; height:39px !important; min-width:39px !important; }
  .kb-info-item span { font-size:13px !important; line-height:1.25 !important; }

  .kb-payment-grid { gap:8px !important; }
  .kb-payment-logo { height:56px !important; min-height:56px !important; padding:5px !important; }
  .kb-payment-logo img { max-height:40px !important; }

  .kb-legal-grid { grid-template-columns:1fr !important; gap:8px !important; }
  .kb-legal-link { min-height:58px !important; padding:8px 13px !important; font-size:16px !important; gap:12px !important; }
  .kb-legal-link svg { width:30px !important; height:30px !important; min-width:30px !important; }
  .kb-legal-arrow { font-size:29px !important; }

  .kb-ref-copyright {
    width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    font-size:13px !important;
    gap:8px !important;
  }
  .kb-ref-copyright svg { width:23px !important; height:23px !important; min-width:23px !important; }
}



.kinbora-reference-footer, body.dark-mode .kinbora-reference-footer {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#f9fafb !important;
  color:#111827 !important;
  overflow:visible !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}



.kinbora-reference-footer .kb-ref-wrap {
  width:100% !important;
  max-width:1024px !important;
  margin:0 auto !important;
  padding:32px 16px 16px !important;
}

.kinbora-reference-footer .kb-ref-card, body.dark-mode .kinbora-reference-footer .kb-ref-card {
  width:100% !important;
  max-width:none !important;
  margin:0 0 16px !important;
  background:#ffffff !important;
  border:1px solid #f3f4f6 !important;
  border-radius:24px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.05) !important;
  overflow:hidden !important;
}

.kinbora-reference-footer .kb-ref-brand {
  min-height:0 !important;
  padding:32px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.kinbora-reference-footer .kb-ref-logo {
  display:flex !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 0 6px !important;
  align-items:center !important;
  justify-content:center !important;
}
.kinbora-reference-footer .kb-ref-logo img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(420px,82vw) !important;
  max-height:92px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}
.kinbora-reference-footer .kb-ref-tagline {
  margin:0 0 24px !important;
  color:#5b6c9a !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
.kinbora-reference-footer .kb-ref-motto {
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  color:#374151 !important;
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}
.kinbora-reference-footer .kb-ref-motto-item { gap:8px !important; }
.kinbora-reference-footer .kb-ref-motto-item svg {
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  stroke:#15803d !important;
  stroke-width:2 !important;
}
.kinbora-reference-footer .kb-ref-motto-item.kb-motto-choose svg { stroke:#ff4500 !important; }
.kinbora-reference-footer .kb-ref-dot {
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  background:#ff4500 !important;
}

.kinbora-reference-footer .kb-ref-section { padding:32px !important; min-height:0 !important; }
.kinbora-reference-footer .kb-ref-payments, .kinbora-reference-footer .kb-ref-legal { margin-bottom:16px !important; }
.kinbora-reference-footer .kb-ref-title {
  display:inline-block !important;
  margin:0 0 24px !important;
  color:#0a4d2e !important;
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  border-bottom:2px solid #0a4d2e !important;
  padding-bottom:4px !important;
}
.kinbora-reference-footer .kb-ref-title::after { display:none !important; }

.kinbora-reference-footer .kb-info-grid {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 !important;
  align-items:center !important;
}
.kinbora-reference-footer .kb-info-item {
  min-height:58px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  border:0 !important;
  color:#374151 !important;
  text-align:left !important;
}
.kinbora-reference-footer .kb-info-item svg {
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  stroke:#166534 !important;
  stroke-width:2.15 !important;
}
.kinbora-reference-footer .kb-info-item span {
  color:#374151 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
}

.kinbora-reference-footer .kb-payment-grid {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  margin:0 !important;
}
.kinbora-reference-footer .kb-payment-logo {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:90px !important;
  height:48px !important;
  min-height:48px !important;
  padding:8px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #e5e7eb !important;
  border-radius:8px !important;
  background:#fff !important;
}
.kinbora-reference-footer .kb-payment-logo img {
  max-width:84px !important;
  max-height:28px !important;
  object-fit:contain !important;
}

.kinbora-reference-footer .kb-legal-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px 32px !important;
  margin:0 !important;
}
.kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  min-height:50px !important;
  padding:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  background:#f9fafb !important;
  border:0 !important;
  border-radius:12px !important;
  color:#2b3d7a !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  box-shadow:none !important;
  transition:background-color .2s ease !important;
}
.kinbora-reference-footer .kb-legal-link:hover, .kinbora-reference-footer .kb-legal-link:focus-visible {
  background:#f3f4f6 !important;
  color:#2b3d7a !important;
  box-shadow:none !important;
}
.kinbora-reference-footer .kb-legal-link svg {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  stroke:#15803d !important;
  stroke-width:2 !important;
}
.kinbora-reference-footer .kb-legal-link.kb-return svg { stroke:#ff4500 !important; }
.kinbora-reference-footer .kb-legal-arrow {
  margin-left:auto !important;
  color:#9ca3af !important;
  font-size:20px !important;
  line-height:1 !important;
}

.kinbora-reference-footer .kb-ref-copyright, body.dark-mode .kinbora-reference-footer .kb-ref-copyright {
  width:100% !important;
  min-height:52px !important;
  height:auto !important;
  margin:16px 0 0 !important;
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:#0a4d2e !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}
.kinbora-reference-footer .kb-ref-copyright svg {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  stroke:#fff !important;
}

@media (max-width:1024px) {
  .kinbora-reference-footer .kb-ref-wrap { padding:24px 16px 16px !important; }
  .kinbora-reference-footer .kb-ref-brand, .kinbora-reference-footer .kb-ref-section { padding:24px !important; }
  .kinbora-reference-footer .kb-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .kinbora-reference-footer .kb-info-item:nth-child(5) { grid-column:1 / -1 !important; }
  .kinbora-reference-footer .kb-legal-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px 16px !important; }
  .kinbora-reference-footer .kb-ref-copyright {
    padding-bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media (max-width:640px) {
  .kinbora-reference-footer .kb-ref-wrap { padding:16px 12px 12px !important; }
  .kinbora-reference-footer .kb-ref-card { border-radius:20px !important; margin-bottom:12px !important; }
  .kinbora-reference-footer .kb-ref-brand, .kinbora-reference-footer .kb-ref-section { padding:20px 16px !important; }
  .kinbora-reference-footer .kb-ref-logo img { max-width:min(340px,82vw) !important; max-height:74px !important; }
  .kinbora-reference-footer .kb-ref-tagline { font-size:15px !important; margin-bottom:18px !important; }
  .kinbora-reference-footer .kb-ref-motto { gap:10px !important; font-size:15px !important; }
  .kinbora-reference-footer .kb-ref-motto-item { gap:5px !important; }
  .kinbora-reference-footer .kb-ref-motto-item svg { width:20px !important; height:20px !important; min-width:20px !important; }
  .kinbora-reference-footer .kb-ref-dot { width:6px !important; height:6px !important; min-width:6px !important; }
  .kinbora-reference-footer .kb-ref-title { font-size:18px !important; margin-bottom:20px !important; }
  .kinbora-reference-footer .kb-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px 10px !important; }
  .kinbora-reference-footer .kb-info-item { min-height:52px !important; gap:8px !important; }
  .kinbora-reference-footer .kb-info-item svg { width:30px !important; height:30px !important; min-width:30px !important; }
  .kinbora-reference-footer .kb-info-item span { font-size:12px !important; }
  .kinbora-reference-footer .kb-payment-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
  .kinbora-reference-footer .kb-payment-logo { width:100% !important; min-width:0 !important; padding:7px 8px !important; }
  .kinbora-reference-footer .kb-legal-grid { grid-template-columns:1fr !important; gap:10px !important; }
  .kinbora-reference-footer .kb-legal-link { min-height:48px !important; font-size:15px !important; }
  .kinbora-reference-footer .kb-ref-copyright { margin-top:12px !important; font-size:12px !important; padding:14px 10px calc(14px + env(safe-area-inset-bottom,0px)) !important; }
}


/* ==========================================
   v1.4.29 — Reference Footer Exact Layout Lock
   Keeps the supplied 1200×1107 reference composition intact on desktop, tablet and mobile instead of collapsing it into long single-column cards.
   ========================================== */
.kinbora-reference-footer, body.dark-mode .kinbora-reference-footer {
  --kb-ref-green:#0b5b31;
  --kb-ref-deep:#063312;
  --kb-ref-orange:#ff3b0b;
  --kb-ref-blue:#213a78;
  --kb-ref-line:#e0e5e8;
  --kb-ref-soft:#fbfbfb;
  background:#fff !important;
  overflow:hidden !important;
}

.kinbora-reference-footer .kb-ref-wrap {
  width:min(100%,1200px) !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:32px 34px 12px !important;
}

.kinbora-reference-footer .kb-ref-card, body.dark-mode .kinbora-reference-footer .kb-ref-card {
  margin:0 0 24px !important;
  border:1px solid var(--kb-ref-line) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 1px 8px rgba(10,40,24,.035) !important;
}

.kinbora-reference-footer .kb-ref-brand {
  padding:18px 28px 24px !important;
  min-height:238px !important;
}
.kinbora-reference-footer .kb-ref-logo {
  margin:0 !important;
  min-height:96px !important;
}
.kinbora-reference-footer .kb-ref-logo img {
  width:min(495px,55%) !important;
  max-width:495px !important;
  max-height:98px !important;
}
.kinbora-reference-footer .kb-ref-tagline {
  margin:-2px 0 20px !important;
  color:#646b9a !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}
.kinbora-reference-footer .kb-ref-motto {
  flex-wrap:nowrap !important;
  gap:34px !important;
  color:#111 !important;
  font-size:28px !important;
  line-height:1.1 !important;
}
.kinbora-reference-footer .kb-ref-motto-item { gap:13px !important; }
.kinbora-reference-footer .kb-ref-motto-item svg {
  width:37px !important;
  height:37px !important;
  min-width:37px !important;
  stroke:var(--kb-ref-green) !important;
  stroke-width:2 !important;
  fill:none !important;
}
.kinbora-reference-footer .kb-ref-motto-item.kb-motto-choose svg { stroke:var(--kb-ref-orange) !important; }
.kinbora-reference-footer .kb-ref-dot {
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  background:var(--kb-ref-orange) !important;
}

.kinbora-reference-footer .kb-ref-section {
  padding:18px 24px 22px !important;
}
.kinbora-reference-footer .kb-ref-title {
  position:relative !important;
  display:inline-block !important;
  margin:0 0 26px !important;
  padding:0 !important;
  border:0 !important;
  color:var(--kb-ref-green) !important;
  font-size:30px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
}
.kinbora-reference-footer .kb-ref-title::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  bottom:-12px !important;
  width:51px !important;
  height:2px !important;
  border-radius:2px !important;
  background:var(--kb-ref-green) !important;
}

.kinbora-reference-footer .kb-ref-shopping { min-height:180px !important; }
.kinbora-reference-footer .kb-info-grid {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
}
.kinbora-reference-footer .kb-info-item, .kinbora-reference-footer .kb-info-item:nth-child(5) {
  grid-column:auto !important;
  min-width:0 !important;
  min-height:92px !important;
  padding:0 22px !important;
  gap:18px !important;
  border-right:1px solid var(--kb-ref-line) !important;
}
.kinbora-reference-footer .kb-info-item:first-child { padding-left:4px !important; }
.kinbora-reference-footer .kb-info-item:last-child { border-right:0 !important; padding-right:0 !important; }
.kinbora-reference-footer .kb-info-item svg {
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  stroke:var(--kb-ref-green) !important;
  stroke-width:2.1 !important;
  fill:none !important;
}
.kinbora-reference-footer .kb-info-item .kb-accent { stroke:var(--kb-ref-orange) !important; }
.kinbora-reference-footer .kb-info-item span {
  color:#111 !important;
  font-size:20px !important;
  line-height:1.36 !important;
  font-weight:500 !important;
}

.kinbora-reference-footer .kb-ref-payments { min-height:166px !important; }
.kinbora-reference-footer .kb-payment-grid {
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
.kinbora-reference-footer .kb-payment-logo {
  width:100% !important;
  min-width:0 !important;
  height:72px !important;
  min-height:72px !important;
  padding:7px 10px !important;
  border:1px solid #dce2e7 !important;
  border-radius:8px !important;
  background:#fff !important;
}
.kinbora-reference-footer .kb-payment-logo img {
  width:auto !important;
  max-width:90% !important;
  max-height:48px !important;
}

.kinbora-reference-footer .kb-ref-legal {
  min-height:348px !important;
  margin-bottom:0 !important;
}
.kinbora-reference-footer .kb-legal-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px 24px !important;
}
.kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  min-width:0 !important;
  min-height:74px !important;
  padding:12px 19px !important;
  gap:18px !important;
  border:1px solid #e6e9eb !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,#fff 0%,#fcfcfc 100%) !important;
  color:#1533a6 !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  box-shadow:0 1px 6px rgba(25,49,80,.02) !important;
  white-space:nowrap !important;
}
.kinbora-reference-footer .kb-legal-link svg {
  width:39px !important;
  height:39px !important;
  min-width:39px !important;
  stroke:var(--kb-ref-green) !important;
  stroke-width:1.75 !important;
  fill:none !important;
}
.kinbora-reference-footer .kb-legal-link.kb-return svg { stroke:var(--kb-ref-orange) !important; }
.kinbora-reference-footer .kb-legal-arrow {
  margin-left:auto !important;
  color:#626ca3 !important;
  font-size:35px !important;
  font-weight:300 !important;
}

.kinbora-reference-footer .kb-ref-copyright, body.dark-mode .kinbora-reference-footer .kb-ref-copyright {
  width:100% !important;
  min-height:52px !important;
  margin:0 !important;
  padding:8px 18px !important;
  gap:14px !important;
  background:linear-gradient(90deg,#00683a 0%,#0b5b31 55%,#006c3a 100%) !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}
.kinbora-reference-footer .kb-ref-copyright svg {
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  stroke:#fff !important;
  fill:none !important;
}

/* Keep the exact reference composition on tablet/mobile: 5 info columns, 9 payment tiles and the 3×3 legal grid stay intact; only scale typography, icons, spacing and radii down to fit the viewport. */
@media (max-width:1024px) {
  .kinbora-reference-footer .kb-ref-wrap { padding:18px 16px 10px !important; }
  .kinbora-reference-footer .kb-ref-card { margin-bottom:16px !important; border-radius:20px !important; }
  .kinbora-reference-footer .kb-ref-brand { min-height:0 !important; padding:15px 18px 18px !important; }
  .kinbora-reference-footer .kb-ref-logo { min-height:76px !important; }
  .kinbora-reference-footer .kb-ref-logo img { width:min(420px,54%) !important; max-height:82px !important; }
  .kinbora-reference-footer .kb-ref-tagline { font-size:22px !important; margin:-2px 0 16px !important; }
  .kinbora-reference-footer .kb-ref-motto { font-size:22px !important; gap:25px !important; }
  .kinbora-reference-footer .kb-ref-motto-item { gap:9px !important; }
  .kinbora-reference-footer .kb-ref-motto-item svg { width:30px !important; height:30px !important; min-width:30px !important; }
  .kinbora-reference-footer .kb-ref-dot { width:9px !important; height:9px !important; min-width:9px !important; }

  .kinbora-reference-footer .kb-ref-section { padding:16px 18px 18px !important; min-height:0 !important; }
  .kinbora-reference-footer .kb-ref-title { font-size:24px !important; margin-bottom:23px !important; }
  .kinbora-reference-footer .kb-ref-title::after { bottom:-10px !important; width:44px !important; }

  .kinbora-reference-footer .kb-info-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:0 !important; }
  .kinbora-reference-footer .kb-info-item,
  .kinbora-reference-footer .kb-info-item:nth-child(5) { grid-column:auto !important; min-height:72px !important; padding:0 12px !important; gap:10px !important; }
  .kinbora-reference-footer .kb-info-item:first-child { padding-left:2px !important; }
  .kinbora-reference-footer .kb-info-item svg { width:40px !important; height:40px !important; min-width:40px !important; }
  .kinbora-reference-footer .kb-info-item span { font-size:15px !important; }

  .kinbora-reference-footer .kb-payment-grid { grid-template-columns:repeat(9,minmax(0,1fr)) !important; gap:9px !important; }
  .kinbora-reference-footer .kb-payment-logo { height:58px !important; min-height:58px !important; padding:6px 7px !important; }
  .kinbora-reference-footer .kb-payment-logo img { max-width:92% !important; max-height:39px !important; }

  .kinbora-reference-footer .kb-legal-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:11px 16px !important; }
  .kinbora-reference-footer .kb-legal-link { min-height:60px !important; padding:10px 13px !important; gap:12px !important; font-size:17px !important; white-space:nowrap !important; }
  .kinbora-reference-footer .kb-legal-link svg { width:31px !important; height:31px !important; min-width:31px !important; }
  .kinbora-reference-footer .kb-legal-arrow { font-size:28px !important; }

  .kinbora-reference-footer .kb-ref-copyright { min-height:48px !important; font-size:17px !important; padding:9px 14px calc(9px + env(safe-area-inset-bottom,0px)) !important; }
  .kinbora-reference-footer .kb-ref-copyright svg { width:24px !important; height:24px !important; min-width:24px !important; }
}

@media (max-width:640px) {
  .kinbora-reference-footer .kb-ref-wrap { padding:10px 8px 7px !important; }
  .kinbora-reference-footer .kb-ref-card { margin-bottom:10px !important; border-radius:14px !important; }
  .kinbora-reference-footer .kb-ref-brand { padding:10px 8px 12px !important; }
  .kinbora-reference-footer .kb-ref-logo { min-height:48px !important; }
  .kinbora-reference-footer .kb-ref-logo img { width:min(245px,60%) !important; max-width:245px !important; max-height:49px !important; }
  .kinbora-reference-footer .kb-ref-tagline { font-size:12.8px !important; line-height:1.15 !important; margin:-1px 0 10px !important; }
  .kinbora-reference-footer .kb-ref-motto { flex-wrap:nowrap !important; font-size:12.5px !important; gap:10px !important; }
  .kinbora-reference-footer .kb-ref-motto-item { gap:4px !important; }
  .kinbora-reference-footer .kb-ref-motto-item svg { width:18px !important; height:18px !important; min-width:18px !important; }
  .kinbora-reference-footer .kb-ref-dot { width:5px !important; height:5px !important; min-width:5px !important; }

  .kinbora-reference-footer .kb-ref-section { padding:10px 9px 11px !important; }
  .kinbora-reference-footer .kb-ref-title { font-size:14.5px !important; line-height:1.1 !important; margin-bottom:15px !important; }
  .kinbora-reference-footer .kb-ref-title::after { bottom:-7px !important; width:25px !important; height:1.5px !important; }

  .kinbora-reference-footer .kb-info-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:0 !important; }
  .kinbora-reference-footer .kb-info-item, .kinbora-reference-footer .kb-info-item:nth-child(5) { grid-column:auto !important; min-height:50px !important; padding:0 4px !important; gap:4px !important; border-right:1px solid #e4e8ea !important; }
  .kinbora-reference-footer .kb-info-item:first-child { padding-left:0 !important; }
  .kinbora-reference-footer .kb-info-item:last-child { border-right:0 !important; padding-right:0 !important; }
  .kinbora-reference-footer .kb-info-item svg { width:21px !important; height:21px !important; min-width:21px !important; stroke-width:2.15 !important; }
  .kinbora-reference-footer .kb-info-item span { font-size:8.7px !important; line-height:1.23 !important; font-weight:500 !important; }

  .kinbora-reference-footer .kb-payment-grid { display:grid !important; grid-template-columns:repeat(9,minmax(0,1fr)) !important; gap:4px !important; }
  .kinbora-reference-footer .kb-payment-logo { width:100% !important; min-width:0 !important; height:31px !important; min-height:31px !important; padding:3px !important; border-radius:4px !important; }
  .kinbora-reference-footer .kb-payment-logo img { width:auto !important; max-width:94% !important; max-height:22px !important; }

  .kinbora-reference-footer .kb-legal-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px 7px !important; }
  .kinbora-reference-footer .kb-legal-link { min-width:0 !important; min-height:42px !important; padding:5px 6px !important; gap:5px !important; border-radius:6px !important; font-size:9.2px !important; line-height:1.05 !important; white-space:nowrap !important; }
  .kinbora-reference-footer .kb-legal-link svg { width:16px !important; height:16px !important; min-width:16px !important; stroke-width:1.75 !important; }
  .kinbora-reference-footer .kb-legal-arrow { font-size:15px !important; }

  .kinbora-reference-footer .kb-ref-copyright { min-height:36px !important; height:auto !important; margin:0 !important; gap:6px !important; padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px)) !important; font-size:10.4px !important; line-height:1.1 !important; white-space:nowrap !important; }
  .kinbora-reference-footer .kb-ref-copyright svg { width:15px !important; height:15px !important; min-width:15px !important; }
}


/* ==========================================
   v1.4.30 — Kinbora Popup Only / Quick View Removal
   ========================================== */
.quick-view, .quickview, .quick_view, .product-quick-view, .kinbora-legacy-qv-button, #yith-quick-view-modal, .yith-quick-view, .kinbora-legacy-qv-btn, #kinbora-legacy-qv-popup, .kinbora-legacy-qv-popup, .wpc-smart-quick-view, .xoo-qv-button, .xoo-qv-opac, .xoo-qv-panel, [data-quick-view], [data-quickview], [data-action="quickview"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.kinbora-universal-popup-openpage { display: none !important; }


/* =========================================================
   v1.4.31 — Single Kinbora popup shell for policy/support views
   The universal Kinbora header/close control is the only visible modal shell.
   Legacy route overlays are flattened only inside popup documents so the
   storefront behind them never shows as a second dark/nested popup.
   ========================================================= */
body.kinbora-popup-document .privacy-overlay {
  position: fixed !important;
  inset: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  transition: none !important;
}
body.kinbora-popup-document .privacy-overlay.open {
  visibility: visible !important;
  opacity: 1 !important;
}
body.kinbora-popup-document .privacy-overlay .privacy-box, body.kinbora-popup-document .privacy-overlay.open .privacy-box {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
body.kinbora-popup-document .privacy-overlay .privacy-close {
  display: none !important;
}
body.kinbora-popup-document .privacy-overlay .modal-inner-scroll {
  max-height: none !important;
  overflow: visible !important;
}
@media (max-width: 767px) {
  body.kinbora-popup-document .privacy-overlay .privacy-box {
    border-radius: 0 !important;
  }
  body.kinbora-popup-document #contactUsOverlay .modal-inner-scroll {
    padding: 18px 14px 28px !important;
  }
}


/* =========================================================
   v1.4.32 — Global Single Kinbora Popup Enforcement
   Legacy theme overlays never render as a second shell on the
   storefront. They are used only as stripped CONTENT documents
   inside the one Kinbora universal popup.
   ========================================================= */

/* Parent storefront: disable every old policy/support modal shell. The
   corresponding actions are routed by JS into #kinboraUniversalPopup. */
body:not(.kinbora-popup-document) .privacy-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Catch additional quick-view implementations injected by plugins/themes. */
[class*="quick-view" i], [class*="quickview" i], [id*="quick-view" i], [id*="quickview" i], [aria-label*="quick view" i], [title*="quick view" i], [data-action*="quickview" i], [data-action*="quick-view" i] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Virtual route documents live inside the Kinbora iframe. Suppress the
   storefront chrome behind the requested legacy content so there can never be
   a "popup behind a popup" visual. */
body.kinbora-popup-document.kinbora-storefront-route header.glass-box, body.kinbora-popup-document.kinbora-storefront-route .top-offer-bar, body.kinbora-popup-document.kinbora-storefront-route .hero, body.kinbora-popup-document.kinbora-storefront-route #categories, body.kinbora-popup-document.kinbora-storefront-route #deals, body.kinbora-popup-document.kinbora-storefront-route .kinbora-reference-footer, body.kinbora-popup-document.kinbora-storefront-route .mobile-bottom-nav, body.kinbora-popup-document.kinbora-storefront-route .cookie-banner, body.kinbora-popup-document.kinbora-storefront-route .full-dashboard-overlay {
  display: none !important;
}
body.kinbora-popup-document #contactUsOverlay .modal-inner-scroll, body.kinbora-popup-document #aboutOverlay .about-box-inner, body.kinbora-popup-document #ourStoryOverlay .story-inner-scroll {
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  body.kinbora-popup-document #contactUsOverlay .modal-inner-scroll {
    padding: 16px 12px 24px !important;
  }
  body.kinbora-popup-document #aboutOverlay .about-box-inner, body.kinbora-popup-document #ourStoryOverlay .story-inner-scroll {
    padding: 18px 14px 26px !important;
  }
}


#kinboraUniversalPopup {
  padding: clamp(14px, 3vw, 34px) !important;
  place-items: center !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-backdrop {
  background: rgba(8, 30, 24, .54) !important;
  backdrop-filter: blur(7px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.05) !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-dialog {
  width: min(900px, calc(100vw - 40px)) !important;
  height: min(720px, calc(100dvh - 48px)) !important;
  max-width: calc(100vw - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  border: 1px solid rgba(23, 107, 80, .16) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 34px 95px rgba(5, 28, 21, .34), 0 0 0 1px rgba(255,255,255,.72) inset !important;
  overflow: hidden !important;
  grid-template-rows: 64px minmax(0,1fr) !important;
  transform: translateY(18px) scale(.975) !important;
  opacity: 0 !important;
  transition: transform .27s cubic-bezier(.2,.82,.2,1), opacity .22s ease !important;
}
#kinboraUniversalPopup.is-open .kinbora-universal-popup-dialog {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-head {
  min-height: 64px !important;
  padding: 10px 12px 10px 16px !important;
  border-bottom: 1px solid #e5eee9 !important;
  background: linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%) !important;
  box-shadow: 0 5px 20px rgba(13,54,42,.045) !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-brand img {
  width: 34px !important;
  height: 34px !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-title {
  font-size: 16px !important;
  font-weight: 850 !important;
  color: #10271f !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-subtitle {
  font-size: 11px !important;
  color: #718078 !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-close {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border: 1px solid #cfe1d9 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #176b50 !important;
  font-size: 29px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(23,107,80,.08) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-close:hover, #kinboraUniversalPopup .kinbora-universal-popup-close:focus-visible {
  background: #fff7f2 !important;
  color: #ff6600 !important;
  border-color: #ffd4bd !important;
  transform: rotate(6deg) scale(1.04) !important;
  outline: none !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-frame-wrap {
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-frame {
  width: 100% !important;
  height: 100% !important;
  background: #fff !important;
}

/* Content-aware shell sizes. */
#kinboraUniversalPopup.is-policy-popup .kinbora-universal-popup-dialog {
  width: min(820px, calc(100vw - 40px)) !important;
  height: min(700px, calc(100dvh - 52px)) !important;
}
#kinboraUniversalPopup.is-auth-popup .kinbora-universal-popup-dialog {
  width: min(640px, calc(100vw - 40px)) !important;
  height: min(690px, calc(100dvh - 52px)) !important;
}
#kinboraUniversalPopup.is-commerce-popup .kinbora-universal-popup-dialog {
  width: min(1120px, calc(100vw - 40px)) !important;
  height: min(820px, calc(100dvh - 48px)) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
  width: min(1500px, calc(100vw - 26px)) !important;
  height: min(940px, calc(100dvh - 26px)) !important;
  border-radius: 24px !important;
  grid-template-rows: 60px minmax(0,1fr) !important;
}

/* Mobile/tablet: keep the popup visibly separated from the screen edges.
   This intentionally overrides the old full-screen mobile rules. */
@media (max-width: 1024px) {
  #kinboraUniversalPopup {
    padding: 16px !important;
    place-items: center !important;
  }
  #kinboraUniversalPopup .kinbora-universal-popup-dialog,
  #kinboraUniversalPopup.is-policy-popup .kinbora-universal-popup-dialog,
  #kinboraUniversalPopup.is-auth-popup .kinbora-universal-popup-dialog,
  #kinboraUniversalPopup.is-commerce-popup .kinbora-universal-popup-dialog {
    width: calc(100vw - 32px) !important;
    max-width: 860px !important;
    height: min(86dvh, 760px) !important;
    max-height: calc(100dvh - 32px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(23,107,80,.15) !important;
    grid-template-rows: 60px minmax(0,1fr) !important;
  }
  #kinboraUniversalPopup.is-policy-popup .kinbora-universal-popup-dialog,
  #kinboraUniversalPopup.is-auth-popup .kinbora-universal-popup-dialog {
    height: min(80dvh, 680px) !important;
  }
  #kinboraUniversalPopup.is-commerce-popup .kinbora-universal-popup-dialog {
    height: min(88dvh, 790px) !important;
  }
  #kinboraUniversalPopup.is-product-popup {
    padding: 8px !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 20px !important;
    grid-template-rows: 58px minmax(0,1fr) !important;
  }
  #kinboraUniversalPopup .kinbora-universal-popup-head {
    min-height: 60px !important;
    padding: 8px 9px 8px 12px !important;
  }
  #kinboraUniversalPopup .kinbora-universal-popup-brand img {
    width: 31px !important;
    height: 31px !important;
  }
  #kinboraUniversalPopup .kinbora-universal-popup-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 480px) {
  #kinboraUniversalPopup { padding: 12px !important; }
  #kinboraUniversalPopup .kinbora-universal-popup-dialog, #kinboraUniversalPopup.is-policy-popup .kinbora-universal-popup-dialog, #kinboraUniversalPopup.is-auth-popup .kinbora-universal-popup-dialog, #kinboraUniversalPopup.is-commerce-popup .kinbora-universal-popup-dialog {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    height: min(84dvh, 720px) !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 22px !important;
  }
  #kinboraUniversalPopup.is-policy-popup .kinbora-universal-popup-dialog, #kinboraUniversalPopup.is-auth-popup .kinbora-universal-popup-dialog {
    height: min(78dvh, 650px) !important;
  }
  #kinboraUniversalPopup.is-product-popup {
    padding: 6px !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    border-radius: 18px !important;
  }
  #kinboraUniversalPopup .kinbora-universal-popup-title { font-size: 14px !important; }
  #kinboraUniversalPopup .kinbora-universal-popup-subtitle { font-size: 10px !important; }
}


/* =========================================================
   v1.4.34 — Fast Legal & Help panels
   ========================================================= */
.kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  color:#2b3d7a !important;
  font-weight:800 !important;
}

body.kb-help-open { overflow:hidden !important; }
.kb-help-modal[hidden] { display:none !important; }
.kb-help-modal {
  position:fixed; inset:0; z-index:10000050; display:grid; place-items:center;
  padding:clamp(12px,3vw,30px); opacity:0; visibility:hidden;
  transition:opacity .16s ease,visibility .16s ease;
}
.kb-help-modal.is-open { opacity:1; visibility:visible; }
.kb-help-backdrop { position:absolute; inset:0; background:rgba(7,30,23,.52); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.kb-help-dialog {
  position:relative; z-index:1; width:min(900px,calc(100vw - 28px)); max-height:min(84dvh,780px);
  display:grid; grid-template-rows:64px minmax(0,1fr); overflow:hidden;
  background:#fff; border:1px solid rgba(23,107,80,.16); border-radius:26px;
  box-shadow:0 30px 90px rgba(5,28,21,.34); transform:translateY(10px) scale(.985);
  transition:transform .18s cubic-bezier(.2,.82,.2,1); color:var(--ink,#16201c);
}
.kb-help-modal.is-open .kb-help-dialog { transform:translateY(0) scale(1); }
.kb-help-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 10px 9px 16px; border-bottom:1px solid #e6eee9; background:linear-gradient(180deg,#fff,#fbfdfc); }
.kb-help-brand { display:flex; align-items:center; gap:10px; min-width:0; }
.kb-help-brand img { width:34px; height:34px; object-fit:contain; }
.kb-help-brand div { min-width:0; display:grid; gap:1px; }
.kb-help-brand strong { color:#10271f; font-size:16px; line-height:1.1; font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kb-help-brand span { color:#718078; font-size:10.5px; font-weight:650; }
.kb-help-close { width:44px; height:44px; flex:0 0 44px; border:1px solid #cfe1d9; border-radius:14px; background:#fff; color:#176b50; font:700 29px/1 Arial,sans-serif; cursor:pointer; box-shadow:0 6px 16px rgba(23,107,80,.08); transition:.16s ease; }
.kb-help-close:hover, .kb-help-close:focus-visible { color:#ff6600; border-color:#ffd4bd; background:#fff8f3; outline:none; transform:scale(1.04); }
.kb-help-body { min-height:0; overflow:auto; overscroll-behavior:contain; background:#f8faf9; padding:22px; scrollbar-width:thin; scrollbar-color:#bfdace transparent; }
.kb-help-body:focus { outline:none; }
.kb-help-page { display:grid; gap:18px; max-width:850px; margin:0 auto; }
.kb-information-page-header { position:relative; overflow:hidden; border:1px solid #e0e9e4; border-radius:18px; padding:22px 24px; background:#fff; box-shadow:0 7px 22px rgba(19,57,44,.045); }
.kb-information-page-header::after { content:none; display:none; }
.kb-information-page-header.is-compact { padding:18px 20px; }
.kb-help-kicker { display:inline-flex; margin-bottom:7px; color:#176b50; font-size:11px; line-height:1; letter-spacing:.13em; font-weight:850; }
.kb-information-page-header :is(h1,h2) { position:relative; z-index:1; margin:0 0 8px; color:#173b2e; font-size:clamp(21px,3vw,31px); line-height:1.12; font-weight:850; letter-spacing:-.022em; max-width:700px; }
.kb-information-page-header p { position:relative; z-index:1; margin:0; max-width:740px; color:#58675f; font-size:14px; line-height:1.6; }
.kb-help-grid { display:grid; gap:13px; }
.kb-help-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.kb-help-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kb-help-card { position:relative; min-width:0; margin:0; padding:18px; border:1px solid #e0e9e4; border-radius:17px; background:#fff; box-shadow:0 7px 22px rgba(19,57,44,.045); text-align:left; color:inherit; font:inherit; }
button.kb-help-card { width:100%; cursor:pointer; }
.kb-help-card h3 { margin:5px 0 7px; color:#173b2e; font-size:16px; line-height:1.25; font-weight:800; }
.kb-help-card p { margin:0; color:#58675f; font-size:13.5px; line-height:1.58; }
.kb-help-card strong { display:inline-block; margin-top:11px; color:#2b3d7a; font-size:12.5px; font-weight:800; }
.kb-help-num { display:inline-flex; color:#ff6600; font-size:11px; font-weight:850; letter-spacing:.08em; }
.kb-help-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:#eaf7f1; color:#176b50; font-size:14px; font-weight:850; }
.kb-help-action { transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
.kb-help-action:hover, .kb-help-action:focus-visible { transform:translateY(-2px); border-color:#bbd9cb; box-shadow:0 10px 28px rgba(19,57,44,.09); outline:none; }
.kb-help-quote { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px; border-radius:15px; background:#0d5d42; color:#fff; }
.kb-help-quote strong { font-size:17px; font-weight:850; }
.kb-help-quote span { font-size:12px; font-weight:700; opacity:.9; }
.kb-help-note { padding:14px 16px; border:1px solid #d7e8e0; border-left:4px solid #176b50; border-radius:13px; background:#f3faf7; color:#4d5e55; font-size:13px; line-height:1.55; }
.kb-help-note button { border:0; padding:0; background:transparent; color:#2b3d7a; font:800 13px/1.4 inherit; cursor:pointer; text-decoration:underline; }
.kb-help-timeline, .kb-help-steps, .kb-help-cookie-list { display:grid; gap:10px; }
.kb-help-timeline section, .kb-help-steps section, .kb-help-cookie-list section { display:grid; grid-template-columns:38px minmax(0,1fr); gap:13px; align-items:start; padding:15px 17px; border:1px solid #e1e9e5; border-radius:15px; background:#fff; }
.kb-help-timeline b, .kb-help-steps section>span { display:grid; place-items:center; width:32px; height:32px; border-radius:11px; background:#176b50; color:#fff; font-size:12px; font-weight:850; }
.kb-help-timeline h3, .kb-help-steps h3, .kb-help-cookie-list h3 { margin:1px 0 4px; color:#173b2e; font-size:14.5px; font-weight:800; }
.kb-help-timeline p, .kb-help-steps p, .kb-help-cookie-list p { margin:0; color:#596960; font-size:13px; line-height:1.55; }
.kb-help-cookie-list section { grid-template-columns:80px minmax(0,1fr); }
.kb-help-cookie-list section>span { display:inline-flex; justify-content:center; padding:5px 7px; border-radius:999px; background:#fff3e9; color:#b14a00; font-size:10px; line-height:1; font-weight:850; }
.kb-help-cookie-list section>span.is-required { background:#e7f6ef; color:#126044; }
.kb-help-cta-row { display:flex; gap:10px; flex-wrap:wrap; }
.kb-help-primary, .kb-help-secondary { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 18px; border-radius:13px; font-size:13px; font-weight:850; cursor:pointer; }
.kb-help-primary { border:1px solid #176b50; background:#176b50; color:#fff; }
.kb-help-secondary { border:1px solid #d7e4de; background:#fff; color:#2b3d7a; }
.kb-help-quick-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.kb-help-quick-links button { min-height:42px; border:1px solid #d8e6df; border-radius:12px; background:#fff; color:#2b3d7a; font-size:12px; font-weight:850; cursor:pointer; }
.kb-help-faq { display:grid; gap:8px; }
.kb-help-faq details { border:1px solid #e0e9e4; border-radius:13px; background:#fff; overflow:hidden; }
.kb-help-faq summary { list-style:none; cursor:pointer; padding:14px 16px; color:#263f34; font-size:13.5px; font-weight:800; }
.kb-help-faq summary::-webkit-details-marker { display:none; }
.kb-help-faq summary::after { content:"+"; float:right; color:#ff6600; font-size:20px; line-height:.8; }
.kb-help-faq details[open] summary::after { content:"−"; }
.kb-help-faq details p { margin:0; padding:0 16px 15px; color:#5b6a62; font-size:13px; line-height:1.55; }

@media (max-width:700px) {
  .kb-help-modal { padding:12px; }
  .kb-help-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:21px; grid-template-rows:58px minmax(0,1fr); }
  .kb-help-head { padding:7px 8px 7px 11px; }
  .kb-help-brand img { width:30px; height:30px; }
  .kb-help-brand strong { font-size:14px; }
  .kb-help-close { width:40px; height:40px; flex-basis:40px; border-radius:12px; font-size:25px; }
  .kb-help-body { padding:12px; }
  .kb-help-page { gap:11px; }
  .kb-information-page-header, .kb-information-page-header.is-compact { padding:17px; border-radius:17px; }
  .kb-information-page-header :is(h1,h2) { font-size:22px; }
  .kb-information-page-header p { font-size:12.8px; line-height:1.55; }
  .kb-help-grid-2, .kb-help-grid-3 { grid-template-columns:1fr; }
  .kb-help-card { padding:14px; border-radius:14px; }
  .kb-help-card h3 { font-size:14.5px; }
  .kb-help-card p { font-size:12.5px; }
  .kb-help-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kb-help-timeline section, .kb-help-steps section, .kb-help-cookie-list section { padding:12px; gap:10px; }
  .kb-help-cookie-list section { grid-template-columns:70px minmax(0,1fr); }
  .kb-help-quote { padding:12px 14px; }
}
@media (prefers-reduced-motion:reduce) { .kb-help-modal, .kb-help-dialog, .kb-help-action { transition:none !important; } }

/* =========================================================
   v1.4.35 — Normal Footer + Mobile Scroll Navigation Stability
   The reference footer stays in normal page flow. Only the separate
   mobile/tablet navigation is fixed/floating while scrolling.
   ========================================================= */
body:not(.kinbora-popup-document) .kinbora-reference-footer, body.dark-mode:not(.kinbora-popup-document) .kinbora-reference-footer {
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  transform:none !important;
  z-index:10 !important;
  isolation:isolate !important;
}

body:not(.kinbora-popup-document) .kinbora-reference-footer .kb-ref-wrap, body:not(.kinbora-popup-document) .kinbora-reference-footer .kb-ref-card, body:not(.kinbora-popup-document) .kinbora-reference-footer .kb-ref-copyright {
  max-width:100% !important;
}

/* Prevent the floating mobile navigation from reserving layout space or
   covering the real footer/copyright when the footer enters the viewport. */
@media (max-width: 959px) {
  body:not(.kinbora-popup-document) .kb-scroll-header {
    transition:transform 280ms cubic-bezier(.2,.75,.25,1),opacity 280ms ease !important;
    will-change:transform !important;
  }
  body:not(.kinbora-popup-document) .kb-scroll-header.is-kb-header-hidden {
    transform:translate3d(0,-115%,0) !important;
    opacity:.98 !important;
    pointer-events:none !important;
  }
  body.kb-reference-footer-visible .mobile-bottom-nav.kb-scroll-nav {
    transform:translate3d(0,calc(100% + 40px),0) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body.kb-reference-footer-visible .kb-scroll-header {
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

@media (min-width: 960px) {
  .mobile-bottom-nav.kb-scroll-nav { display:none !important; }
  body:not(.kinbora-popup-document) .kb-scroll-header {
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}



:root { --kb-footer-deep-green:#073b2a; }

/* The real reference footer is always a normal-flow document section. */
body:not(.kinbora-popup-document) .kinbora-reference-footer, body.dark-mode:not(.kinbora-popup-document) .kinbora-reference-footer {
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  translate:none !important;
  float:none !important;
  clear:both !important;
  z-index:auto !important;
  isolation:auto !important;
}

/* Footer typography follows the website's deep-green brand colour. */
.kinbora-reference-footer .kb-ref-tagline,
.kinbora-reference-footer .kb-ref-motto,
.kinbora-reference-footer .kb-ref-motto-item,
.kinbora-reference-footer .kb-ref-title,
.kinbora-reference-footer .kb-info-item,
.kinbora-reference-footer .kb-info-item span,
.kinbora-reference-footer .kb-legal-link,
body.dark-mode .kinbora-reference-footer .kb-legal-link {
  color:var(--kb-footer-deep-green) !important;
}
.kinbora-reference-footer .kb-ref-title, .kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  font-weight:800 !important;
}
.kinbora-reference-footer .kb-info-item span { font-weight:650 !important; }
.kinbora-reference-footer .kb-ref-motto { font-weight:650 !important; }
.kinbora-reference-footer .kb-ref-title::after { background:var(--kb-footer-deep-green) !important; }
.kinbora-reference-footer .kb-info-item svg, .kinbora-reference-footer .kb-legal-link svg, .kinbora-reference-footer .kb-motto-shop svg, .kinbora-reference-footer .kb-motto-enjoy svg { stroke:var(--kb-footer-deep-green) !important; }

/* Requested cleanup: no chevrons/arrows on Legal & Help cards. */
.kinbora-reference-footer .kb-legal-arrow { display:none !important; }
.kinbora-reference-footer .kb-legal-link { padding-right:12px !important; }

@media (max-width: 959px) {
  /* 1024px is treated as tablet. Avoid legacy desktop zoom because it can
     offset fixed controls away from the physical viewport bottom. */
  

  /* Bottom navigation is always anchored to the actual viewport bottom. */
  body:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav, body.dark-mode:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav {
    position:fixed !important;
    top:auto !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
    inset-block-start:auto !important;
    inset-block-end:calc(10px + env(safe-area-inset-bottom,0px)) !important;
    margin:0 !important;
    z-index:99990 !important;
  }
}

/* Re-lock the reference footer composition so desktop and mobile show the
   same 5 / 9 / 3×3 arrangement, scaled only to fit the screen. */
.kinbora-reference-footer .kb-info-grid {
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
}
.kinbora-reference-footer .kb-payment-grid {
  display: grid !important;
  grid-template-columns: repeat(9,minmax(0,1fr)) !important;
}
.kinbora-reference-footer .kb-legal-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

@media (max-width:560px) {
  .kinbora-reference-footer .kb-legal-link {
    min-width: 0 !important;
    overflow: hidden !important;
  }
}



/* Header/dropdown/support entry points reuse the canonical support mask above;
   no duplicate background-image implementation is kept here. */
.support-dropdown .hover-content .kinbora-role-icon--support {
  width: 23px !important;
  height: 25px !important;
}

/* Mobile/tablet: same 58px launcher, only position changes to clear bottom nav. */

@keyframes kbAiExactUp{from{transform:translateY(28px);opacity:.72}to{transform:translateY(0);opacity:1}}

/* Support artwork remains the single semantic currentColor mask implementation. */






/* =========================================================
   v1.4.45 — Final Footer Assurance Bar + Mobile Nav State
   Footer-only continuation: five approved assurances stay in one compact row.
   ========================================================= */
.kinbora-reference-footer .kb-ref-trustbar, body.dark-mode .kinbora-reference-footer .kb-ref-trustbar {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 max(14px,calc((100% - 1132px)/2)) !important;
  border-top:1px solid #dfe7e2 !important;
  border-bottom:1px solid #dfe7e2 !important;
  background:#f8fbf9 !important;
  color:#073b2a !important;
}
.kinbora-reference-footer .kb-ref-trustitem {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  gap:7px !important;
  padding:8px 7px !important;
  border-right:1px solid #dfe7e2 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}
.kinbora-reference-footer .kb-ref-trustitem:last-child { border-right:0 !important; }
.kinbora-reference-footer .kb-ref-trustitem svg {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  fill:none !important;
  stroke:#0b5b31 !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.kinbora-reference-footer .kb-ref-trustitem.kb-ref-verified svg { stroke:#ff3b0b !important; }

@media (max-width:1024px) {
  .kinbora-reference-footer .kb-ref-trustbar, body.dark-mode .kinbora-reference-footer .kb-ref-trustbar {
    min-height:36px !important;
    padding:0 8px !important;
  }
  .kinbora-reference-footer .kb-ref-trustitem {
    gap:5px !important;
    padding:7px 4px !important;
    font-size:10px !important;
  }
  .kinbora-reference-footer .kb-ref-trustitem svg {
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
  }
}

/* =========================================================
   v1.4.52 — Complete v1.3.3 Desktop Speed Fix footer
   ========================================================= */
.kb-v133-footer-symbols { display:none !important; }


.kin-footer-area { background:#fdfdfd; position:relative; z-index:10; font-family:'Inter',sans-serif; margin-top:30px; display:flex; flex-direction:column; width:100%; overflow:hidden; }

/* 1. Full-Width Edge-to-Edge Slim Trust Bar (Top) */
.k-trust-bar-wrapper { width:100%; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:0; margin:0; }
.k-trust-bar { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; padding:0; width:100%; box-sizing:border-box; }
.k-trust-item { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; border-right:1px solid var(--line); padding:12px 10px; }
.k-trust-item:last-child { border-right:none; }
.k-trust-icon { width:28px; height:28px; border-radius:50%; background:#fdfdfd; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.k-trust-icon svg { width:14px; height:14px; }
.k-trust-text { display:flex; flex-direction:column; }
.k-trust-text h4 { margin:0; font-size:12px; font-weight:800; color:var(--ink); white-space:nowrap; }
.k-trust-text p { margin:0; font-size:10px; color:#68736c; font-weight:400; white-space:nowrap; }


.k-footer-main { max-width:1200px; margin:0 auto; padding:35px 15px; display:flex; justify-content:space-between; gap:20px; width:100%; box-sizing:border-box; }
.k-col { flex:1; display:flex; flex-direction:column; position:relative; }
.k-col:not(:last-child)::after { content:''; position:absolute; right:-10px; top:10%; height:80%; width:1px; background:linear-gradient(to bottom,transparent,#e5e8e3,transparent); }

/* Column 1: Brand */
.k-brand-col { align-items:center; text-align:center; max-width:260px; justify-content:flex-start; }
.k-brand-logo { height:70px; margin-bottom:5px; }
.k-brand-tag { font-size:12px; font-weight:400; color:#526159; margin:0 0 8px; }
.k-brand-sub { font-size:13px; font-weight:800; color:var(--ink); margin:0 0 15px; display:flex; align-items:center; justify-content:center; gap:8px; }
.k-brand-sub span.dot { color:var(--temu-orange); }

/* Titles */
.k-col-title { font-size:14px; font-weight:800; color:var(--ink); margin:0 0 12px; position:relative; padding-bottom:6px; }
.k-col-title::after { content:''; position:absolute; bottom:0; left:0; width:25px; height:2px; background:var(--temu-orange); border-radius:2px; }
.k-col-title.green-line::after { background:var(--green); }

/* Lists */
.k-list { display:flex; flex-direction:column; gap:8px; }
.k-list a, .k-list span { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:400; color:#526159; text-decoration:none; transition:.3s; cursor:pointer; }
.k-list a:hover { color:var(--temu-orange); transform:translateX(3px); }
.k-list svg { width:14px; height:14px; }

/* Legal & Help: all nine equal boxes stay in one row at the footer top. */
.k-legal-top { width:100%; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:14px 0 12px; margin:0; }
.k-legal-top-inner { width:100%; max-width:1200px; margin:0 auto; padding:0 15px; box-sizing:border-box; }
.k-legal-top-title { margin:0 0 10px; color:var(--ink); font-size:14px; line-height:1.1; font-weight:800; text-align:left; }
.k-legal-top-grid { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:6px; width:100%; }
.k-legal-top .k-legal-box {
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:3px 4px !important;
  border:1px solid var(--line) !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#526159 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  text-decoration:none !important;
  font-size:10.5px !important;
  line-height:1.05 !important;
  font-weight:400 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  transition:border-color .2s,color .2s,box-shadow .2s !important;
}
.k-legal-top .k-legal-box svg { width:18px !important; height:18px !important; min-width:18px !important; fill:none !important; stroke:var(--green) !important; stroke-width:1.9 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
.k-legal-top .k-legal-box:nth-child(4n+2) svg, .k-legal-top .k-legal-box:nth-child(4n) svg { stroke:var(--temu-orange) !important; }
.k-legal-top .k-legal-box span { display:block !important; width:auto !important; min-width:0 !important; max-width:100% !important; color:inherit !important; white-space:normal !important; overflow:visible !important; }
.k-legal-top .k-legal-box:hover, .k-legal-top .k-legal-box:focus-visible { color:var(--temu-orange) !important; border-color:var(--temu-orange) !important; box-shadow:0 3px 10px rgba(255,102,0,.12) !important; outline:none !important; }
body.dark-mode .k-legal-top { background:var(--kb-theme-surface-deep); border-color:var(--kb-theme-border); }
body.dark-mode .k-legal-top-title { color:var(--kb-theme-text); }
body.dark-mode .k-legal-top .k-legal-box { background:var(--kb-theme-surface) !important; border-color:var(--kb-theme-border) !important; color:var(--kb-theme-text-muted) !important; }

/* Security Box */
.k-sec-box { width:100%; box-sizing:border-box; background:#eef7f2; border:1px solid #d4ebe3; border-radius:8px; padding:10px 12px; display:flex; align-items:center; justify-content:flex-start; gap:8px; margin-top:10px; }
.k-sec-box svg { width:22px; height:22px; color:var(--green); flex-shrink:0; }
.k-sec-box p { margin:0; font-size:11px; font-weight:400; color:var(--ink); line-height:1.3; }


.k-pay-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; max-width:220px; }
.k-pay-item { height:32px; background:#fff; border:1px solid var(--line); border-radius:6px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0,0,0,.02); padding:5px; transition:.3s; }
.k-pay-item:hover { border-color:var(--temu-orange); }
.k-pay-item img { max-width:100%; max-height:16px; object-fit:contain; }

/* 3. Horizontal Bottom Trust & Social Bar */
.k-bottom-bar-wrapper { width:100%; background:#fff; border-top:1px solid var(--line); padding:12px 0; margin:0; }
.k-bottom-bar { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:0 15px; width:100%; box-sizing:border-box; }
.k-bb-item { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; color:var(--ink); }
.k-bb-item svg { width:16px; height:16px; }
.k-bb-item-social { display:flex; align-items:center; gap:10px; }

/* Social Icons */
.k-soc-icon { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; transition:.3s; box-shadow:0 2px 5px rgba(0,0,0,.1); text-decoration:none; }
.k-soc-icon svg { width:12px; height:12px; fill:currentColor; }
.k-soc-icon:hover { transform:translateY(-2px); box-shadow:0 5px 12px rgba(0,0,0,.15); }

/* 4. Full Edge-to-Edge Slim Copyright Bar */
.k-copyright-bar { width:100%; background:var(--primary-brand,#00553F); color:#fff; text-align:center; padding:15px 0; font-size:12px; font-weight:500; letter-spacing:.5px; border-top:1px solid rgba(255,255,255,.15); box-sizing:border-box; display:block; margin:0; }

/* Dark Mode Overrides */
body.dark-mode .kin-footer-area, body.dark-mode .k-trust-bar-wrapper, body.dark-mode .k-bottom-bar-wrapper { background:var(--kb-theme-surface-deep); border-color:var(--kb-theme-border); }
body.dark-mode .k-trust-item { border-color:var(--kb-theme-border); }
body.dark-mode .k-trust-icon { background:var(--kb-theme-surface); border-color:var(--kb-theme-border); }
body.dark-mode .k-trust-text h4, body.dark-mode .k-brand-sub, body.dark-mode .k-col-title, body.dark-mode .k-bb-item { color:var(--kb-theme-text); }
body.dark-mode .k-sec-box { background:var(--kb-theme-surface); border-color:var(--kb-theme-border); }
body.dark-mode .k-sec-box p { color:var(--kb-theme-text); }
body.dark-mode .k-pay-item { background:var(--kb-theme-text); }

/* Mobile Responsive Optimizations */
@media(max-width:900px) {
  .k-legal-top-inner { padding:0 8px; }
  .k-legal-top-grid { gap:4px; }
   .k-legal-top .k-legal-box { height:36px !important; min-height:36px !important; padding:2px 2px !important; gap:3px !important; font-size:8.5px !important; }
  .k-legal-top .k-legal-box svg { width:14px !important; height:14px !important; min-width:14px !important; }
  .k-trust-bar { flex-wrap:wrap; justify-content:center; }
  .k-footer-main { flex-wrap:wrap; gap:20px; padding:25px 15px; }
  .k-col { min-width:45%; }
  .k-col:not(:last-child)::after { display:none; }
  .k-brand-col { width:100%; min-width:100%; border-bottom:1px solid var(--line); padding-bottom:15px; }
  .k-bottom-bar { flex-wrap:wrap; justify-content:center; gap:15px; text-align:center; }
}

@media(max-width:600px) {
  .k-legal-top { padding:9px 0 8px; }
  .k-legal-top-inner { padding:0 4px; }
  .k-legal-top-title { margin-bottom:7px; font-size:12px; text-align:center; }
  .k-legal-top-grid { gap:2px; }
   .k-legal-top .k-legal-box { height:34px !important; min-height:34px !important; padding:1px 1px !important; gap:2px !important; flex-direction:column !important; font-size:clamp(6.8px,2vw,8px) !important; line-height:1.05 !important; font-weight:400 !important; }
  .k-legal-top .k-legal-box svg { width:10px !important; height:10px !important; min-width:10px !important; }
  .k-legal-top .k-legal-box span { max-width:100% !important; white-space:normal !important; }
  .k-trust-bar { display:grid; grid-template-columns:1fr 1fr; width:100%; padding:0; gap:0; }
  .k-trust-item { padding:15px 10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); flex-direction:column; text-align:center; box-sizing:border-box; }
  .k-trust-item:nth-child(even) { border-right:none; }
  .k-trust-item:nth-last-child(-n+2) { border-bottom:none; }
  .k-trust-icon { margin-bottom:5px; }
  .k-col { min-width:100%; align-items:center; text-align:center; }
  .k-col-title::after { left:50%; transform:translateX(-50%); }
  .k-list { align-items:center; }
  .k-sec-box { justify-content:center; max-width:250px; }
  .k-pay-grid { justify-content:center; }
  .k-bb-item { min-width:100%; justify-content:center; }
  .k-bottom-bar { flex-direction:column; gap:15px; }
  .kin-footer-area { padding-bottom:60px; }
  .k-copyright-bar { padding:15px 0; font-size:13px; }
}

/* =========================================================
   v1.4.48 — All 9 Legal & Help boxes in one compact row
   The user selected no swipe: every box stays visible together on mobile.
   ========================================================= */
.kinbora-reference-footer .kb-ref-wrap {
  display:flex !important;
  flex-direction:column !important;
}
.kinbora-reference-footer .kb-ref-legal {
  order:-1 !important;
  min-height:0 !important;
}
.kinbora-reference-footer .kb-legal-grid {
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100% !important;
}
.kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
  min-width:0 !important;
  min-height:54px !important;
  padding:6px 4px !important;
  gap:4px !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:10.5px !important;
  line-height:1.08 !important;
  white-space:normal !important;
  overflow:hidden !important;
}
.kinbora-reference-footer .kb-legal-link > span {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}
.kinbora-reference-footer .kb-legal-link svg {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
}

@media (max-width:1024px) {
  .kinbora-reference-footer .kb-legal-grid {
    grid-template-columns:repeat(9,minmax(0,1fr)) !important;
    gap:4px !important;
  }
  .kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
    min-height:46px !important;
    padding:4px 2px !important;
    gap:3px !important;
    font-size:8px !important;
  }
  .kinbora-reference-footer .kb-legal-link svg {
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
  }
}

@media (max-width:640px) {
  .kinbora-reference-footer .kb-legal-grid {
    grid-template-columns:repeat(9,minmax(0,1fr)) !important;
    gap:2px !important;
  }
  .kinbora-reference-footer .kb-legal-link, body.dark-mode .kinbora-reference-footer .kb-legal-link {
    min-height:42px !important;
    padding:3px 1px !important;
    gap:2px !important;
    border-radius:4px !important;
    font-size:6.2px !important;
    line-height:1.06 !important;
    letter-spacing:-.03px !important;
  }
  .kinbora-reference-footer .kb-legal-link svg {
    display:block !important;
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
  }
}

@media (max-width:640px) {
  .kinbora-reference-footer .kb-ref-trustbar, body.dark-mode .kinbora-reference-footer .kb-ref-trustbar {
    min-height:32px !important;
    padding:0 3px !important;
  }
  .kinbora-reference-footer .kb-ref-trustitem {
    gap:2px !important;
    padding:5px 2px !important;
    font-size:7.2px !important;
    letter-spacing:-.08px !important;
  }
  .kinbora-reference-footer .kb-ref-trustitem svg {
    width:11px !important;
    height:11px !important;
    min-width:11px !important;
    stroke-width:2 !important;
  }
}

/* Tablet/mobile: keep the approved app-sheet experience. */







/* Keep the popup anchored at the top of the visible mobile viewport.
   When the keyboard opens, only the chat body contracts; the header stays visible. */






/* Desktop/laptop: same exact 330x500 card, floating on the right side. */



.k-trust-item {
  height:36px !important;
  min-height:36px !important;
  padding:3px 4px !important;
  gap:5px !important;
  box-sizing:border-box !important;
}
.k-trust-icon {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex-basis:18px !important;
}
.k-trust-icon svg { width:10px !important; height:10px !important; }
.k-trust-text h4 { font-size:10.5px !important; line-height:1.05 !important; }
.k-trust-text p { font-size:8.5px !important; line-height:1.05 !important; }

@media(max-width:900px) {
  .k-trust-item { height:36px !important; min-height:36px !important; padding:2px !important; gap:3px !important; }
  .k-trust-icon { width:14px !important; height:14px !important; min-width:14px !important; flex-basis:14px !important; }
  .k-trust-icon svg { width:8px !important; height:8px !important; }
  .k-trust-text h4 { font-size:8.5px !important; line-height:1.05 !important; }
  .k-trust-text p { font-size:7.5px !important; line-height:1.05 !important; }
}

@media(max-width:600px) {
  .k-trust-item {
    height:34px !important;
    min-height:34px !important;
    padding:1px !important;
    gap:1px !important;
  }
  .k-trust-icon {
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    flex-basis:10px !important;
    margin-bottom:0 !important;
  }
  .k-trust-icon svg { width:7px !important; height:7px !important; }
  .k-trust-text { align-items:center !important; }
  .k-trust-text h4 { font-size:clamp(6.8px,2vw,8px) !important; line-height:1 !important; }
  .k-trust-text p { font-size:clamp(6.2px,1.8vw,7px) !important; line-height:1 !important; }
}




.k-footer-main {
  padding:16px 15px !important;
  gap:14px !important;
}
.k-brand-logo {
  height:50px !important;
  margin-bottom:2px !important;
}
.k-brand-tag {
  margin:0 0 4px !important;
  line-height:1.1 !important;
}
.k-brand-sub {
  margin:0 !important;
  gap:6px !important;
  line-height:1.1 !important;
}
.k-col-title {
  margin:0 0 6px !important;
  padding-bottom:4px !important;
  line-height:1.1 !important;
}
.k-list { gap:4px !important; }
.k-list span { line-height:1.1 !important; }
.k-sec-box {
  padding:5px 8px !important;
  gap:6px !important;
  margin-top:6px !important;
}
.k-sec-box svg { width:18px !important; height:18px !important; }
.k-sec-box p { font-size:10.5px !important; line-height:1.15 !important; }
.k-payment-note { font-size:11px !important; line-height:1.35 !important; }

.k-copyright-bar {
  padding:6px 0 !important;
  text-align:initial !important;
  font-size:11px !important;
}
.k-copyright-inner {
  width:100%;
  max-width:1200px;
  min-height:26px;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.k-copyright-social {
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
.k-copyright-social .k-soc-icon {
  width:22px;
  height:22px;
  box-shadow:none;
}
.k-copyright-social .k-soc-icon svg {
  width:11px;
  height:11px;
  fill:currentColor;
}
.k-copyright-text {
  margin-left:auto;
  text-align:right;
  white-space:nowrap;
}

@media(max-width:900px) {
  .k-footer-main { padding:13px 12px !important; gap:10px !important; }
  .k-brand-col { padding-bottom:8px !important; }
  .k-brand-logo { height:46px !important; }
  .k-sec-box { margin-top:5px !important; }
}

@media(max-width:600px) {
  .k-footer-main { padding:10px 8px !important; gap:8px !important; }
  .k-brand-logo { height:42px !important; }
  .k-brand-col { padding-bottom:6px !important; }
  .k-brand-tag { font-size:10.5px !important; margin-bottom:3px !important; }
  .k-brand-sub { font-size:11px !important; gap:4px !important; }
  .k-col-title { font-size:12px !important; margin-bottom:5px !important; padding-bottom:3px !important; }
  .k-list { gap:3px !important; }
  .k-list span { font-size:10.5px !important; }
  .k-sec-box { padding:4px 7px !important; margin-top:4px !important; }
  .k-sec-box svg { width:16px !important; height:16px !important; }
  .k-sec-box p { font-size:9.5px !important; }
  .k-payment-note { font-size:10px !important; line-height:1.25 !important; }

  .k-copyright-bar { padding:5px 0 !important; font-size:9.5px !important; }
  .k-copyright-inner { min-height:22px; padding:0 7px; gap:7px; }
  .k-copyright-social { gap:4px; }
  .k-copyright-social .k-soc-icon { width:18px; height:18px; }
  .k-copyright-social .k-soc-icon svg { width:9px; height:9px; }
}


/* Hero-family footer palette: geometry is unchanged; only the approved color language is reused. */
.kin-footer-area, .kin-footer-area .k-trust-bar-wrapper, .kin-footer-area .k-footer-main, .kin-footer-area .k-legal-top, .kin-footer-area .k-bottom-bar-wrapper {
  background:linear-gradient(118deg,#f7fbf9 0%,#edf8f3 52%,#fff1e7 100%) !important;
  border-color:rgba(0,85,63,.12) !important;
}

.kin-footer-area .k-trust-item, .kin-footer-area .k-brand-col {
  border-color:rgba(0,85,63,.12) !important;
}

.kin-footer-area .k-trust-icon, .kin-footer-area .k-sec-box, .kin-footer-area .k-pay-item, .kin-footer-area .k-legal-top .k-legal-box {
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(0,85,63,.12) !important;
}

.kin-footer-area .k-trust-text h4, .kin-footer-area .k-brand-sub, .kin-footer-area .k-col-title, .kin-footer-area .k-legal-top-title, .kin-footer-area .k-bb-item, .kin-footer-area .k-sec-box p {
  color:#17211d !important;
}
.kin-footer-area .k-trust-text p, .kin-footer-area .k-brand-tag, .kin-footer-area .k-list a, .kin-footer-area .k-list span, .kin-footer-area .k-payment-note, .kin-footer-area .k-legal-top .k-legal-box, .kin-footer-area .k-legal-top .k-legal-box span {
  color:#526159 !important;
}

.kin-footer-area .k-list a:hover, .kin-footer-area .k-list a:focus-visible, .kin-footer-area .k-legal-top .k-legal-box:hover, .kin-footer-area .k-legal-top .k-legal-box:focus-visible {
  color:var(--temu-orange) !important;
}

.kin-footer-area .k-copyright-text a { text-decoration:none; }

body.dark-mode .kin-footer-area, body.dark-mode .kin-footer-area .k-trust-bar-wrapper, body.dark-mode .kin-footer-area .k-footer-main, body.dark-mode .kin-footer-area .k-legal-top, body.dark-mode .kin-footer-area .k-bottom-bar-wrapper {
  background:
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.035),transparent 28%),
    linear-gradient(118deg,
      var(--kb-theme-surface) 0%,
      var(--kb-theme-surface-deep) 58%,
      color-mix(in srgb, var(--kb-theme-surface-deep) 90%, var(--temu-orange) 10%) 100%) !important;
  border-color:var(--kb-theme-border) !important;
}
body.dark-mode .kin-footer-area .k-trust-item, body.dark-mode .kin-footer-area .k-brand-col { border-color:var(--kb-theme-border) !important; }
body.dark-mode .kin-footer-area .k-trust-icon, body.dark-mode .kin-footer-area .k-sec-box, body.dark-mode .kin-footer-area .k-pay-item, body.dark-mode .kin-footer-area .k-legal-top .k-legal-box { background:color-mix(in srgb, var(--kb-theme-surface) 82%, transparent) !important; border-color:var(--kb-theme-border) !important; }
body.dark-mode .kin-footer-area .k-trust-text h4, body.dark-mode .kin-footer-area .k-brand-sub, body.dark-mode .kin-footer-area .k-col-title, body.dark-mode .kin-footer-area .k-legal-top-title, body.dark-mode .kin-footer-area .k-bb-item, body.dark-mode .kin-footer-area .k-sec-box p { color:var(--kb-theme-text) !important; }
body.dark-mode .kin-footer-area .k-trust-text p, body.dark-mode .kin-footer-area .k-brand-tag, body.dark-mode .kin-footer-area .k-list a, body.dark-mode .kin-footer-area .k-list span, body.dark-mode .kin-footer-area .k-payment-note, body.dark-mode .kin-footer-area .k-legal-top .k-legal-box, body.dark-mode .kin-footer-area .k-legal-top .k-legal-box span { color:var(--kb-theme-text-muted) !important; }

/* =========================================================
   v1.4.63 — Slim white copyright box + premium footer hover motion
   Keeps the v1.4.62 black footer while reducing vertical footprint.
   ========================================================= */

/* Reduce the footer's vertical footprint without changing its column/grid structure. */
.kin-footer-area .k-trust-item {
  padding:7px 9px !important;
}
.kin-footer-area .k-trust-icon {
  width:24px !important;
  height:24px !important;
}
.kin-footer-area .k-trust-icon svg {
  width:12px !important;
  height:12px !important;
}
.kin-footer-area .k-footer-main {
  padding:10px 15px !important;
  gap:10px !important;
}
.kin-footer-area .k-brand-logo {
  height:44px !important;
}
.kin-footer-area .k-legal-top {
  padding:8px 0 7px !important;
}
.kin-footer-area .k-legal-top-title {
  margin-bottom:6px !important;
}
.kin-footer-area .k-copyright-bar {
  padding:3px 0 !important;
}
.kin-footer-area .k-copyright-inner {
  min-height:24px !important;
}

/* All linked Legal & Help boxes receive a premium shimmer plus varied motion. */
.kin-footer-area .k-legal-top .k-legal-box {
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
  will-change:transform,box-shadow !important;
  transition:transform .26s cubic-bezier(.2,.75,.25,1), border-color .22s ease, box-shadow .26s ease, background-color .22s ease !important;
}
.kin-footer-area .k-legal-top .k-legal-box::before {
  content:"";
  position:absolute;
  top:-120%;
  left:-55%;
  width:34%;
  height:340%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:rotate(18deg);
  transition:left .48s cubic-bezier(.2,.7,.2,1) !important;
  pointer-events:none;
  z-index:-1;
}
.kin-footer-area .k-legal-top .k-legal-box:hover::before, .kin-footer-area .k-legal-top .k-legal-box:focus-visible::before {
  left:125%;
}
.kin-footer-area .k-legal-top .k-legal-box:nth-child(3n+1):hover, .kin-footer-area .k-legal-top .k-legal-box:nth-child(3n+1):focus-visible {
  transform:translateY(-3px) rotate(-.7deg) !important;
  box-shadow:0 7px 18px rgba(23,107,80,.30) !important;
  border-color:#2fc08a !important;
}
.kin-footer-area .k-legal-top .k-legal-box:nth-child(3n+2):hover, .kin-footer-area .k-legal-top .k-legal-box:nth-child(3n+2):focus-visible {
  transform:translateY(-3px) scale(1.035) !important;
  box-shadow:0 8px 20px rgba(255,102,0,.28) !important;
  border-color:#ff7d24 !important;
}
.kin-footer-area .k-legal-top .k-legal-box:nth-child(3n):hover, .kin-footer-area .k-legal-top .k-legal-box:nth-child(3n):focus-visible {
  transform:translateY(-3px) rotate(.7deg) !important;
  box-shadow:0 7px 18px rgba(72,132,255,.28) !important;
  border-color:#6d9dff !important;
}
.kin-footer-area .k-legal-top .k-legal-box:hover svg, .kin-footer-area .k-legal-top .k-legal-box:focus-visible svg {
  transform:scale(1.12) rotate(-4deg) !important;
  transition:transform .24s ease !important;
}

/* Social icons: each icon has its own hover animation. */
.kin-footer-area .k-copyright-social .k-soc-icon {
  position:relative !important;
  transform-origin:center !important;
  will-change:transform,filter,box-shadow !important;
  transition:box-shadow .25s ease, filter .25s ease !important;
}
/* Copyright social glyphs use their actual brand colors; the glass bar owns the surface. */
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-icon {
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  color:inherit !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-copyright-bar {
  background:rgba(24,31,27,.72) !important;
  color:var(--kb-theme-text) !important;
  border-top-color:rgba(255,255,255,.10) !important;
  box-shadow:0 -8px 28px rgba(0,0,0,.28) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-copyright-inner { background:transparent !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-copyright-text { color:var(--kb-theme-text) !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-icon { background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.12) !important; }
@keyframes kbFooterSocFacebook {
  0%{transform:translateY(0) rotate(0) scale(1)}
  35%{transform:translateY(-5px) rotate(-10deg) scale(1.14)}
  70%{transform:translateY(-2px) rotate(4deg) scale(1.08)}
  100%{transform:translateY(-3px) rotate(0) scale(1.11)}
}
@keyframes kbFooterSocInstagram {
  0%{transform:translateY(0) rotate(0) scale(1)}
  45%{transform:translateY(-4px) rotate(12deg) scale(1.15)}
  75%{transform:translateY(-3px) rotate(-5deg) scale(1.10)}
  100%{transform:translateY(-3px) rotate(0) scale(1.12)}
}
@keyframes kbFooterSocYoutube {
  0%{transform:scale(1)}
  35%{transform:scale(1.20)}
  62%{transform:scale(.98)}
  100%{transform:translateY(-2px) scale(1.12)}
}
@keyframes kbFooterSocLinkedin {
  0%{transform:translateY(0) skewX(0) scale(1)}
  40%{transform:translateY(-5px) skewX(-7deg) scale(1.13)}
  72%{transform:translateY(-2px) skewX(4deg) scale(1.08)}
  100%{transform:translateY(-3px) skewX(0) scale(1.11)}
}
.kin-footer-area .k-copyright-social .k-soc-icon:nth-child(1):hover, .kin-footer-area .k-copyright-social .k-soc-icon:nth-child(1):focus-visible {
  animation:kbFooterSocFacebook .48s ease-out both !important;
  box-shadow:0 6px 18px rgba(24,119,242,.48) !important;
  filter:saturate(1.15) brightness(1.08) !important;
}
.kin-footer-area .k-copyright-social .k-soc-icon:nth-child(2):hover, .kin-footer-area .k-copyright-social .k-soc-icon:nth-child(2):focus-visible {
  animation:kbFooterSocInstagram .52s ease-out both !important;
  box-shadow:0 6px 18px rgba(220,39,67,.42) !important;
  filter:saturate(1.18) brightness(1.08) !important;
}
.kin-footer-area .k-copyright-social .k-soc-icon:nth-child(3):hover, .kin-footer-area .k-copyright-social .k-soc-icon:nth-child(3):focus-visible {
  animation:kbFooterSocYoutube .46s ease-out both !important;
  box-shadow:0 6px 18px rgba(255,0,0,.42) !important;
  filter:saturate(1.16) brightness(1.08) !important;
}
.kin-footer-area .k-copyright-social .k-soc-icon:nth-child(4):hover, .kin-footer-area .k-copyright-social .k-soc-icon:nth-child(4):focus-visible {
  animation:kbFooterSocLinkedin .50s ease-out both !important;
  box-shadow:0 6px 18px rgba(10,102,194,.45) !important;
  filter:saturate(1.16) brightness(1.08) !important;
}
.kin-footer-area .k-copyright-social .k-soc-icon:focus-visible {
  outline:2px solid #fff !important;
  outline-offset:2px !important;
}

@media(max-width:900px) {
  .kin-footer-area .k-trust-item { padding:6px 7px !important; }
  .kin-footer-area .k-footer-main { padding:8px 12px !important; gap:8px !important; }
  .kin-footer-area .k-brand-logo { height:40px !important; }
  .kin-footer-area .k-legal-top { padding:7px 0 6px !important; }
}
@media(max-width:600px) {
  .kin-footer-area .k-trust-item { padding:6px 5px !important; }
  .kin-footer-area .k-trust-icon { width:22px !important; height:22px !important; margin-bottom:2px !important; }
  .kin-footer-area .k-footer-main { padding:7px 7px !important; gap:6px !important; }
  .kin-footer-area .k-brand-logo { height:38px !important; }
  .kin-footer-area .k-legal-top { padding:6px 0 5px !important; }
  .kin-footer-area .k-legal-top-title { margin-bottom:5px !important; }
  .kin-footer-area .k-copyright-bar { padding:2px 0 !important; }
  .kin-footer-area .k-copyright-inner { min-height:22px !important; }
  .kin-footer-area .k-copyright-text {
    padding:3px 6px !important;
    border-radius:7px !important;
    font-size:9px !important;
    letter-spacing:.15px !important;
  }
}

@media(prefers-reduced-motion:reduce) {
  .kin-footer-area .k-legal-top .k-legal-box, .kin-footer-area .k-legal-top .k-legal-box::before, .kin-footer-area .k-legal-top .k-legal-box svg, .kin-footer-area .k-copyright-social .k-soc-icon, .kin-footer-area .k-copyright-text a {
    animation:none !important;
    transition:none !important;
  }
  .kin-footer-area .k-legal-top .k-legal-box:hover, .kin-footer-area .k-legal-top .k-legal-box:focus-visible, .kin-footer-area .k-copyright-social .k-soc-icon:hover, .kin-footer-area .k-copyright-social .k-soc-icon:focus-visible, .kin-footer-area .k-copyright-text a:hover, .kin-footer-area .k-copyright-text a:focus-visible {
    transform:none !important;
  }
}


/* Keep the shimmer above the box background but below its icon/label. */
.kin-footer-area .k-legal-top .k-legal-box::before { z-index:0 !important; }
.kin-footer-area .k-legal-top .k-legal-box > svg, .kin-footer-area .k-legal-top .k-legal-box > span { position:relative !important; z-index:1 !important; }


/* ==========================================
   v1.4.64 — Home-only visual footer
   The actual footer is conditionally rendered in footer.php.
   This CSS is a defensive fallback for cached/legacy markup.
   ========================================== */
body:not(.home):not(.front-page) > .kin-footer-area#kinboraReferenceFooter {
  display:none !important;
}


/* =========================================================
   Footer social + copyright geometry
   Social icons and copyright share one edge-to-edge bar; the current
   surface treatment follows Kinbora's approved Header glass language.
   ========================================================= */
.kin-footer-area .k-copyright-bar {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:3px 0 !important;
  background:rgba(255,255,255,.68) !important;
  color:#17211d !important;
  border-top:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 -8px 28px rgba(22,32,28,.10) !important;
  backdrop-filter:blur(18px) saturate(1.24) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.kin-footer-area .k-copyright-inner {
  width:100% !important;
  max-width:none !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  background:transparent !important;
}
.kin-footer-area .k-copyright-social {
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}
.kin-footer-area .k-copyright-text {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:3px !important;
  width:auto !important;
  max-width:calc(100% - 104px) !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#111 !important;
  box-shadow:none !important;
  text-align:right !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
.kin-footer-area .k-copyright-text a {
  color:#00553f !important;
}
.kin-footer-area .k-copyright-text a:hover, .kin-footer-area .k-copyright-text a:focus-visible {
  color:#ff6600 !important;
}

@media(max-width:600px) {
  .kin-footer-area .k-copyright-bar {
    padding:3px 0 !important;
  }
  .kin-footer-area .k-copyright-inner {
    min-height:22px !important;
    padding:0 5px !important;
    gap:5px !important;
  }
  .kin-footer-area .k-copyright-social {
    gap:3px !important;
  }
  .kin-footer-area .k-copyright-social .k-soc-icon {
    width:18px !important;
    height:18px !important;
  }
  .kin-footer-area .k-copyright-text {
    max-width:calc(100% - 78px) !important;
    font-size:9px !important;
    gap:2px !important;
  }
}

@media(max-width:390px) {
  .kin-footer-area .k-copyright-inner {
    padding:0 3px !important;
    gap:3px !important;
  }
  .kin-footer-area .k-copyright-social {
    gap:2px !important;
  }
  .kin-footer-area .k-copyright-social .k-soc-icon {
    width:17px !important;
    height:17px !important;
  }
  .kin-footer-area .k-copyright-text {
    max-width:calc(100% - 72px) !important;
    font-size:8.3px !important;
    letter-spacing:0 !important;
  }
}


/* =========================================================
   v1.4.66 — Permanent edge-to-edge footer bottom bar fix
   The theme has a legacy global `footer { padding:40px 24px; }` rule.
   Remove only its horizontal padding from the Kinbora home footer so the
   social + copyright bar truly reaches both viewport/footer edges.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter {
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.kin-footer-area#kinboraReferenceFooter > .k-copyright-bar {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}



.kin-footer-area#kinboraReferenceFooter > .k-copyright-bar {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-copyright-inner {
  width:100% !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:15px !important;
  padding-right:15px !important;
  box-sizing:border-box !important;
}
@media(max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-copyright-inner {
    padding-left:8px !important;
    padding-right:8px !important;
  }
}
@media(max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-copyright-inner {
    padding-left:4px !important;
    padding-right:4px !important;
  }
}



@media (min-width:901px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-main {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:0 !important;
    row-gap:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    align-items:start !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-brand-col {
    grid-column:1 !important;
    min-width:0 !important;
    padding:0 15px !important;
    box-sizing:border-box !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-security-col {
    grid-column:2 !important;
    min-width:0 !important;
    padding:0 15px 0 0 !important;
    box-sizing:border-box !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-payments-col {
    grid-column:3 / 5 !important;
    min-width:0 !important;
    padding:0 15px 0 0 !important;
    box-sizing:border-box !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-col::after {
    display:none !important;
  }
}

.kin-footer-area#kinboraReferenceFooter .k-payment-logos {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin:1px 0 5px !important;
  padding:0 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-logo {
  width:43px !important;
  height:26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 43px !important;
  padding:3px 4px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:5px !important;
  background:#fff !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-logo img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-logo[title="Multibanco"] img {
  max-width:21px !important;
  max-height:22px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-logo[title="MB WAY"] img {
  max-width:36px !important;
  max-height:21px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-note {
  margin:0 !important;
  max-width:560px !important;
}
@media (max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-payment-logos {
    justify-content:center !important;
    gap:4px !important;
  }
}
@media (max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-payment-logo {
    width:39px !important;
    height:24px !important;
    flex-basis:39px !important;
    padding:3px !important;
  }
}


/* =========================================================
   v1.4.69 — One-line security priority + working footer region selector
   Keep the existing trust-divider geometry and compact footer sizing.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter .k-sec-box p {
  white-space:nowrap !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-picker {
  width:min(100%,520px) !important;
  min-height:34px !important;
  margin:5px 0 5px !important;
  padding:4px 5px 4px 7px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  border:1px solid #343434 !important;
  border-radius:7px !important;
  background:#080808 !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-picker:hover, .kin-footer-area#kinboraReferenceFooter .k-footer-region-picker:focus-within {
  border-color:#176b50 !important;
  box-shadow:0 0 0 1px rgba(23,107,80,.35),0 5px 16px rgba(0,0,0,.22) !important;
  transform:translateY(-1px) !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-globe {
  width:22px !important;
  height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 22px !important;
  border:1px solid #3a3a3a !important;
  border-radius:50% !important;
  background:#111 !important;
  font-size:12px !important;
  line-height:1 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-copy {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
  color:#fff !important;
  line-height:1.05 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-copy strong {
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-copy small {
  color:#aaa !important;
  font-size:8.5px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-select-wrap {
  margin-left:auto !important;
  min-width:0 !important;
  position:relative !important;
  flex:0 1 190px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-select-wrap::after {
  content:'▾' !important;
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-52%) !important;
  color:#176b50 !important;
  font-size:11px !important;
  pointer-events:none !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-select {
  width:100% !important;
  height:26px !important;
  padding:0 22px 0 8px !important;
  box-sizing:border-box !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1px solid #d7d7d7 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#111 !important;
  font:700 9.5px/1 Inter,Arial,sans-serif !important;
  cursor:pointer !important;
  outline:none !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-select:focus {
  border-color:#176b50 !important;
  box-shadow:0 0 0 2px rgba(23,107,80,.15) !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-note {
  margin:0 0 1px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payment-logos {
  margin:0 0 2px !important;
}
@media(max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-picker {
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media(max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-sec-box p {
    white-space:nowrap !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-picker {
    min-height:31px !important;
    padding:3px 4px 3px 5px !important;
    gap:4px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-globe {
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
    font-size:10px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-copy strong { font-size:9px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-copy small { font-size:7.5px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-select-wrap { flex-basis:145px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-select {
    height:24px !important;
    font-size:8.5px !important;
  }
}


/* =========================================================
   v1.4.70 — Reuse the existing Kinbora Language & Region dropdown
   Payment logos stay first. The footer then uses the same .lang-dropdown, .region-trigger and .region-panel UI already used by the website header.
   No separate footer selector visual is introduced.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter { overflow:visible !important; }
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown {
  display:inline-block !important;
  padding:0 !important;
  margin:2px 0 0 !important;
  z-index:40 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown > .region-trigger {
  color:#fff !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown:hover > .region-trigger, .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown:focus-within > .region-trigger {
  color:var(--temu-orange) !important;
}
@media (min-width:901px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown > .region-panel {
    top:auto !important;
    bottom:calc(100% + 10px) !important;
    right:0 !important;
    left:auto !important;
    transform:translateY(12px) !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown:hover > .region-panel, .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown:focus-within > .region-panel {
    transform:translateY(0) !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown > .region-panel::before {
    top:auto !important;
    bottom:-6px !important;
    right:20px !important;
    transform:rotate(225deg) !important;
  }
}

/* =========================================================
   v1.4.71 — Footer-only Change Your Region + Language boxes
   IMPORTANT: Header Language & Region markup/design is untouched.
   Payments keep their logos first; the existing Kinbora dropdown panel
   is reused only inside the footer with footer-scoped outer controls.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logos {
  margin:2px 0 0 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-note {
  margin:3px 0 0 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-change-region-title {
  margin-top:10px !important;
  margin-bottom:5px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown {
  width:min(100%, 300px) !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  position:relative !important;
  z-index:40 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box, .kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
  height:36px !important;
  min-height:36px !important;
  box-sizing:border-box !important;
  border:1px solid #e9ecea !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#101713 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.14) !important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box {
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  padding:0 5px !important;
  cursor:pointer !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag {
  font-size:19px !important;
  line-height:1 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-code {
  font:800 9px/1 Inter,Arial,sans-serif !important;
  color:#303733 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  text-shadow:none !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-language-box .region-trigger-language {
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#101713 !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-language-box .mobile-region-chevron {
  display:block !important;
  width:13px !important;
  height:13px !important;
  stroke:#101713 !important;
  flex:0 0 13px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box:hover, .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box:focus, .kin-footer-area#kinboraReferenceFooter .k-footer-language-box:hover, .kin-footer-area#kinboraReferenceFooter .k-footer-language-box:focus {
  transform:translateY(-1px) !important;
  border-color:rgba(23,107,80,.55) !important;
  box-shadow:0 5px 15px rgba(0,0,0,.18),0 0 0 1px rgba(23,107,80,.12) !important;
  outline:none !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown > .region-panel {
  grid-column:1 / -1 !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box, body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
  background:var(--kb-theme-surface) !important;
  border-color:var(--kb-theme-border) !important;
  color:var(--kb-theme-text) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-region-code, body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-language-box .region-trigger-language {
  color:var(--kb-theme-text) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-language-box .mobile-region-chevron {
  stroke:currentColor !important;
}
@media(max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown {
    width:100% !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:5px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box, .kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
    height:32px !important;
    min-height:32px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag { font-size:17px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-code { font-size:8px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-footer-language-box .region-trigger-language { font-size:10px !important; }
}



@media (min-width:901px) {
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logos {
    width:calc(50% + 7.5px) !important;
    max-width:calc(50% + 7.5px) !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    gap:3px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logo {
    width:clamp(24px,2.65vw,32px) !important;
    height:20px !important;
    min-width:0 !important;
    flex:0 0 clamp(24px,2.65vw,32px) !important;
    padding:2px 3px !important;
    border-radius:4px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-payment-logo[title="Multibanco"] img {
    max-width:17px !important;
    max-height:16px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-payment-logo[title="MB WAY"] img {
    max-width:27px !important;
    max-height:15px !important;
  }
}
@media (max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logos {
    width:100% !important;
    max-width:100% !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:4px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logo {
    width:30px !important;
    height:20px !important;
    flex:0 0 30px !important;
    padding:2px 3px !important;
  }
}

/* =========================================================
   v1.4.73 — Premium trust badges + full-width Back to top bar
   Scope: footer trust row and the new Back to top strip only.
   Existing footer columns, Legal & Help, payments, region control, social/copyright bar and all non-footer layouts are unchanged.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter .k-trust-bar-wrapper {
  margin:0 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-bar {
  align-items:stretch !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-item {
  min-height:42px !important;
  height:42px !important;
  padding:5px 10px !important;
  gap:8px !important;
  background:transparent !important;
  transition:background-color .18s ease, box-shadow .18s ease !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-item:hover, .kin-footer-area#kinboraReferenceFooter .k-trust-item:focus-within {
  background:rgba(255,255,255,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(0,85,63,.055) !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-icon {
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  flex:0 0 26px !important;
  margin:0 !important;
  border-width:1px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 3px 10px rgba(22,32,28,.08), inset 0 0 0 1px rgba(0,85,63,.04) !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-icon svg {
  width:13px !important;
  height:13px !important;
  stroke-width:2 !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-text {
  min-width:0 !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-text h4 {
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.05 !important;
  letter-spacing:.18px !important;
  font-weight:800 !important;
  color:#17211d !important;
}
.kin-footer-area#kinboraReferenceFooter .k-trust-text p {
  margin:0 !important;
  font-size:8.5px !important;
  line-height:1.05 !important;
  font-weight:400 !important;
  color:#526159 !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-text h4 { color:var(--kb-theme-text) !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-text p { color:var(--kb-theme-text-muted) !important; }

body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-icon {
  background:rgba(25,37,31,.82) !important;
  border-color:var(--kb-theme-border) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-item:hover,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-item:focus-within {
  background:rgba(255,255,255,.045) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

/* Full-width BACK TO TOP strip; geometry is preserved while the surface follows Header glass. */
.kin-footer-area#kinboraReferenceFooter .k-back-to-top-wrap {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:rgba(255,255,255,.68) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 8px 28px rgba(22,32,28,.10) !important;
  backdrop-filter:blur(18px) saturate(1.24) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
  box-sizing:border-box !important;
}
.kin-footer-area#kinboraReferenceFooter .k-back-to-top {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:flex !important;
  width:100% !important;
  min-height:38px !important;
  margin:0 !important;
  padding:8px 16px !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-image:
    linear-gradient(var(--temu-orange),var(--temu-orange)),
    linear-gradient(var(--temu-orange),var(--temu-orange)) !important;
  background-repeat:no-repeat !important;
  background-position:left center,right center !important;
  background-size:0 100%,0 100% !important;
  color:#075c45 !important;
  font:700 11px/1.2 'Inter',Arial,sans-serif !important;
  letter-spacing:.15px !important;
  text-align:center !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background-size .30s cubic-bezier(.22,.72,.24,1), color .18s ease !important;
}
.kin-footer-area#kinboraReferenceFooter .k-back-to-top:hover, .kin-footer-area#kinboraReferenceFooter .k-back-to-top:focus-visible {
  background-color:transparent !important;
  background-size:50.1% 100%,50.1% 100% !important;
  color:#fff !important;
  outline:none !important;
}
.kin-footer-area#kinboraReferenceFooter .k-back-to-top svg {
  color:inherit !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  transition:color .18s ease, fill .18s ease, stroke .18s ease !important;
}
.kin-footer-area#kinboraReferenceFooter .k-back-to-top:focus-visible { box-shadow:inset 0 0 0 2px rgba(255,102,0,.42) !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-back-to-top-wrap {
  background:rgba(24,31,27,.72) !important;
  border-bottom-color:rgba(255,255,255,.10) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.28) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-back-to-top { color:var(--kb-theme-text) !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-back-to-top:hover,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-back-to-top:focus-visible {
  background-color:transparent !important;
  color:var(--kb-theme-text) !important;
}

@media(max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-trust-item {
    min-height:40px !important;
    height:40px !important;
    padding:4px 7px !important;
    gap:6px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-trust-icon {
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    flex-basis:23px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-trust-icon svg { width:11px !important; height:11px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-trust-text h4 { font-size:9px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-trust-text p { font-size:7.8px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-back-to-top { min-height:36px !important; font-size:10.5px !important; }
}

@media(max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-trust-item {
    min-height:44px !important;
    height:44px !important;
    padding:4px 5px !important;
    gap:3px !important;
    flex-direction:column !important;
    text-align:center !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-trust-icon {
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    flex-basis:21px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-trust-icon svg { width:10px !important; height:10px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-trust-text { align-items:center !important; gap:1px !important; }
  .kin-footer-area#kinboraReferenceFooter .k-trust-text h4 { font-size:clamp(7px,2vw,8.3px) !important; line-height:1 !important; }
  .kin-footer-area#kinboraReferenceFooter .k-trust-text p { font-size:clamp(6.4px,1.8vw,7.3px) !important; line-height:1 !important; }
  .kin-footer-area#kinboraReferenceFooter .k-back-to-top { min-height:35px !important; padding:7px 10px !important; font-size:10px !important; }
}

@media(prefers-reduced-motion:reduce) {
  .kin-footer-area#kinboraReferenceFooter .k-trust-item, .kin-footer-area#kinboraReferenceFooter .k-back-to-top {
    transition:none !important;
  }
}



/* =========================================================
   v1.4.74 — BACK TO TOP position + click-only region selector
   - BACK TO TOP is rendered above the trust row by footer.php.
   - Footer Language/Region panel cannot open from hover/focus alone.
   - Country search results hide reliably despite older display:grid rules.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open) > .region-panel, .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):hover > .region-panel, .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):focus-within > .region-panel {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
@media (min-width:901px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open) > .region-panel {
    transform:translateY(12px) !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
}
@media (max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}
.kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):hover > .region-trigger, .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):focus-within > .region-trigger {
  color:#101713 !important;
  text-shadow:none !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):hover > .region-trigger, body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown.kb-click-only-dropdown:not(.kinbora-route-open):focus-within > .region-trigger {
  color:var(--kb-theme-text) !important;
}
.kin-footer-area#kinboraReferenceFooter .lang-dropdown .region-panel.country-view-open .region-country-option.is-filtered-out, .kin-footer-area#kinboraReferenceFooter .lang-dropdown .region-panel.country-view-open .region-country-option[hidden] {
  display:none !important;
}

/* =========================================================
   v1.4.75 — Remove empty space above BACK TO TOP
   Scope: footer top edge only. The footer now begins flush with
   the BACK TO TOP strip; all other footer layout stays unchanged.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter {
  margin-top:0 !important;
  padding-top:0 !important;
}
.kin-footer-area#kinboraReferenceFooter > .k-back-to-top-wrap {
  margin-top:0 !important;
}




.kin-footer-area#kinboraReferenceFooter {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.kin-footer-area#kinboraReferenceFooter > .k-copyright-bar {
  margin-bottom:0 !important;
}
.kin-footer-area#kinboraReferenceFooter > .k-copyright-bar:last-child {
  padding-bottom:6px !important;
}
@media(max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter {
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
}
@media(max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter {
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  .kin-footer-area#kinboraReferenceFooter > .k-copyright-bar:last-child {
    padding-bottom:5px !important;
  }
}



@media (max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-security-col .k-col-title,
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-col-title,
  .kin-footer-area#kinboraReferenceFooter .k-footer-change-region-title {
    width:100% !important;
    text-align:left !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-security-col .k-col-title::after,
  .kin-footer-area#kinboraReferenceFooter .k-payments-col .k-col-title::after,
  .kin-footer-area#kinboraReferenceFooter .k-footer-change-region-title::after {
    left:0 !important;
    transform:none !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-security-col .k-list {
    width:100% !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-security-col .k-list > span {
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-security-col .k-sec-box {
    justify-content:flex-start !important;
    text-align:left !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-legal-top-title {
    text-align:left !important;
  }
}


@media (max-width:900px) {
  header.glass-box .logo-img.desktop-logo {
    height:52px !important;
    max-width:150px !important;
    margin:0 !important;
  }
}
@media (max-width:390px) {
  header.glass-box .logo-img.desktop-logo {
    height:48px !important;
    max-width:140px !important;
  }
}




@media (max-width: 959px) {
  body:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav,
  body.dark-mode:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav,
  body.kb-reference-footer-visible:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav {
    display:flex !important;
    position:fixed !important;
    top:auto !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    margin:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:none !important;
  }

  body:not(.kinbora-popup-document) .kb-scroll-header,
  body:not(.kinbora-popup-document) .kb-scroll-header.is-kb-header-hidden,
  body.kb-reference-footer-visible .kb-scroll-header {
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

@media (min-width: 960px) {
  .mobile-bottom-nav.kb-scroll-nav, body.dark-mode .mobile-bottom-nav.kb-scroll-nav {
    display:none !important;
  }
}

/* =========================================================
   v1.4.84 — Mobile scroll: search-only until exact top
   On phone layouts, leaving the page top collapses the logo/action row while
   preserving the existing search bar. The row stays hidden until the page returns
   to the top. Desktop/laptop layouts are unchanged.
   ========================================================= */
@media (max-width:900px) {
  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only {
    padding:7px 12px !important;
    gap:0 !important;
    min-height:0 !important;
    align-items:center !important;
  }

  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .logo,
  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .right-nav,
  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .desktop-main-nav,
  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .mobile-menu-btn {
    display:none !important;
  }

  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .search-wrapper {
    order:1 !important;
    flex:1 0 100% !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .search-wrapper .search-container {
    width:100% !important;
    margin:0 !important;
  }

  /* Native Kinbora Commerce/product screens use a separate header shell. Keep
     its search control visible while collapsing its upper logo/action row. */
  

  

  
}



@media (max-width: 959px) {
  .kin-footer-area#kinboraReferenceFooter > .k-trust-bar-wrapper,
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-brand-col,
  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-security-col {
    display:none !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-footer-main {
    display:block !important;
    grid-template-columns:none !important;
    padding-top:14px !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-footer-main > .k-payments-col {
    display:flex !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
  }
}

/* =========================================================
   v1.4.87 — Mobile footer refinement, search focus border, and centered footer Region/Language popup.
   - Mobile Legal & Help uses a balanced 5 + 4 two-row layout.
   - Mobile footer section headings are slightly smaller.
   - Mobile search border is deep green normally and orange on focus.
   - Footer Change Your Region popup opens centered in the viewport
     on mobile, tablet and desktop while preserving click-only behavior.
   ========================================================= */

/* Footer Region/Language panel: always center the opened footer modal
   in the viewport, regardless of where the footer trigger sits. */
.kin-footer-area#kinboraReferenceFooter
.k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel {
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  z-index:10050 !important;
  margin:0 !important;
  transform:translate(-50%, -50%) !important;
  max-height:min(78dvh, 680px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}

/* The small pointer no longer belongs to a trigger edge when the panel
   is a centered modal. */
.kin-footer-area#kinboraReferenceFooter
.k-footer-site-region-dropdown.kb-click-only-dropdown > .region-panel::before {
  display:none !important;
}

@media (min-width:901px) {
  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel:not(.country-view-open) {
    width:min(370px, calc(100vw - 40px)) !important;
    min-width:0 !important;
    max-width:min(370px, calc(100vw - 40px)) !important;
  }
}

@media (max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel:not(.country-view-open) {
    width:min(370px, calc(100vw - 24px)) !important;
    min-width:0 !important;
    max-width:min(370px, calc(100vw - 24px)) !important;
    max-height:calc(100dvh - 28px) !important;
  }

  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel.country-view-open {
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    max-height:min(420px, calc(100dvh - 28px)) !important;
  }
}

/* Phone-only Legal & Help: five items on row one, four items centered
   on row two. Existing box animations/hover states stay untouched. */
@media (max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-legal-top-grid {
    grid-template-columns:repeat(10, minmax(0,1fr)) !important;
    gap:4px 3px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-legal-top-grid > .k-legal-box {
    grid-column:span 2 !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-legal-top-grid > .k-legal-box:nth-child(6) {
    grid-column:2 / span 2 !important;
  }

  /* Slightly smaller footer headings on phones only. */
  .kin-footer-area#kinboraReferenceFooter .k-payments-col > .k-col-title,
  .kin-footer-area#kinboraReferenceFooter .k-footer-change-region-title,
  .kin-footer-area#kinboraReferenceFooter .k-legal-top-title {
    font-size:10px !important;
    line-height:1.15 !important;
  }
}





/* Non-brand footer SVG artwork keeps the approved soft light-grey tone.
   Copyright social glyphs are explicitly restored to their brand colors below. */
.kin-footer-area#kinboraReferenceFooter svg:not(.kb-v133-footer-symbols) {
  color:#b9c1bd !important;
  stroke:#b9c1bd !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter svg:not(.kb-v133-footer-symbols):not(.brand-svg) {
  color:var(--kb-theme-text-muted) !important;
  stroke:currentColor !important;
}
/* Copyright social glyphs are exempt from the footer artwork tint and keep canonical brand colors. */
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-icon svg { color:inherit !important; stroke:none !important; }
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-facebook svg { fill:#1877F2 !important; }
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-instagram svg { fill:url(#kbFooterInstagramBrand) !important; }
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-youtube svg { fill:#FF0000 !important; }
.kin-footer-area#kinboraReferenceFooter .k-copyright-social .k-soc-linkedin svg { fill:#0A66C2 !important; }

/* Smaller centered footer Region/Language modal on mobile/tablet. */
@media (max-width:900px) {
  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel:not(.country-view-open) {
    width:min(300px, calc(100vw - 32px)) !important;
    min-width:0 !important;
    max-width:min(300px, calc(100vw - 32px)) !important;
    max-height:min(64dvh, 500px) !important;
    padding:11px !important;
    border-radius:14px !important;
  }

  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown.kb-click-only-dropdown.kinbora-route-open > .region-panel.country-view-open {
    width:min(310px, calc(100vw - 32px)) !important;
    min-width:0 !important;
    max-width:min(310px, calc(100vw - 32px)) !important;
    max-height:min(66dvh, 430px) !important;
    padding:10px !important;
    border-radius:14px !important;
  }

  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown .region-language-choice {
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:11px !important;
  }

  .kin-footer-area#kinboraReferenceFooter
  .k-footer-site-region-dropdown .region-panel-divider {
    margin:5px 0 !important;
  }
}

/* Phone footer region controls: compact white boxes. The language box
   is intentionally close to one Legal & Help box in visual width. */
@media (max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-site-region-dropdown {
    width:132px !important;
    max-width:132px !important;
    grid-template-columns:42px 84px !important;
    gap:6px !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box,
  .kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
    height:30px !important;
    min-height:30px !important;
    border-radius:7px !important;
    box-shadow:0 3px 9px rgba(0,0,0,.12) !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag-box {
    padding:0 3px !important;
    gap:2px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag {
    font-size:16px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-code {
    font-size:8px !important;
  }

  .kin-footer-area#kinboraReferenceFooter .k-footer-language-box {
    width:84px !important;
    padding:0 6px !important;
    gap:4px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-language-box .region-trigger-language {
    font-size:9px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-footer-language-box .mobile-region-chevron {
    width:10px !important;
    height:10px !important;
    flex-basis:10px !important;
  }

  /* 5 + 4: row two begins exactly under the first/About Us column. */
  .kin-footer-area#kinboraReferenceFooter .k-legal-top-grid > .k-legal-box:nth-child(6) {
    grid-column:span 2 !important;
  }

  /* Slightly slimmer Legal & Help boxes while preserving their existing
     shimmer/hover animation and link behavior. */
  .kin-footer-area#kinboraReferenceFooter .k-legal-top .k-legal-box {
    height:30px !important;
    min-height:30px !important;
    padding:1px 2px !important;
    gap:1px !important;
    font-size:clamp(6.6px,1.9vw,7.7px) !important;
    line-height:1 !important;
  }
  .kin-footer-area#kinboraReferenceFooter .k-legal-top .k-legal-box svg {
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
  }
}




/* Payment artwork is explicitly excluded from the footer grey treatment. */
.kin-footer-area#kinboraReferenceFooter .k-payments-col .k-payment-logo img {
  filter:none !important;
  opacity:1 !important;
}

/* Region/country flags are real flag emoji and must stay in their original colors. */
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag, .kin-footer-area#kinboraReferenceFooter .region-language-choice-flag, .kin-footer-area#kinboraReferenceFooter .region-shopping-flag, .kin-footer-area#kinboraReferenceFooter .region-country-flag {
  filter:none !important;
  opacity:1 !important;
  color:initial !important;
}


/* =========================================================
   v1.4.90 — Region popup flag full-color safeguard
   - Change Your Region flags keep native emoji colors in both
     the compact footer selector and every popup/country view.
   - No other footer, layout, sizing, animation or behavior changes.
   ========================================================= */
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag, .kin-footer-area#kinboraReferenceFooter .region-language-choice-flag, .kin-footer-area#kinboraReferenceFooter .region-shopping-flag, .kin-footer-area#kinboraReferenceFooter .region-country-flag {
  -webkit-filter:none !important;
  filter:none !important;
  opacity:1 !important;
  color:revert !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
  mix-blend-mode:normal !important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-variant-emoji:emoji;
}


.kin-footer-area#kinboraReferenceFooter img.kb-color-country-flag {
  display:inline-block !important;
  width:22px !important;
  height:16px !important;
  min-width:22px !important;
  object-fit:cover !important;
  border-radius:2px !important;
  vertical-align:middle !important;
  -webkit-filter:none !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.kin-footer-area#kinboraReferenceFooter .k-footer-region-flag img.kb-color-country-flag {
  width:20px !important;
  height:15px !important;
  min-width:20px !important;
}
.kin-footer-area#kinboraReferenceFooter .region-language-choice-flag img.kb-color-country-flag, .kin-footer-area#kinboraReferenceFooter .region-shopping-flag img.kb-color-country-flag {
  width:20px !important;
  height:15px !important;
  min-width:20px !important;
}
.kin-footer-area#kinboraReferenceFooter .region-country-flag img.kb-color-country-flag {
  width:22px !important;
  height:16px !important;
  min-width:22px !important;
}
.kin-footer-area#kinboraReferenceFooter .kb-country-flag-fallback[hidden] { display:none !important; }
@media (max-width:600px) {
  .kin-footer-area#kinboraReferenceFooter .k-footer-region-flag img.kb-color-country-flag {
    width:18px !important;
    height:13px !important;
    min-width:18px !important;
  }
  .kin-footer-area#kinboraReferenceFooter .region-language-choice-flag img.kb-color-country-flag, .kin-footer-area#kinboraReferenceFooter .region-shopping-flag img.kb-color-country-flag, .kin-footer-area#kinboraReferenceFooter .region-country-flag img.kb-color-country-flag {
    width:19px !important;
    height:14px !important;
    min-width:19px !important;
  }
}


/* =========================================================
   v1.4.92 — Reference Mobile/Tablet Day-Night Switch
   Scope:
   - <=1024px only: reference-matched switch at left, original logo centered, cart at right; all other header action controls hidden in that top row.
   - Desktop has no theme control; the dedicated mobile/tablet switch remains.
   - Night mode uses a softer charcoal/green palette instead of near-black
     blocks on mobile/tablet. No content structure or functionality changed.
   ========================================================= */

@media (max-width: 959px) {
  body:not(.kinbora-popup-document) header.glass-box {
    position:sticky !important;
  }

  /* Exactly three top-row anchors: switch | original logo | cart. */
  body:not(.kinbora-popup-document) header.glass-box > .logo {
    position:absolute !important;
    top:14px !important;
    left:50% !important;
    z-index:5 !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    justify-content:center !important;
  }

  body:not(.kinbora-popup-document) header.glass-box .right-nav {
    margin-left:auto !important;
    width:auto !important;
    min-height:44px !important;
    gap:0 !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }

  body:not(.kinbora-popup-document) header.glass-box .right-nav > *:not(#cartButton) {
    display:none !important;
  }

  body:not(.kinbora-popup-document) header.glass-box #cartButton {
    position:relative !important;
    order:2 !important;
    margin-left:auto !important;
  }

  /* Mobile/tablet Night mode uses the same canonical semantic token engine.
     Only token values adapt to the approved softer mobile charcoal palette. */
  body.dark-mode:not(.kinbora-popup-document) {
    --kb-theme-surface:#1f2521;
    --kb-theme-surface-soft:#252b27;
    --kb-theme-surface-deep:#181c1a;
    --kb-theme-text:#f4f6f5;
    --kb-theme-text-muted:#c7d2cc;
    --kb-theme-border:#3a423e;
    --kb-theme-overlay-surface:rgba(31,37,33,.96);
    --kb-theme-overlay-border:rgba(199,210,204,.14);
    background-color:var(--kb-theme-surface-deep) !important;
    color:var(--kb-theme-text) !important;
    --ink:var(--kb-theme-text);
    --line:var(--kb-theme-border);
  }
  body.dark-mode:not(.kinbora-popup-document) .glass-box, body.dark-mode:not(.kinbora-popup-document) header, body.dark-mode:not(.kinbora-popup-document) .hover-content, body.dark-mode:not(.kinbora-popup-document) .region-select, body.dark-mode:not(.kinbora-popup-document) .search-container, body.dark-mode:not(.kinbora-popup-document) .product-card, body.dark-mode:not(.kinbora-popup-document) .account-panel, body.dark-mode:not(.kinbora-popup-document) .signup-panel, body.dark-mode:not(.kinbora-popup-document) #cart, body.dark-mode:not(.kinbora-popup-document) .privacy-box, body.dark-mode:not(.kinbora-popup-document) .mobile-bottom-nav {
    background:var(--kb-theme-overlay-surface) !important;
    color:var(--kb-theme-text) !important;
    border-color:var(--kb-theme-border) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) .product-info, body.dark-mode:not(.kinbora-popup-document) .pay-card, body.dark-mode:not(.kinbora-popup-document) .product, body.dark-mode:not(.kinbora-popup-document) input, body.dark-mode:not(.kinbora-popup-document) select, body.dark-mode:not(.kinbora-popup-document) textarea {
    background:var(--kb-theme-surface-soft) !important;
    color:var(--kb-theme-text) !important;
    border-color:var(--kb-theme-border) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) footer {
    background:var(--kb-theme-surface) !important;
    color:var(--kb-theme-text) !important;
    border-top-color:var(--kb-theme-border) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav a {
    color:var(--kb-theme-text) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) .mobile-bottom-nav.kb-scroll-nav a svg {
    color:inherit !important;
    stroke:currentColor !important;
  }
}

@media (max-width:390px) {
  body:not(.kinbora-popup-document) header.glass-box > .logo { top:12px !important; }
}

/* =========================================================
   v1.4.93 — Guaranteed Reference Trigger + Full-Site Dark Mode
   User-requested scope only:
   - Mobile/tablet (<=1024px): supplied dark-pill/orange-sun switch.
   - Standalone switch is not inside legacy right-nav, so old responsive
     rules cannot hide or resize it.
   - Desktop/laptop footer reuses the exact same control and theme state.
   - Dark mode is applied across the full storefront/Kinbora Commerce surface.
   ========================================================= */

/* Header reference switch stays mobile/tablet; footer instance is enabled only on desktop/laptop. */
.kb-mobile-theme-reference {
  display:none;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

/* Desktop/laptop footer reuses the exact approved mobile Day/Night control.
   The single existing JS controller owns every [data-kinbora-theme-toggle]. */
@media (min-width: 960px) {
  .kin-footer-area#kinboraReferenceFooter .kb-footer-theme-reference {
    display:inline-flex !important;
    position:absolute !important;
    top:0 !important;
    right:15px !important;
    width:56px !important;
    height:28px !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:2 !important;
  }
}

.kb-mobile-theme-reference .kb-ref-switch-track {
  position:relative;
  display:block;
  width:56px;
  height:28px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(180deg,#181a1d 0%,#111214 100%);
  border:2px solid #090a0b;
  box-shadow:
    inset 0 4px 8px rgba(0,0,0,.78),
    inset 0 -1px 1px rgba(255,255,255,.035),
    0 5px 12px rgba(0,0,0,.24);
}

.kb-mobile-theme-reference .kb-ref-switch-thumb {
  position:absolute;
  top:1px;
  right:1px;
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(145deg,#ff9d19 0%,#f47700 100%);
  border:1px solid #d96200;
  box-shadow:
    0 2px 6px rgba(0,0,0,.58),
    inset 0 1px 1px rgba(255,255,255,.34);
  transform:translateX(0);
  transition:right .22s ease, left .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.kb-mobile-theme-reference .kb-ref-switch-sun {
  display:block;
  width:16px;
  height:16px;
  color:#fff;
}
.kb-mobile-theme-reference .kb-ref-switch-moon {
  display:none;
  width:14px;
  height:14px;
  color:#f2f3f4;
}

/* Dark state: thumb moves to the left and becomes the dark moon state. */
body.dark-mode .kb-mobile-theme-reference .kb-ref-switch-thumb, .kb-mobile-theme-reference.is-dark .kb-ref-switch-thumb {
  right:auto;
  left:1px;
  background:linear-gradient(145deg,#37393c 0%,#242629 100%);
  border-color:#111315;
  box-shadow:0 2px 6px rgba(0,0,0,.64), inset 0 1px 1px rgba(255,255,255,.09);
}
body.dark-mode .kb-mobile-theme-reference .kb-ref-switch-sun, .kb-mobile-theme-reference.is-dark .kb-ref-switch-sun { display:none; }
body.dark-mode .kb-mobile-theme-reference .kb-ref-switch-moon, .kb-mobile-theme-reference.is-dark .kb-ref-switch-moon { display:block; }

@media (max-width: 959px) {
  /* Storefront header: switch | original logo | cart. */
  body:not(.kinbora-popup-document) header.glass-box {
    position:sticky !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference {
    display:inline-flex !important;
    position:absolute !important;
    top:15px !important;
    left:14px !important;
    z-index:80 !important;
    width:56px !important;
    height:28px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  
  /* No hamburger/menu control in this mobile/tablet header. */
  body:not(.kinbora-popup-document) header.glass-box > .mobile-menu-btn {
    display:none !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .logo {
    position:absolute !important;
    top:12px !important;
    left:50% !important;
    right:auto !important;
    z-index:60 !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav {
    margin-left:auto !important;
    min-height:44px !important;
    width:auto !important;
    gap:0 !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav > *:not(#cartButton) {
    display:none !important;
  }
  body:not(.kinbora-popup-document) header.glass-box #cartButton {
    display:inline-flex !important;
    position:relative !important;
    margin-left:auto !important;
    z-index:60 !important;
  }

  /* Native Kinbora Commerce header gets the same three anchors. */
  
  
  
  
  
  
}

/* When the mobile scroll header collapses to Search-only, the Day/Night
   switch follows the logo/action row and hides with it. */
@media (max-width:900px) {
  body:not(.kinbora-popup-document) header.glass-box.kb-mobile-search-only > .kb-mobile-theme-reference{
    display:none !important;
  }
}

@media (max-width:390px) {
  .kb-mobile-theme-reference .kb-ref-switch-track {
    width:52px;
    height:26px;
  }
  .kb-mobile-theme-reference .kb-ref-switch-thumb {
    width:22px;
    height:22px;
  }
  .kb-mobile-theme-reference .kb-ref-switch-sun { width:15px; height:15px; }
  .kb-mobile-theme-reference .kb-ref-switch-moon { width:13px; height:13px; }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference{
    left:11px !important;
    width:52px !important;
    height:26px !important;
  }
}

/* ---------- Full-site Dark Mode final cascade ---------- */
body.dark-mode {
  background-color:#0e1210 !important;
  color:#f4f7f5 !important;
  --ink:#f4f7f5;
  --line:#343d38;
  --kb-theme-surface:#16201c;
  --kb-theme-surface-soft:#1b2621;
  --kb-theme-surface-deep:#0d1310;
  --kb-theme-text:#f4f7f5;
  --kb-theme-text-muted:#c7d2cc;
  --kb-theme-border:#343d38;
  --kb-theme-overlay-surface:rgba(22,32,28,.96);
  --kb-theme-overlay-border:rgba(199,210,204,.14);
  --shadow-aero:0 12px 35px rgba(0,0,0,.6);
  --glow-mix:0 0 25px rgba(255,102,0,.2),0 0 25px rgba(23,107,80,.2);
}

/* Secondary cards/rows/fields. */
body.dark-mode .pay-card, body.dark-mode .cart-item-img, body.dark-mode .hc-hero-badge, body.dark-mode .hc-social-pill, body.dark-mode .hc-faq-card, body.dark-mode .hc-card-icon, body.dark-mode .hc-social-box, body.dark-mode .cnt-card, body.dark-mode .cnt-banner, body.dark-mode .cnt-badges, body.dark-mode .cnt-mini-card, body.dark-mode .k-legal-top, body.dark-mode .k-legal-top .k-legal-box, body.dark-mode .footer-links, body.dark-mode .premium-section-btn, body.dark-mode .premium-select-wrapper {
  background-color:var(--kb-theme-surface-soft) !important;
  color:var(--kb-theme-text) !important;
  border-color:var(--kb-theme-border) !important;
}

body.dark-mode .kinbora_commerce,
body.dark-mode .kinbora_commerce p,
body.dark-mode .kinbora_commerce label,
body.dark-mode .kinbora_commerce legend,
body.dark-mode .kinbora_commerce table.shop_table th,
body.dark-mode .kinbora_commerce table.shop_table td {
  color:var(--kb-theme-text) !important;
}

/* Keep product/media artwork itself unchanged while surrounding surfaces darken. */
body.dark-mode img, body.dark-mode video, body.dark-mode picture, body.dark-mode svg.brand-svg {
  background-color:transparent;
}

/* Dynamic Kinbora Commerce fragments inherit the same semantic Dark Mode system.
   This covers notices, cart/checkout refreshes, Select2 and endpoint output
   without JavaScript recoloring or a second theme engine. */
body.dark-mode .kinbora_commerce-message,
body.dark-mode .kinbora_commerce-info,
body.dark-mode .kinbora_commerce-error,
body.dark-mode .kinbora_commerce table.shop_table,
body.dark-mode .kinbora_commerce .cart_totals,
body.dark-mode .kinbora_commerce .kinbora_commerce-checkout-review-order-table,
body.dark-mode .kinbora_commerce .select2-container .select2-selection,
body.dark-mode .kinbora_commerce .select2-dropdown,
body.dark-mode .kinbora_commerce .select2-results__option,
body.dark-mode .kinbora_commerce .kinbora_commerce-form,
body.dark-mode .kinbora_commerce .kinbora_commerce-address-fields,
body.dark-mode .kinbora_commerce .kinbora_commerce-billing-fields,
body.dark-mode .kinbora_commerce .kinbora_commerce-shipping-fields {
  background-color:var(--kb-theme-surface) !important;
  color:var(--kb-theme-text) !important;
  border-color:var(--kb-theme-border) !important;
}
body.dark-mode .kinbora_commerce .select2-results__option--highlighted,
body.dark-mode .kinbora_commerce .select2-results__option[aria-selected="true"] {
  background-color:var(--kb-theme-surface-soft) !important;
  color:var(--kb-theme-text) !important;
}
body.dark-mode .kinbora_commerce input.input-text,
body.dark-mode .kinbora_commerce textarea,
body.dark-mode .kinbora_commerce select {
  background-color:var(--kb-theme-surface-deep) !important;
  color:var(--kb-theme-text) !important;
  border-color:var(--kb-theme-border) !important;
}
body.dark-mode .kinbora_commerce input::placeholder,
body.dark-mode .kinbora_commerce textarea::placeholder {
  color:var(--kb-theme-text-muted) !important;
  opacity:1;
}
body.dark-mode .kinbora_commerce svg:not(.brand-svg) {
  color:inherit;
  fill:currentColor;
  stroke:currentColor;
}


/* =========================================================
   KINBORA HERO SLIDER — v1.4.98
   Five editable slides; shared desktop/mobile/tablet system.
   ========================================================= */
.kb-hero-slider{
  --kb-hero-radius:28px;
  position:relative;
  width:100%;
  margin:0 0 34px;
  overflow:hidden;
  border:1px solid rgba(0,85,63,.10);
  border-radius:var(--kb-hero-radius);
  background:#f6faf8;
  box-shadow:0 18px 48px rgba(15,75,54,.10);
  isolation:isolate;
}
.kb-hero-stage{position:relative;min-height:390px;}
.kb-hero-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  align-items:center;
  gap:24px;
  padding:46px 54px 66px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(3%,0,0) scale(.995);
  transition:opacity .65s ease,transform .78s cubic-bezier(.2,.75,.2,1),visibility 0s linear .78s;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.82),transparent 27%),
    linear-gradient(118deg,#f7fcf9 0%,#eef8f3 54%,#fff5ec 100%);
}
.kb-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2;transition-delay:0s;}
.kb-hero-slide--tech{background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.86),transparent 28%),linear-gradient(118deg,#f6fbff 0%,#eaf4f7 56%,#eef8f2 100%);}
.kb-hero-slide--fashion{background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.88),transparent 28%),linear-gradient(118deg,#fff9f5 0%,#f9eee7 53%,#eef8f2 100%);}
.kb-hero-slide--beauty{background:radial-gradient(circle at 13% 17%,rgba(255,255,255,.88),transparent 28%),linear-gradient(118deg,#fff9fb 0%,#f8eef2 54%,#fff3e8 100%);}
.kb-hero-slide--market{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.88),transparent 29%),linear-gradient(118deg,#f7fbf9 0%,#edf8f3 52%,#fff1e7 100%);}
.kb-hero-copybox{position:relative;z-index:3;max-width:650px;}
.kb-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 11px;border:1px solid rgba(0,85,63,.12);border-radius:999px;background:rgba(255,255,255,.72);color:#0b6b4f;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(10px);}
.kb-hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff6a00;box-shadow:0 0 0 4px rgba(255,106,0,.12);}
.kb-hero-slide h1{max-width:720px;margin:0;color:#12231d;font-size:clamp(38px,4.8vw,66px);line-height:.98;letter-spacing:-.045em;font-weight:900;text-wrap:balance;}
.kb-hero-description{max-width:570px;margin:18px 0 24px;color:#526159;font-size:16px;line-height:1.65;font-weight:520;}
.kb-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;background:#075c45;color:#fff;text-decoration:none;font-size:14px;font-weight:850;box-shadow:0 12px 28px rgba(7,92,69,.24);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.kb-hero-cta svg{width:18px;height:18px;transition:transform .25s ease;}
.kb-hero-cta:hover{background:#ff6a00;color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,106,0,.22);}
.kb-hero-cta:hover svg{transform:translateX(3px);}
.kb-hero-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:270px;}
.kb-hero-image-shell{position:relative;z-index:3;display:grid;place-items:center;width:min(330px,78%);aspect-ratio:1;overflow:hidden;border-radius:32% 68% 58% 42% / 45% 36% 64% 55%;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 60px rgba(18,35,29,.13);transform:translate3d(26px,10px,0) rotate(3deg) scale(.92);transition:transform .9s cubic-bezier(.15,.8,.2,1);backdrop-filter:blur(8px);}
.kb-hero-slide.is-active .kb-hero-image-shell{transform:translate3d(0,0,0) rotate(-2deg) scale(1);}
.kb-hero-image-shell img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:none;}
.kb-hero-orbit{position:absolute;z-index:0;border-radius:50%;border:1px solid rgba(0,85,63,.13);}
.kb-hero-orbit--one{width:300px;height:300px;}
.kb-hero-orbit--two{width:390px;height:390px;border-style:dashed;opacity:.7;animation:kbHeroOrbit 24s linear infinite;}

.kb-hero-offer{
  position:absolute;right:2%;bottom:8%;z-index:5;display:flex;align-items:center;justify-content:center;
  min-width:152px;max-width:250px;padding:16px 18px;border-radius:24px;
  background:linear-gradient(135deg,#ff7a00 0%,#ff4d00 100%);color:#fff;
  font-size:clamp(30px,3.8vw,58px);line-height:.88;font-weight:950;letter-spacing:-.055em;text-align:center;text-transform:uppercase;
  border:2px solid rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(255,94,0,.28),0 0 0 7px rgba(255,106,0,.08);
  transform:rotate(-5deg) scale(.72);opacity:0;filter:drop-shadow(0 7px 16px rgba(70,24,0,.16));
  transform-origin:center;
}
.kb-hero-slide.is-active .kb-hero-offer{animation:kbHeroOfferIn .72s cubic-bezier(.18,.9,.26,1.35) .30s both,kbHeroOfferFloat 2.7s ease-in-out 1.05s infinite;}
.kb-hero-offer::after{content:"";position:absolute;inset:-8px;border-radius:30px;border:2px solid rgba(255,106,0,.24);opacity:0;animation:kbHeroOfferPulse 2.1s ease-out 1.2s infinite;}
@keyframes kbHeroOfferIn{0%{opacity:0;transform:rotate(-11deg) scale(.45) translateY(18px)}70%{opacity:1;transform:rotate(-3deg) scale(1.08) translateY(-2px)}100%{opacity:1;transform:rotate(-5deg) scale(1) translateY(0)}}
@keyframes kbHeroOfferFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-7px)}}
@keyframes kbHeroOfferPulse{0%{opacity:.55;transform:scale(.92)}75%,100%{opacity:0;transform:scale(1.16)}}
.kb-hero-controls{position:absolute;left:54px;right:36px;bottom:22px;z-index:7;display:flex;align-items:center;justify-content:space-between;pointer-events:none;}
.kb-hero-dots, .kb-hero-arrows{display:flex;align-items:center;gap:8px;pointer-events:auto;}
.kb-hero-dot{display:grid;place-items:center;width:28px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;}
.kb-hero-dot span{display:block;width:7px;height:7px;border-radius:99px;background:rgba(7,92,69,.28);transition:width .3s ease,background .3s ease;}
.kb-hero-dot.is-active span{width:24px;background:#ff6a00;}
.kb-hero-arrows button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(0,85,63,.10);border-radius:50%;background:rgba(255,255,255,.72);color:#075c45;cursor:pointer;backdrop-filter:blur(10px);transition:.22s ease;}
.kb-hero-arrows button:hover{background:#075c45;color:#fff;transform:translateY(-1px);}
.kb-hero-arrows svg{width:17px;height:17px;}
.kb-hero-progress{position:absolute;left:0;right:0;bottom:0;z-index:8;height:3px;background:rgba(7,92,69,.06);overflow:hidden;}
.kb-hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#075c45,#ff6a00);}
.kb-hero-slider.is-running .kb-hero-progress span{animation:kbHeroProgress 5.8s linear both;}
.kb-hero-slider.is-paused .kb-hero-progress span{animation-play-state:paused;}
@keyframes kbHeroProgress{from{width:0}to{width:100%}}
@keyframes kbHeroOrbit{to{transform:rotate(360deg)}}

body.dark-mode .kb-hero-slider{border-color:var(--kb-theme-border);background:var(--kb-theme-surface-deep);box-shadow:0 18px 48px rgba(0,0,0,.22);}
body.dark-mode .kb-hero-slide, body.dark-mode .kb-hero-slide--tech, body.dark-mode .kb-hero-slide--fashion, body.dark-mode .kb-hero-slide--beauty, body.dark-mode .kb-hero-slide--market{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.035),transparent 28%),linear-gradient(118deg,var(--kb-theme-surface) 0%,var(--kb-theme-surface-deep) 58%,color-mix(in srgb,var(--kb-theme-surface-deep) 90%,var(--temu-orange) 10%) 100%);}
body.dark-mode .kb-hero-slide h1{color:var(--kb-theme-text);}
body.dark-mode .kb-hero-description{color:var(--kb-theme-text-muted);}
body.dark-mode .kb-hero-eyebrow, body.dark-mode .kb-hero-arrows button{background:rgba(25,37,31,.82);border-color:var(--kb-theme-border);color:var(--kb-theme-text);}
body.dark-mode .kb-hero-image-shell{background:rgba(28,41,34,.86);border-color:var(--kb-theme-border);box-shadow:0 28px 60px rgba(0,0,0,.3);}
body.dark-mode .kb-hero-orbit{border-color:rgba(140,180,162,.18);}

@media(max-width:900px){
  .kb-hero-slider{--kb-hero-radius:20px;margin:6px 0 20px;box-shadow:0 12px 30px rgba(15,75,54,.10);}
  .kb-hero-stage{min-height:264px;}
  .kb-hero-slide{grid-template-columns:minmax(0,1.22fr) minmax(118px,.78fr);gap:8px;padding:20px 18px 45px;}
  .kb-hero-copybox{max-width:100%;}
  .kb-hero-slide h1{font-size:clamp(25px,5.2vw,38px);line-height:1.01;letter-spacing:-.035em;}
  .kb-hero-description{max-width:96%;margin:9px 0 13px;font-size:11.5px;line-height:1.42;}
  .kb-hero-eyebrow{margin-bottom:7px;padding:4px 7px;font-size:8px;}
  .kb-hero-cta{min-height:34px;padding:0 12px;font-size:10.5px;gap:6px;box-shadow:0 8px 20px rgba(7,92,69,.20);}
  .kb-hero-cta svg{width:13px;height:13px;}
  .kb-hero-visual{min-height:160px;}
  .kb-hero-image-shell{width:min(164px,88%);border-radius:30% 70% 62% 38% / 47% 39% 61% 53%;}
  .kb-hero-image-shell img{width:100%;height:100%;}
  .kb-hero-orbit--one{width:146px;height:146px}.kb-hero-orbit--two{width:188px;height:188px;}
  .kb-hero-offer{right:-2%;bottom:3%;min-width:96px;max-width:150px;padding:10px 11px;border-radius:17px;font-size:clamp(22px,4.7vw,34px);border-width:1.5px;box-shadow:0 11px 28px rgba(255,94,0,.25),0 0 0 5px rgba(255,106,0,.07);}
  .kb-hero-controls{left:18px;right:14px;bottom:11px;}
  .kb-hero-arrows button{width:28px;height:28px}.kb-hero-arrows svg{width:13px;height:13px;}
}
@media(max-width:560px){
  .kb-hero-stage{min-height:224px;}
  .kb-hero-slide{grid-template-columns:minmax(0,1.34fr) minmax(92px,.66fr);gap:4px;padding:16px 12px 39px;}
  .kb-hero-slide h1{font-size:clamp(21px,6.7vw,29px);line-height:1;}
  .kb-hero-description{font-size:9.6px;line-height:1.38;margin:7px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .kb-hero-eyebrow{margin-bottom:5px;padding:3px 6px;font-size:7px;letter-spacing:.11em;}
  .kb-hero-eyebrow::before{width:5px;height:5px;box-shadow:0 0 0 3px rgba(255,106,0,.11);}
  .kb-hero-cta{min-height:30px;padding:0 10px;font-size:9.5px;gap:5px;}
  .kb-hero-cta svg{width:12px;height:12px;}
  .kb-hero-visual{min-height:124px;}
  .kb-hero-image-shell{width:min(122px,100%);}
  .kb-hero-orbit--one{width:112px;height:112px}.kb-hero-orbit--two{width:142px;height:142px;}
  .kb-hero-offer{right:-5px;bottom:0;min-width:72px;max-width:102px;padding:7px 8px;border-radius:13px;font-size:clamp(17px,5.1vw,23px);box-shadow:0 8px 20px rgba(255,94,0,.24),0 0 0 4px rgba(255,106,0,.06);}
  .kb-hero-arrows{display:none;}
  .kb-hero-controls{left:12px;right:12px;bottom:8px;}
  .kb-hero-dot{width:20px;height:15px}.kb-hero-dot.is-active span{width:18px;}
}
@media(prefers-reduced-motion:reduce){.kb-hero-slide, .kb-hero-image-shell{transition:none!important}.kb-hero-orbit--two, .kb-hero-progress span, .kb-hero-offer, .kb-hero-offer::after{animation:none!important}.kb-hero-slide.is-active .kb-hero-offer{opacity:1;transform:rotate(-4deg) scale(1)}}



:root {
  --kb103-green: var(--green, #176b50);
  --kb103-orange: var(--temu-orange, #ff6600);
  --kb103-ink: var(--ink, #16201c);
  --kb103-line: var(--line, #e5e8e3);
  --kb103-soft: #f6f8f7;
  --kb103-muted: #6f7b75;
  --kb103-star: #ffad14;
}

/* Product popup host: one clean shell, no nested website layout. */
#kinboraUniversalPopup.is-product-popup {
  padding: 18px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
  width: min(1180px, calc(100vw - 36px)) !important;
  height: min(96dvh, 980px) !important;
  max-width: none !important;
  max-height: none !important;
  grid-template-rows: 58px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 28px 80px rgba(12, 28, 21, .24) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-head {
  min-height: 58px !important;
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--kb103-line) !important;
  background: rgba(255,255,255,.98) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-brand img {
  width: 32px !important;
  height: 32px !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-title {
  font-size: 14px !important;
  font-weight: 850 !important;
  color: var(--kb103-ink) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-subtitle {
  font-size: 10px !important;
  color: var(--kb103-muted) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  color: var(--kb103-green) !important;
}
#kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame-wrap, #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame {
  background: #f3f6f4 !important;
}

body.kinbora-popup-document.single-product, body.single-product:has(.kinbora-product-v103) {
  background: #f3f6f4 !important;
}
body.single-product:has(.kinbora-product-v103) main.kinbora-product-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f3f6f4 !important;
}
body.single-product:has(.kinbora-product-v103) .kinbora-product-breadcrumbs {
  width: min(1120px, calc(100% - 28px)) !important;
  margin: 10px auto 0 !important;
}


body.single-product .kinbora-product-v103 {
  width: min(1120px, calc(100% - 24px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 12px 0 16px !important;
  float: none !important;
  display: block !important;
  clear: both !important;
  box-sizing: border-box !important;
  color: var(--kb103-ink) !important;
  background: transparent !important;
}
body.kinbora-popup-document.single-product .kinbora-product-v103 {
  width: min(1080px, calc(100% - 22px)) !important;
  padding-top: 10px !important;
}
body.single-product .kinbora-product-v103::before, body.single-product .kinbora-product-v103::after { display: none !important; content: none !important; }

/* Reference top: media left, product info right. */
.kb103-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr) !important;
  gap: 12px !important;
  align-items: start !important;
}
.kb103-media-card, .kb103-buybox, .kb103-service-strip, .kb103-tabs-card, .kb103-review-summary, .kb103-customer-reviews {
  border: 1px solid var(--kb103-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(17, 32, 25, .055) !important;
  box-sizing: border-box !important;
}
.kb103-media-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 500px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #f8faf9, #f1f5f3) !important;
}
.kb103-stage {
  position: relative !important;
  width: 100% !important;
  height: 350px !important;
  overflow: hidden !important;
}
.kb103-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  cursor: zoom-in !important;
  transition: opacity .18s ease !important;
}
.kb103-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.kb103-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.kb103-sale-badge {
  position: absolute !important;
  top: 16px !important;
  z-index: 12 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font: 850 11px/1 Inter, system-ui, sans-serif !important;
}
.kb103-sale-badge {
  left: 16px !important;
  background: var(--kb103-orange) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(255,102,0,.2) !important;
}
.kb190-zoom-controls {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 16 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.kb190-zoom-button {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(22,32,28,.13) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--kb103-ink) !important;
  font: inherit !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(17,32,25,.08) !important;
  transition: border-color .16s ease, color .16s ease, background .16s ease, opacity .16s ease !important;
}
.kb190-zoom-button:hover:not(:disabled),
.kb190-zoom-button:focus-visible {
  border-color: rgba(23,107,80,.34) !important;
  color: var(--kb103-green) !important;
}
.kb190-zoom-button:focus-visible { outline: 2px solid rgba(23,107,80,.18) !important; outline-offset: 2px !important; }
.kb190-zoom-button:disabled { opacity: .42 !important; cursor: default !important; }
.kb190-zoom-button svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
.kb194-zoom-cycle[aria-pressed="true"] {
  color: var(--kb103-green) !important;
  border-color: rgba(23,107,80,.28) !important;
  background: rgba(255,255,255,.98) !important;
}
.kb194-zoom-cycle[data-zoom-level="2"] .kb194-zoom-plus { opacity: .42 !important; }
.kb103-gallery-controls {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  z-index: 14 !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}
.kb103-counter {
  position: absolute !important;
  left: 0 !important;
  min-width: 52px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  border: 1px solid rgba(22,32,28,.12) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--kb103-ink) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  pointer-events: auto !important;
}
.kb103-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  pointer-events: auto !important;
}
.kb103-dot {
  width: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #b8c0bc !important;
  cursor: pointer !important;
  transition: width .18s ease, background .18s ease !important;
}
.kb103-dot.is-active { width: 28px !important; background: var(--kb103-green) !important; }
.kb103-gallery-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 15 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(22,32,28,.13) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--kb103-ink) !important;
  font: 500 31px/1 Inter, sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(17,32,25,.09) !important;
  transition: border-color .16s ease, color .16s ease, background .16s ease !important;
}
.kb103-gallery-arrow:hover { border-color: rgba(23,107,80,.28) !important; color: var(--kb103-green) !important; }
.kb103-prev { left: 16px !important; }
.kb103-next { right: 16px !important; }

.kb103-thumb-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 12px 10px !important;
  overflow: hidden !important;
}
.kb103-thumb {
  position: relative !important;
  min-width: 0 !important;
  width: calc((100% - 40px) / 6) !important;
  height: auto !important;
  flex: 0 0 calc((100% - 40px) / 6) !important;
  aspect-ratio: 1 / 1 !important;
  padding: 4px !important;
  border: 1px solid rgba(22,32,28,.12) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.96) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.kb103-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.kb103-thumb:hover {
  border-color: rgba(23,107,80,.26) !important;
}
.kb103-thumb.is-active,
.kb103-thumb[aria-current="true"] {
  border-color: var(--kb103-green) !important;
  background: rgba(23,107,80,.03) !important;
  box-shadow: 0 0 0 2px rgba(23,107,80,.10) !important;
}
.kb103-thumb-extra {
  position: absolute !important;
  inset: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(15,27,21,.58) !important;
  color: #fff !important;
  font: 850 11px/1 Inter,system-ui,sans-serif !important;
  pointer-events: none !important;
}

/* Product information block. */
.kb103-buybox {
  min-width: 0 !important;
  padding: 14px 18px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.kb103-title {
  margin: 10px 0 7px !important;
  color: var(--kb103-ink) !important;
  font: 900 clamp(28px, 3vw, 42px)/1.08 Inter, system-ui, sans-serif !important;
  letter-spacing: -.035em !important;
}
.kb103-rating-row {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-bottom: 10px !important;
}
.kb103-stars { color: var(--kb103-star) !important; font-size: 17px !important; letter-spacing: 1px !important; }
.kb103-rating-link {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #445149 !important;
  font: 750 12px/1.25 Inter, sans-serif !important;
  cursor: pointer !important;
}
.kb103-price-row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; margin-bottom: 7px !important; }
.kb103-price {
  color: var(--kb103-ink) !important;
  font: 900 clamp(36px, 4.5vw, 54px)/1 Inter, sans-serif !important;
  letter-spacing: -.03em !important;
}
.kb103-price del { color: #8d9792 !important; font-size: .46em !important; font-weight: 700 !important; }
.kb103-price ins { color: var(--kb103-ink) !important; text-decoration: none !important; }
.kb103-discount {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: var(--kb103-orange) !important;
  color: #fff !important;
  font: 850 11px/1 Inter, sans-serif !important;
}
.kb103-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 2px 0 10px !important;
  font: 800 12px/1.25 Inter, sans-serif !important;
}
.kb103-stock.is-in { color: var(--kb103-green) !important; }
.kb103-stock.is-low { color: var(--kb103-orange) !important; }
.kb103-stock.is-out { color: #bb2e2e !important; }
.kb103-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 0 0 9px !important;
}
.kb103-meta-row > span {
  padding: 8px 12px !important;
  border: 1px solid var(--kb103-line) !important;
  border-radius: 12px !important;
  background: var(--kb103-soft) !important;
}
.kb103-meta-row small, .kb103-meta-row strong { display: block !important; }
.kb103-meta-row small { margin-bottom: 3px !important; color: var(--kb103-muted) !important; font-size: 9px !important; }
.kb103-meta-row strong { color: var(--kb103-ink) !important; font-size: 11px !important; }

/* Native Kinbora Commerce variation/quantity logic, visually rebuilt. */
.kb103-options { margin-top: 2px !important; }
.kb103-options form.cart, .kb103-options form.variations_form {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.kb103-options table.variations {
  width: 100% !important;
  margin: 0 0 8px !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}
.kb103-options table.variations tr, .kb103-options table.variations th, .kb103-options table.variations td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.kb103-options table.variations th label, .kb103-options .kb103-choice-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--kb103-ink) !important;
  font: 800 11px/1.2 Inter, sans-serif !important;
}
.kb103-options table.variations select {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 38px 0 12px !important;
  border: 1px solid #d9dfdc !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--kb103-ink) !important;
  font: 700 11px Inter, sans-serif !important;
}
.kb103-options .reset_variations { display: inline-block !important; margin-top: 5px !important; color: var(--kb103-green) !important; font-size: 10px !important; }
.kb103-options .quantity {
  display: grid !important;
  grid-template-columns: 34px 48px 34px !important;
  align-items: center !important;
  width: 116px !important;
  margin: 0 !important;
  gap: 0 !important;
}
.kb103-options .quantity::before {
  content: 'Quantity';
  grid-column: 1 / -1;
  margin: 0 0 6px !important;
  color: var(--kb103-muted) !important;
  font: 750 9px/1 Inter, sans-serif !important;
}
.kb103-options .quantity .qty {
  width: 48px !important;
  min-height: 40px !important;
  padding: 0 4px !important;
  border: 1px solid #d9dfdc !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--kb103-ink) !important;
  text-align: center !important;
  font-weight: 850 !important;
  appearance: textfield !important;
}
.kb103-options .quantity .qty::-webkit-inner-spin-button,
.kb103-options .quantity .qty::-webkit-outer-spin-button { appearance:none !important; margin:0 !important; }
.kb179-qty-step {
  width:34px !important;
  height:40px !important;
  padding:0 !important;
  border:1px solid #d9dfdc !important;
  background:#f8faf9 !important;
  color:var(--kb103-green) !important;
  font:850 18px/1 Inter,sans-serif !important;
  cursor:pointer !important;
}
.kb179-qty-minus { border-radius:11px 0 0 11px !important; }
.kb179-qty-plus { border-radius:0 11px 11px 0 !important; }
.kb103-options .single_add_to_cart_button {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
}
.kb103-options .kinbora_commerce-variation-price { margin: 8px 0 !important; color: var(--kb103-green) !important; font-size: 18px !important; font-weight: 850 !important; }
.kb103-options .kinbora_commerce-variation-availability { margin: 5px 0 !important; font-size: 11px !important; }
.kb103-choice-row { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 10px !important; }
.kb103-choice {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border: 1px solid #d7ded9 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #34443b !important;
  font: 800 10px/1 Inter, sans-serif !important;
  cursor: pointer !important;
}
.kb103-choice:hover, .kb103-choice.is-active { border-color: var(--kb103-green) !important; box-shadow: 0 0 0 2px rgba(23,107,80,.08) !important; color: var(--kb103-green) !important; }
.kb103-choice-swatch { width: 18px !important; height: 18px !important; border-radius: 50% !important; background: var(--kb103-swatch, transparent) !important; border: 1px solid rgba(0,0,0,.14) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.72) !important; }




.kb179-trust-mini {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  margin-top:8px !important;
  padding-top:7px !important;
  border-top:1px solid var(--kb103-line) !important;
}
.kb179-trust-mini > div {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:3px 8px !important;
  border-right:1px solid var(--kb103-line) !important;
}
.kb179-trust-mini > div:last-child { border-right:0 !important; }
.kb179-trust-mini > div > span:first-child {
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:rgba(23,107,80,.07) !important;
  color:var(--kb103-green) !important;
  font-weight:900 !important;
}
.kb179-trust-mini strong,
.kb179-trust-mini small { display:block !important; }
.kb179-trust-mini strong { color:var(--kb103-ink) !important; font:820 9px/1.2 Inter,sans-serif !important; }
.kb179-trust-mini small { margin-top:3px !important; color:var(--kb103-muted) !important; font:500 7.5px/1.25 Inter,sans-serif !important; }



@media (max-width:520px) {
  .kb103-options form.cart:not(.variations_form),
  .kb103-options .kinbora_commerce-variation-add-to-cart {
    grid-template-columns:1fr !important;
  }
  .kb179-main-actions { grid-template-columns:1fr 1.05fr !important; }
  .kb179-trust-mini { grid-template-columns:1fr !important; }
  .kb179-trust-mini > div { justify-content:flex-start !important; border-right:0 !important; border-bottom:1px solid var(--kb103-line) !important; }
  .kb179-trust-mini > div:last-child { border-bottom:0 !important; }
}


/* Service strip exactly below the hero. */
.kb103-service-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  margin: 7px 0 !important;
  padding: 9px 8px !important;
}
.kb103-service {
  min-width: 0 !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 3px 14px !important;
  border-right: 1px solid var(--kb103-line) !important;
  color: inherit !important;
  text-decoration: none !important;
}
.kb103-service:last-child { border-right: 0 !important; }
.kb103-service-icon {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 11px !important;
  background: rgba(23,107,80,.08) !important;
  color: var(--kb103-green) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}
.kb103-service strong, .kb103-service small { display: block !important; }
.kb103-service strong { color: var(--kb103-ink) !important; font: 850 11px/1.22 Inter, sans-serif !important; }
.kb103-service small { margin-top: 3px !important; color: var(--kb103-muted) !important; font: 500 8.5px/1.25 Inter, sans-serif !important; }


/* v1.4.189 — Service cards keep their approved compact design; real existing
   policy/help content expands below the row only when the customer asks for it. */
.kb189-service-details {
  max-height:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  transition:max-height .22s ease, opacity .18s ease, margin .18s ease !important;
}
.kb189-service-details.is-open {
  max-height:1600px !important;
  margin:0 0 7px !important;
  opacity:1 !important;
}
.kb189-service-details-shell {
  border:1px solid var(--kb103-line) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(17,32,25,.045) !important;
  overflow:hidden !important;
}
.kb189-service-details-head {
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:7px 10px 7px 14px !important;
  border-bottom:1px solid var(--kb103-line) !important;
}
.kb189-service-details-head h3 { margin:0 !important; color:var(--kb103-ink) !important; font:850 12px/1.2 Inter,sans-serif !important; }
.kb189-service-details-head button {
  width:30px !important; height:30px !important; flex:0 0 30px !important;
  border:1px solid var(--kb103-line) !important; border-radius:10px !important;
  background:var(--kb103-soft) !important; color:var(--kb103-green) !important;
  font:500 20px/1 sans-serif !important; cursor:pointer !important;
}
.kb189-service-details-body { padding:10px 12px 12px !important; }
.kb189-service-details .kb-help-page { max-width:none !important; gap:8px !important; margin:0 !important; }
.kb189-service-details .kb-information-page-header,
.kb189-service-details .kb-information-page-header.is-compact { padding:13px 15px !important; border-radius:14px !important; }
.kb189-service-details .kb-help-kicker { margin-bottom:5px !important; font-size:9px !important; }
.kb189-service-details .kb-information-page-header :is(h1,h2) { margin-bottom:6px !important; font-size:18px !important; }
.kb189-service-details .kb-information-page-header p { font-size:11.5px !important; line-height:1.5 !important; }
.kb189-service-details .kb-help-grid,
.kb189-service-details .kb-help-steps,
.kb189-service-details .kb-help-timeline { gap:7px !important; }
.kb189-service-details .kb-help-card,
.kb189-service-details .kb-help-steps section,
.kb189-service-details .kb-help-timeline section { padding:10px 12px !important; border-radius:12px !important; }
.kb189-service-details .kb-help-card h3,
.kb189-service-details .kb-help-steps h3,
.kb189-service-details .kb-help-timeline h3 { font-size:12px !important; }
.kb189-service-details .kb-help-card p,
.kb189-service-details .kb-help-steps p,
.kb189-service-details .kb-help-timeline p { font-size:10.5px !important; line-height:1.45 !important; }
.kb189-service-details .kb-help-note { padding:10px 12px !important; font-size:10.5px !important; line-height:1.45 !important; }
body.dark-mode .kb189-service-details-shell { background:var(--kb-theme-surface) !important; border-color:var(--kb-theme-border) !important; }
body.dark-mode .kb189-service-details-head { border-color:var(--kb-theme-border) !important; }
body.dark-mode .kb189-service-details-head h3 { color:var(--kb-theme-text) !important; }
@media (max-width:600px) {
  .kb189-service-details-body { padding:8px 9px 10px !important; }
  .kb189-service-details .kb-help-grid-2,
  .kb189-service-details .kb-help-grid-3 { grid-template-columns:1fr !important; }
}

/* Reference tabs: one compact card, no old Kinbora Commerce tab skin. */
.kb103-tabs-card { overflow: hidden !important; margin-bottom: 7px !important; }
.kb103-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  border-bottom: 1px solid var(--kb103-line) !important;
  padding: 0 12px !important;
}
.kb103-tab {
  min-height: 46px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  color: #53615a !important;
  font: 850 12px/1 Inter, sans-serif !important;
  cursor: pointer !important;
}
.kb103-tab.is-active { color: var(--kb103-green) !important; border-bottom-color: var(--kb103-green) !important; }
.kb103-panel { padding: 14px 20px !important; }
.kb103-panel[hidden] { display: none !important; }
.kb103-overview-grid { display: grid !important; grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr) !important; gap: 22px !important; align-items: start !important; }
.kb103-overview-copy { color: #435149 !important; font-size: 12px !important; line-height: 1.72 !important; }
.kb103-overview-copy p { margin: 0 0 8px !important; }
.kb103-feature-list { display: grid !important; gap: 10px !important; padding-left: 20px !important; border-left: 1px solid var(--kb103-line) !important; }
.kb103-feature { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; gap: 9px !important; align-items: center !important; }
.kb103-feature > span { width: 28px !important; height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(23,107,80,.08) !important; color: var(--kb103-green) !important; font-weight: 900 !important; }
.kb103-feature strong, .kb103-feature small { display: block !important; }
.kb103-feature strong { color: var(--kb103-ink) !important; font-size: 10px !important; }
.kb103-feature small { margin-top: 2px !important; color: var(--kb103-muted) !important; font-size: 9px !important; }
.kb103-richtext { color: #435149 !important; font-size: 12px !important; line-height: 1.7 !important; }
.kb103-richtext img { max-width: 100% !important; height: auto !important; border-radius: 14px !important; }
.kb103-spec-table { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1px !important; overflow: hidden !important; border: 1px solid var(--kb103-line) !important; border-radius: 14px !important; background: var(--kb103-line) !important; }
.kb103-spec-table > div { display: grid !important; grid-template-columns: minmax(100px,.42fr) minmax(0,.58fr) !important; gap: 12px !important; padding: 11px 12px !important; background: #fff !important; }
.kb103-spec-table strong { color: var(--kb103-ink) !important; font-size: 10px !important; }
.kb103-spec-table span { color: #5f6d65 !important; font-size: 10px !important; text-align: right !important; }
.kb103-empty { margin: 0 !important; color: var(--kb103-muted) !important; }

/* Reviews tab: keep Kinbora Commerce submission functionality, remove legacy skin. */
.kb103-native-reviews #reviews { margin: 0 !important; }
.kb103-native-reviews #comments, .kb103-native-reviews #review_form_wrapper { width: 100% !important; float: none !important; }
.kb103-native-reviews #comments ol.commentlist { margin: 0 !important; padding: 0 !important; }
.kb103-native-reviews #review_form_wrapper { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid var(--kb103-line) !important; }
.kb103-native-reviews textarea, .kb103-native-reviews input[type="text"], .kb103-native-reviews input[type="email"] { border: 1px solid #d9dfdc !important; border-radius: 12px !important; }
.kb103-native-reviews .submit { border: 0 !important; border-radius: 12px !important; background: var(--kb103-green) !important; color: #fff !important; }

/* Review summary composition. */
.kb103-review-summary {
  display: grid !important;
  grid-template-columns: minmax(0,1.3fr) 150px minmax(260px,.9fr) !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 7px !important;
  padding: 14px 20px !important;
  background: linear-gradient(125deg, rgba(23,107,80,.06), #fff 58%, rgba(255,102,0,.035)) !important;
}
.kb103-review-insight { display: grid !important; grid-template-columns: 58px minmax(0,1fr) !important; gap: 13px !important; align-items: center !important; }
.kb103-review-icon { width: 58px !important; height: 58px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: rgba(23,107,80,.1) !important; color: var(--kb103-green) !important; font-size: 28px !important; }
.kb103-review-pill { display: inline-flex !important; min-height: 24px !important; align-items: center !important; padding: 0 9px !important; border-radius: 999px !important; background: rgba(23,107,80,.09) !important; color: var(--kb103-green) !important; font: 850 9px/1 Inter, sans-serif !important; }
.kb103-review-insight p { margin: 7px 0 0 !important; color: #526159 !important; font-size: 10px !important; line-height: 1.5 !important; }
.kb103-review-score { min-height: 80px !important; display: grid !important; grid-template-columns: auto auto !important; align-content: center !important; justify-content: center !important; gap: 3px 5px !important; border-left: 1px solid var(--kb103-line) !important; border-right: 1px solid var(--kb103-line) !important; }
.kb103-review-score strong { color: var(--kb103-ink) !important; font: 900 36px/1 Inter, sans-serif !important; }
.kb103-review-score > span { color: var(--kb103-star) !important; font-size: 24px !important; }
.kb103-review-score small { grid-column: 1 / -1 !important; text-align: center !important; color: var(--kb103-muted) !important; font-size: 9px !important; }
.kb103-rating-bars { display: grid !important; gap: 6px !important; }
.kb103-rating-bar { display: grid !important; grid-template-columns: 28px minmax(110px,1fr) 34px !important; gap: 7px !important; align-items: center !important; color: #56635c !important; font-size: 9px !important; }
.kb103-rating-bar i { height: 7px !important; overflow: hidden !important; border-radius: 999px !important; background: #e5ebe8 !important; }
.kb103-rating-bar i b { display: block !important; height: 100% !important; border-radius: inherit !important; background: var(--kb103-green) !important; }
.kb103-rating-bar em { font-style: normal !important; text-align: right !important; }

/* Customer review card. */
.kb103-customer-reviews { padding: 14px 18px !important; margin-bottom: 7px !important; }
.kb103-section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 9px !important; }
.kb103-section-head h2 { margin: 0 !important; color: var(--kb103-ink) !important; font: 900 18px/1.2 Inter, sans-serif !important; }
.kb103-section-head h2 span { color: var(--kb103-green) !important; }
.kb103-see-all { min-height: 32px !important; padding: 0 12px !important; border: 1px solid var(--kb103-line) !important; border-radius: 999px !important; background: var(--kb103-soft) !important; color: var(--kb103-green) !important; font: 850 10px/1 Inter, sans-serif !important; cursor: pointer !important; }
.kb103-review-list { display: grid !important; gap: 8px !important; }
.kb103-review-card { display: grid !important; grid-template-columns: 56px minmax(0,1fr) !important; gap: 13px !important; padding: 12px 15px !important; border: 1px solid var(--kb103-line) !important; border-radius: 16px !important; background: #fff !important; }
.kb103-avatar img { width: 56px !important; height: 56px !important; border-radius: 50% !important; object-fit: cover !important; }
.kb103-review-meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px 9px !important; }
.kb103-review-meta strong { color: var(--kb103-ink) !important; font-size: 11px !important; }
.kb103-review-meta span { min-height: 22px !important; display: inline-flex !important; align-items: center !important; padding: 0 8px !important; border-radius: 999px !important; background: rgba(23,107,80,.08) !important; color: var(--kb103-green) !important; font-size: 8px !important; font-weight: 850 !important; }
.kb103-review-meta time { margin-left: auto !important; color: #8a948f !important; font-size: 9px !important; }
.kb103-review-stars { margin: 5px 0 !important; color: var(--kb103-star) !important; letter-spacing: 1px !important; font-size: 14px !important; }
.kb103-review-text { color: #4c5a52 !important; font-size: 11px !important; line-height: 1.55 !important; }
.kb103-review-text p { margin: 0 !important; }
.kb103-empty-review { min-height: 100px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; border: 1px dashed #d7ded9 !important; border-radius: 15px !important; background: var(--kb103-soft) !important; color: #59675f !important; }
.kb103-empty-review > span { color: var(--kb103-star) !important; font-size: 30px !important; }
.kb103-empty-review strong { display: block !important; color: var(--kb103-ink) !important; font-size: 11px !important; }
.kb103-empty-review p { margin: 3px 0 0 !important; font-size: 9px !important; }

/* Main purchase actions stay inside the product information card. */
.kb103-options form.cart:not(.variations_form),
.kb103-options .kinbora_commerce-variation-add-to-cart {
  display:grid !important;
  grid-template-columns:116px minmax(0,1fr) !important;
  align-items:end !important;
  gap:10px !important;
}
.kb103-options form.variations_form { display:block !important; }
.kb179-main-actions {
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) !important;
  gap:8px !important;
}
.kb179-main-action {
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:12px !important;
  color:#fff !important;
  font:850 12px/1 Inter,sans-serif !important;
  cursor:pointer !important;
  transition:filter .15s ease, box-shadow .15s ease !important;
}
.kb179-main-action:hover { filter:brightness(.98) !important; }
.kb179-main-action:focus-visible { outline:2px solid rgba(255,102,0,.36) !important; outline-offset:2px !important; }
.kb179-main-action.is-loading { opacity:.72 !important; cursor:wait !important; }
.kb179-add-cart { background:var(--kb103-green) !important; box-shadow:0 8px 18px rgba(23,107,80,.16) !important; }
.kb179-buy-now { background:var(--kb103-orange) !important; box-shadow:0 8px 18px rgba(255,102,0,.16) !important; }


body.kinbora-popup-document.single-product .related, body.kinbora-popup-document.single-product .upsells { display: none !important; }

@media (max-width: 900px) {
  #kinboraUniversalPopup.is-product-popup { padding: 0 !important; }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog { width: 100vw !important; height: 100dvh !important; border-radius: 0 !important; }
  body.single-product .kinbora-product-v103 { width: min(760px, calc(100% - 16px)) !important; padding-bottom: 14px !important; }
  .kb103-hero { grid-template-columns: 1fr !important; }
  .kb103-media-card { min-height: 0 !important; }
  .kb103-stage { height: 350px !important; }
  .kb103-buybox { padding: 12px 14px !important; }
  .kb103-service-strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .kb103-service:nth-child(2) { border-right: 0 !important; }
  .kb103-service:nth-child(-n+2) { border-bottom: 1px solid var(--kb103-line) !important; }
  .kb103-overview-grid { grid-template-columns: 1fr !important; }
  .kb103-feature-list { padding-left: 0 !important; padding-top: 14px !important; border-left: 0 !important; border-top: 1px solid var(--kb103-line) !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .kb103-review-summary { grid-template-columns: 1fr !important; }
  .kb103-review-score { padding: 12px 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: 1px solid var(--kb103-line) !important; border-bottom: 1px solid var(--kb103-line) !important; }
}

@media (max-width: 600px) {
  body.single-product .kinbora-product-v103 { width: calc(100% - 10px) !important; padding-top: 6px !important; }
  .kb103-media-card, .kb103-buybox, .kb103-service-strip, .kb103-tabs-card, .kb103-review-summary, .kb103-customer-reviews { border-radius: 16px !important; }
  .kb103-media-card { min-height: 0 !important; }
  .kb103-stage { height: 300px !important; }
  .kb103-slide { padding: 0 !important; }
  .kb103-title { font-size: 27px !important; }
  .kb103-price { font-size: 37px !important; }
  .kb103-meta-row { grid-template-columns: 1fr 1fr !important; }
  .kb103-service-strip { padding: 8px 4px !important; }
  .kb103-service { min-height: 56px !important; justify-content: flex-start !important; padding: 6px 8px !important; }
  .kb103-service-icon { width: 31px !important; height: 31px !important; flex-basis: 31px !important; }
  .kb103-tabs { overflow-x: auto !important; grid-template-columns: repeat(4,minmax(112px,1fr)) !important; padding: 0 5px !important; }
  .kb103-panel { padding: 11px 14px !important; }
  .kb103-feature-list { grid-template-columns: 1fr !important; }
  .kb103-spec-table { grid-template-columns: 1fr !important; }
  .kb103-review-summary { padding: 11px 14px !important; }
  .kb103-customer-reviews { padding: 11px 14px !important; }
  .kb103-review-card { grid-template-columns: 44px minmax(0,1fr) !important; padding: 11px !important; }
  .kb103-avatar img { width: 44px !important; height: 44px !important; }
  .kb103-review-meta time { width: 100% !important; margin-left: 0 !important; }
}
.kb103-options table.variations select.kb103-select-enhanced {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
}


/* =========================================================
   v1.4.105 — Product popup navigation/cart/mobile hardening
   ========================================================= */
.kb103-service[type="button"] {
  appearance: none !important;
  width: 100% !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}
.kb103-service[type="button"]:focus-visible {
  outline: 2px solid var(--kb103-green) !important;
  outline-offset: -2px !important;
}
.kb103-cart-status {
  margin: 8px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #f0c9c2 !important;
  border-radius: 12px !important;
  background: #fff6f4 !important;
  color: #9c2f22 !important;
  font: 750 12px/1.45 Inter,sans-serif !important;
}


@media (max-width: 900px) {
  #kinboraUniversalPopup.is-product-popup {
    display: grid !important;
    align-items: end !important;
    justify-items: center !important;
    padding: 10px 8px max(10px, env(safe-area-inset-bottom)) !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: min(760px, calc(100vw - 16px)) !important;
    height: min(94dvh, 920px) !important;
    max-height: calc(100dvh - 16px - env(safe-area-inset-bottom)) !important;
    border: 1px solid rgba(23,107,80,.16) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 70px rgba(13,31,23,.26) !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-head {
    min-height: 52px !important;
    padding: 7px 9px 7px 12px !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame-wrap,
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-frame {
    min-height: 0 !important;
  }
  body.kinbora-popup-document.single-product main.kinbora-product-page {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 600px) {
  #kinboraUniversalPopup.is-product-popup {
    padding: 8px 5px max(8px, env(safe-area-inset-bottom)) !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-dialog {
    width: calc(100vw - 10px) !important;
    height: min(95dvh, 860px) !important;
    max-height: calc(100dvh - 10px - env(safe-area-inset-bottom)) !important;
    border-radius: 20px !important;
  }
  #kinboraUniversalPopup.is-product-popup .kinbora-universal-popup-close {
    width: 38px !important;
    height: 38px !important;
  }
}


body.kb-help-open .kb-help-modal { z-index: 2147483600 !important; }


/* =========================================================
   v1.4.105 — Desktop product page + same-stage zoom + unified services/reviews
   ========================================================= */

/* Desktop/laptop storefront hierarchy: one slim real breadcrumb line. */
.kinbora-storefront-breadcrumb {
  width: min(960px, calc(100% - 36px));
  max-width: 960px;
  min-height: 34px;
  margin: 10px auto 0;
  padding: 7px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid rgba(23,107,80,.14);
  border-radius: 11px;
  background: #fff;
  color: var(--kb103-muted, #6f7b75);
  box-shadow: 0 5px 14px rgba(17,32,25,.045);
  font: 650 11px/1.55 Inter,system-ui,sans-serif;
}
.kinbora-storefront-breadcrumb.has-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  white-space: normal;
  text-overflow: clip;
}
.kinbora-storefront-breadcrumb-path {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kinbora-storefront-breadcrumb a { color: var(--kb103-green, var(--green)); font-weight: 750; text-decoration: none; }
.kinbora-storefront-breadcrumb a:hover { color: var(--temu-orange); }
.kinbora-storefront-breadcrumb-separator { display: inline-block; margin: 0 7px; color: #9aa49f; }
.kinbora-storefront-breadcrumb-current { color: var(--kb103-ink, var(--ink)); font-weight: 700; }
.kinbora-storefront-breadcrumb-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-action {
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(23,107,80,.14) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--kb103-ink) !important;
  font: 800 8.5px/1 Inter,system-ui,sans-serif !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-action:hover,
.kinbora-storefront-breadcrumb .kb179-toolbar-action.active,
.kinbora-storefront-breadcrumb .kb179-toolbar-action[aria-pressed="true"] {
  border-color: rgba(23,107,80,.28) !important;
  color: var(--kb103-green) !important;
  background: rgba(23,107,80,.045) !important;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-action.is-confirmed { border-color: rgba(23,107,80,.34) !important; background: rgba(23,107,80,.08) !important; }
.kinbora-storefront-breadcrumb .kb179-toolbar-icon {
  min-width: 11px !important;
  height: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--kb103-green) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}
body.dark-mode .kinbora-storefront-breadcrumb { background: var(--kb-theme-surface); border-color: var(--kb-theme-border); color: var(--kb-theme-text-muted); box-shadow: 0 5px 14px rgba(0,0,0,.14); }
body.dark-mode .kinbora-storefront-breadcrumb-current { color: var(--kb-theme-text); }
body.dark-mode .kinbora-storefront-breadcrumb .kb179-toolbar-action { background: rgba(255,255,255,.02) !important; border-color: var(--kb-theme-border) !important; color: var(--kb-theme-text) !important; }
body.dark-mode .kinbora-storefront-breadcrumb .kb179-toolbar-action:hover,
body.dark-mode .kinbora-storefront-breadcrumb .kb179-toolbar-action.active,
body.dark-mode .kinbora-storefront-breadcrumb .kb179-toolbar-action[aria-pressed="true"] { background: rgba(23,107,80,.12) !important; }

/* Product-image fitting and zoom share one transform pipeline. The stage/card
   never changes size; only the real image scales inside its clipped stage. */
.kb103-stage, .kb103-slide, .kb103-slide img { touch-action: pan-y pinch-zoom !important; }
.kb103-slide img {
  transform: scale(var(--kb191-scale, 1.06)) !important;
  transform-origin: var(--kb191-zoom-x, 50%) var(--kb191-zoom-y, 50%) !important;
  transition: transform .18s cubic-bezier(.2,.75,.25,1), transform-origin .06s linear !important;
  will-change: transform !important;
}
.kb103-stage.is-inline-zoomed { overflow: hidden !important; }
.kb103-slide.is-inline-zoomed img { cursor: zoom-out !important; }
.kb103-media-card.is-inline-zoomed .kb103-gallery-controls,
.kb103-media-card.is-inline-zoomed .kb103-gallery-arrow { opacity:.28 !important; pointer-events:none !important; }
.kb103-media-card.is-inline-zoomed .kb103-sale-badge { opacity:.38 !important; }

/* All four shopping-service tiles deliberately look identical.  There is no
   visible link styling until the customer opens a tile. */
.kb103-service-strip { overflow:hidden !important; }
.kb103-service, .kb103-service[type="button"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  margin:0 !important;
  width:100% !important;
  min-width:0 !important;
  color:var(--kb103-ink) !important;
  background:#fff !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
  font:inherit !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:background .16s ease !important;
}
.kb103-service:hover, .kb103-service[type="button"]:hover { background:var(--kb103-soft) !important; }
.kb103-service:focus-visible { outline:2px solid var(--kb103-green) !important; outline-offset:-3px !important; }
.kb103-service .kb103-service-icon {
  background:rgba(23,107,80,.09) !important;
  color:var(--kb103-green) !important;
  border:1px solid rgba(23,107,80,.08) !important;
}



/* Review area gets a stronger but still Kinbora-native premium hierarchy. */
.kb103-review-summary {
  position:relative !important;
  overflow:hidden !important;
  padding:22px !important;
  border-color:rgba(23,107,80,.18) !important;
  background:linear-gradient(125deg, rgba(23,107,80,.085), #fff 53%, rgba(255,102,0,.055)) !important;
  box-shadow:0 14px 34px rgba(17,32,25,.075) !important;
}
.kb103-review-summary::before {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:4px !important;
  background:linear-gradient(180deg,var(--kb103-green),var(--kb103-orange)) !important;
}
.kb103-review-icon {
  width:64px !important;
  height:64px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid rgba(23,107,80,.14) !important;
  box-shadow:0 10px 24px rgba(17,32,25,.08) !important;
  font-size:31px !important;
}
.kb103-review-pill { min-height:27px !important; padding:0 11px !important; font-size:9px !important; letter-spacing:.02em !important; }
.kb103-review-insight p { max-width:560px !important; font-size:11px !important; }
.kb105-review-metrics {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin-top:11px !important;
}
.kb105-review-metrics span {
  min-width:0 !important;
  padding:8px 9px !important;
  border:1px solid rgba(23,107,80,.1) !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.76) !important;
}
.kb105-review-metrics strong { display:block !important; color:var(--kb103-ink) !important; font:900 14px/1 Inter,sans-serif !important; }
.kb105-review-metrics small { display:block !important; margin-top:4px !important; color:var(--kb103-muted) !important; font:700 7.5px/1.2 Inter,sans-serif !important; }
.kb103-review-score { min-height:112px !important; border:1px solid rgba(23,107,80,.12) !important; border-radius:18px !important; background:rgba(255,255,255,.84) !important; }
.kb103-review-score strong { font-size:42px !important; }
.kb103-rating-bar i { height:8px !important; }
.kb103-rating-bar i b { background:linear-gradient(90deg,var(--kb103-green),#23976f) !important; }
.kb103-customer-reviews { border-color:rgba(23,107,80,.14) !important; box-shadow:0 12px 30px rgba(17,32,25,.06) !important; }
.kb103-review-card { transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important; }
.kb103-review-card:hover { transform:translateY(-1px) !important; border-color:rgba(23,107,80,.22) !important; box-shadow:0 10px 24px rgba(17,32,25,.07) !important; }
.kb103-avatar img { border:3px solid #fff !important; box-shadow:0 0 0 2px rgba(23,107,80,.14) !important; }

@media (min-width: 901px) {
  /* Product popup is intentionally not a desktop product navigation mode. */
  #kinboraUniversalPopup.is-product-popup { display:none !important; }
  body.single-product .kinbora-product-v103 { padding-top:14px !important; }
}

@media (max-width: 900px) {
  .kinbora-storefront-breadcrumb { display:none !important; }
  .kb103-gallery-arrow { width: 38px !important; height: 38px !important; font-size: 27px !important; }
  .kb103-prev { left: 10px !important; }
  .kb103-next { right: 10px !important; }
  .kb103-gallery-controls { left: 10px !important; right: 10px !important; bottom: 10px !important; }
  .kb103-thumb-row { gap: 7px !important; padding: 10px 12px 12px !important; overflow-x: auto !important; }
  .kb103-thumb { width: 50px !important; height: auto !important; flex: 0 0 50px !important; aspect-ratio: 1 / 1 !important; }
  .kb105-review-metrics { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .kb103-review-score { min-height:92px !important; }
}
@media (max-width: 600px) {
  .kb103-thumb-row { gap: 6px !important; }
  .kb103-thumb { width: 46px !important; height: auto !important; flex-basis: 46px !important; }
  .kb105-review-metrics { gap:5px !important; }
  .kb105-review-metrics span { padding:7px 6px !important; }
  .kb105-review-metrics strong { font-size:12px !important; }
  .kb105-review-metrics small { font-size:6.8px !important; }
}


@media (min-width: 901px) {
  body.single-product .kinbora-product-v103 {
    width: min(960px, calc(100% - 36px)) !important;
    max-width: 960px !important;
  }
  .kb103-hero {
    grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr) !important;
    gap: 12px !important;
  }
  .kb103-media-card { min-height: 0 !important; }
  .kb103-stage { height: 350px !important; }
  .kb103-buybox { padding: 12px 18px 13px !important; }
}

/* Compact facts directly below stock. */
.kb106-quick-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 7px !important;
  margin: 5px 0 7px !important;
}
.kb106-fact {
  min-width: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(23,107,80,.11) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(23,107,80,.055), rgba(255,255,255,.96)) !important;
}
.kb106-fact small {
  display: block !important;
  margin-bottom: 3px !important;
  color: var(--kb103-muted) !important;
  font: 750 7.5px/1.1 Inter,system-ui,sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}
.kb106-fact strong {
  display: block !important;
  overflow: hidden !important;
  color: var(--kb103-ink) !important;
  font: 850 10px/1.25 Inter,system-ui,sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Mouse hover zoom stays in-place. The JS activates the existing same-stage
   zoom automatically while a mouse is over the image. */
@media (hover:hover) and (pointer:fine) {
  .kb103-stage { cursor: zoom-in !important; }
}

@media (max-width: 900px) {
  .kb106-quick-facts { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 5px !important; }
  .kb106-fact { padding: 6px 7px !important; }
  .kb106-fact small { font-size: 6.8px !important; }
  .kb106-fact strong { font-size: 9px !important; }
}
@media (max-width: 520px) {
  .kb106-quick-facts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .kb106-fact:last-child:nth-child(3) { grid-column: 1 / -1 !important; }
}

/* =========================================================
   v1.4.107 — Exact storefront header, contextual back, image-only hover zoom
   ========================================================= */
@media (min-width: 901px) {
  /* Product pages reuse the exact storefront header; the old commerce header
     is no longer rendered by single-product.php. */
  

  /* Hover affordance belongs to the actual picture only, never the full media card. */
  .kb103-stage { cursor: default !important; }
  .kb103-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: default !important;
  }
  .kb103-slide img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    cursor: zoom-in !important;
  }
  .kb103-slide.is-inline-zoomed img { cursor: zoom-out !important; }
}

/* Zoom never fades or changes the surrounding gallery controls/badges. */
.kb103-gallery-controls, .kb103-sale-badge { opacity: 1 !important; }


/* =========================================================
   v1.4.108 — Smooth cursor-follow image zoom
   ========================================================= */


/* The universal shell is only interactive/visible while it is truly open.
   This prevents an interrupted mobile iframe close from leaving the dark
   backdrop over the storefront. */
#kinboraUniversalPopup:not(.is-open) {
  pointer-events: none !important;
  visibility: hidden !important;
}
#kinboraUniversalPopup .kinbora-universal-popup-backdrop {
  opacity: 0 !important;
  transition: opacity .14s ease !important;
}
#kinboraUniversalPopup.is-open .kinbora-universal-popup-backdrop {
  opacity: 1 !important;
}
#kinboraUniversalPopup[aria-hidden="true"] {
  pointer-events: none !important;
}
@media (max-width: 900px) {
  /* Mobile closes immediately: no orphaned backdrop frame between close tap
     and iframe teardown. */
  #kinboraUniversalPopup:not(.is-open), #kinboraUniversalPopup[aria-hidden="true"] {
    display: none !important;
  }
}



@media (max-width: 600px) {
  .mobile-trust-features {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    padding: 7px 0 8px !important;
    margin: 0 0 6px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .mobile-trust-features .trust-item {
    width: auto !important;
    min-width: 0 !important;
    gap: 4px !important;
    padding: 0 !important;
    scroll-snap-align: none !important;
  }

  .mobile-trust-features .trust-icon {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    border-radius: 9px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.025) !important;
  }

  .mobile-trust-features .trust-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  .mobile-trust-features .trust-item span {
    max-width: 58px !important;
    font-size: 7.7px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.08px !important;
  }
}

@media (max-width: 360px) {
  .mobile-trust-features { gap: 2px !important; }
  .mobile-trust-features .trust-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
  .mobile-trust-features .trust-icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .mobile-trust-features .trust-item span { font-size: 7.1px !important; }
}



.kinbora-products-section-head { justify-content: flex-end; }
.categories.is-expanded { flex-wrap: wrap; overflow: visible; scroll-snap-type: none; }

@media (max-width: 900px) {
  #categories .section-head h2, #categories .section-head .premium-section-btn, #deals .section-head .premium-section-btn {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(15, 38, 28, 0.04) !important;
    color: var(--ink) !important;
  }
  body.dark-mode #categories .section-head h2, body.dark-mode #categories .section-head .premium-section-btn, body.dark-mode #deals .section-head .premium-section-btn {
    background: var(--kb-theme-surface) !important;
    border-color: var(--kb-theme-border) !important;
    color: var(--kb-theme-text) !important;
  }
  #categories .section-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }
  #categories .section-head .premium-section-btn, #deals .section-head .premium-section-btn {
    font-size: 11px !important;
    letter-spacing: .15px !important;
    gap: 5px !important;
  }
  #categories .section-head .premium-section-btn::before, #deals .section-head .premium-section-btn::before { display: none !important; }
  #categories .section-head .premium-section-btn svg, #deals .section-head .premium-section-btn svg { width: 13px !important; height: 13px !important; }
  #deals .section-head { justify-content: flex-end !important; margin-top: 4px !important; }

  .categories.is-expanded {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
  }
  .categories.is-expanded .category { width: 100% !important; min-width: 0 !important; }

  #productList.products {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    gap: 10px !important;
    padding-bottom: 18px !important;
    scroll-snap-type: none !important;
  }
}
@media (max-width: 430px) {
  .categories.is-expanded { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}


/* ==============================================================
   v1.4.114 — Shared discovery components across all devices
   These two homepage modules are no longer mobile-only elements.
   ============================================================== */
.kinbora-home-trust.mobile-trust-features {
  display: flex;
}
.kinbora-home-promo.mobile-promo-grid {
  display: grid;
}
@media (max-width: 900px) {
  .kinbora-home-trust.mobile-trust-features { display: flex !important; }
  .kinbora-home-promo.mobile-promo-grid { display: grid !important; }
}
@media (max-width: 600px) {
  .kinbora-home-trust.mobile-trust-features { display: grid !important; }
}

/* ==============================================================
   v1.4.113 — Mobile discovery design parity for laptop + desktop
   Reuses the same trust row, promo cards, compact section headers, and category-card visual language on larger screens.
   ============================================================== */
@media (min-width: 901px) {
  /* Show the same discovery modules that are used on mobile. */
  .kinbora-home-trust.mobile-trust-features {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: clamp(18px, 3vw, 52px) !important;
    width: min(100%, 1040px) !important;
    margin: 18px auto 30px !important;
    padding: 10px 18px 4px !important;
    overflow: visible !important;
  }
  .mobile-trust-features .trust-item {
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: center !important;
  }
  .mobile-trust-features .trust-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--green) !important;
    box-shadow: 0 3px 10px rgba(15,38,28,.035) !important;
  }
  .mobile-trust-features .trust-icon.orange { color: var(--temu-orange) !important; }
  .mobile-trust-features .trust-icon svg { width: 23px !important; height: 23px !important; }
  .mobile-trust-features .trust-item span {
    max-width: 118px !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    color: var(--ink) !important;
  }

  .kinbora-home-promo.mobile-promo-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(150px, auto)) !important;
    gap: 18px !important;
    width: min(100%, 1040px) !important;
    margin: 0 auto 36px !important;
  }
  .mobile-promo-grid .promo-card {
    min-height: 150px !important;
    border-radius: 24px !important;
    padding: 28px 30px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid rgba(223,230,226,.55) !important;
    box-shadow: 0 5px 18px rgba(15,38,28,.025) !important;
  }
  .mobile-promo-grid .promo-card.large {
    grid-row: 1 / span 2 !important;
    min-height: 318px !important;
    background: #eef7f2 !important;
  }
  .mobile-promo-grid .promo-card.flash { background: #fff5ee !important; }
  .mobile-promo-grid .promo-card.exclusive { background: #e5f5f0 !important; }
  .mobile-promo-grid .promo-card h3 {
    font-size: clamp(24px, 2vw, 31px) !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
    color: var(--ink) !important;
    margin: 0 0 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }
  .mobile-promo-grid .promo-card p {
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    color: #526159 !important;
    margin: 0 0 16px !important;
  }
  .mobile-promo-grid .promo-card a {
    margin-top: auto !important;
    position: relative !important;
    z-index: 3 !important;
    width: fit-content !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 850 !important;
  }
  .mobile-promo-grid .promo-card.flash a { color: var(--temu-orange) !important; }
  .mobile-promo-grid .promo-timer {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 6px 0 14px !important;
  }
  .mobile-promo-grid .pt-box {
    min-width: 42px !important;
    padding: 8px 9px !important;
    border-radius: 8px !important;
    background: var(--temu-orange) !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-align: center !important;
  }
  .mobile-promo-grid .pt-dot { font-size: 19px !important; font-weight: 850 !important; color: var(--ink) !important; }

  /* Popular Categories / View All: same thin boxed treatment as mobile. */
  #categories .section-head {
    align-items: center !important;
    margin: 0 auto 22px !important;
    gap: 18px !important;
  }
  #categories .section-head .eyebrow { display: none !important; }
  #categories .section-head h2,
  #categories .section-head .premium-section-btn,
  #deals .section-head .premium-section-btn {
    min-height: 48px !important;
    padding: 10px 18px !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--ink) !important;
    box-shadow: 0 3px 10px rgba(15,38,28,.035) !important;
  }
  #categories .section-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
  }
  #categories .section-head .premium-section-btn,
  #deals .section-head .premium-section-btn {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .1px !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    overflow: visible !important;
  }
  #categories .section-head .premium-section-btn::before,
  #deals .section-head .premium-section-btn::before { display: none !important; }
  #categories .section-head .premium-section-btn:hover,
  #deals .section-head .premium-section-btn:hover {
    border-color: var(--green) !important;
    color: var(--green) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 18px rgba(23,107,80,.10) !important;
  }
  #categories .section-head .premium-section-btn svg,
  #deals .section-head .premium-section-btn svg { width: 17px !important; height: 17px !important; color: currentColor !important; }

  #categoryList.categories {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    margin-bottom: 34px !important;
    padding-bottom: 0 !important;
  }
  #categoryList .category {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 150px !important;
    padding: 18px 10px 16px !important;
    border-radius: 20px !important;
    border: 1px solid var(--line) !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(15,38,28,.035) !important;
    gap: 12px !important;
  }
  #categoryList .category:hover {
    transform: none !important;
    border-color: rgba(23,107,80,.34) !important;
    box-shadow: 0 5px 14px rgba(23,107,80,.06) !important;
  }
  #categoryList .category .emoji {
    width: 76px !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    background: #fbfcfb !important;
    border: 1px solid #f0f3f1 !important;
  }
  #categoryList .category .category-thumb {
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
  }
  #categoryList .category span {
    max-width: 140px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  #deals .section-head {
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 0 18px !important;
  }

  body.dark-mode .mobile-trust-features .trust-icon,
  body.dark-mode #categories .section-head h2,
  body.dark-mode #categories .section-head .premium-section-btn,
  body.dark-mode #deals .section-head .premium-section-btn,
  body.dark-mode #categoryList .category {
    background: var(--kb-theme-surface) !important;
    border-color: var(--kb-theme-border) !important;
    color: var(--kb-theme-text) !important;
  }
  body.dark-mode .mobile-trust-features .trust-item span,
  body.dark-mode #categoryList .category span { color: var(--kb-theme-text) !important; }
}

@media (min-width: 901px) and (max-width: 1150px) {
  .kinbora-home-trust.mobile-trust-features, .kinbora-home-promo.mobile-promo-grid { width: min(100%, 920px) !important; }
  #categoryList.categories { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .mobile-promo-grid .promo-card { padding: 22px 24px !important; }
  .mobile-promo-grid .promo-card h3 { font-size: 24px !important; }
}

/* ==============================================================
   v1.4.116 — Compact desktop/laptop discovery layout
   ============================================================== */
@media (min-width: 901px) {
  /* Thin trust strip directly below Hero */
  .kinbora-home-trust.mobile-trust-features {
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 18px !important;
    padding: 7px 10px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 8px !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(15,38,28,.025) !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-item {
    min-height: 36px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 3px 8px !important;
    text-align: left !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-item span {
    max-width: none !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  /* Three compact promo cards in one desktop/laptop row */
  .kinbora-home-promo.mobile-promo-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    grid-template-rows: none !important;
    gap: 12px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-card,
  .kinbora-home-promo.mobile-promo-grid .promo-card.large {
    grid-row: auto !important;
    min-height: 142px !important;
    height: 142px !important;
    border-radius: 17px !important;
    padding: 18px 20px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-card h3 {
    font-size: clamp(18px,1.55vw,22px) !important;
    margin-bottom: 3px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-card p {
    font-size: 13px !important;
    margin-bottom: 8px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-card a {
    font-size: 13px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-timer {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 3px 0 8px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .pt-box {
    min-width: 31px !important;
    padding: 5px 6px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .pt-dot {
    font-size: 14px !important;
  }

  /* Category heading and six categories in one clean row */
  #categories .section-head.kinbora-category-heading {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 0 12px !important;
  }
  #categories .section-head.kinbora-category-heading h2 {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }
  #categoryList.categories,
  #categoryList.categories.is-expanded {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
  }
  #categoryList .category {
    min-height: 116px !important;
    padding: 12px 8px 10px !important;
    border-radius: 16px !important;
    gap: 8px !important;
  }
  #categoryList .category .emoji {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
  }
  #categoryList .category .category-thumb {
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
  }
  #categoryList .category span {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Explore + filter row */
  #deals .kinbora-explore-heading {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    color: var(--ink) !important;
  }
  #deals .kinbora-product-filters {
    gap: 10px !important;
    margin-bottom: 18px !important;
    flex-wrap: nowrap !important;
  }
  #deals .kinbora-product-filters .premium-select-wrapper {
    min-width: 190px !important;
  }

  body.dark-mode .kinbora-home-trust.mobile-trust-features {
    background: var(--kb-theme-surface) !important;
    border-color: var(--kb-theme-border) !important;
  }
  body.dark-mode #categories .section-head.kinbora-category-heading h2,
  body.dark-mode #deals .kinbora-explore-heading {
    color: var(--kb-theme-text) !important;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .kinbora-home-trust.mobile-trust-features .trust-item span { font-size: 10px !important; }
  .kinbora-home-promo.mobile-promo-grid .promo-card, .kinbora-home-promo.mobile-promo-grid .promo-card.large {
    min-height: 132px !important;
    height: 132px !important;
    padding: 15px 16px !important;
  }
  #categoryList .category { min-height: 104px !important; }
  #categoryList .category .emoji { width: 50px !important; height: 50px !important; }
  #categoryList .category .category-thumb { width: 46px !important; height: 46px !important; }
  #categoryList .category span { font-size: 11px !important; }
}

/* ==============================================================
   v1.4.117 — Tighter desktop/laptop discovery rhythm
   Hero/trust/promo/category/explore spacing compacted; 7 category
   cards in one row; desktop/laptop products use a true card grid.
   ============================================================== */
@media (min-width: 901px) {
  /* Keep the trust strip visually attached to the hero. */
  .kb-hero-slider {
    margin-bottom: 4px !important;
  }
  .kinbora-home-trust.mobile-trust-features {
    margin: 0 0 9px !important;
    padding: 5px 8px !important;
    border-radius: 12px !important;
    gap: 6px !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-item {
    min-height: 32px !important;
    padding: 2px 6px !important;
    gap: 5px !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-icon {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .kinbora-home-trust.mobile-trust-features .trust-item span {
    font-size: 10.5px !important;
    line-height: 1.02 !important;
  }

  /* Promo cards stay close to the category section. */
  .kinbora-home-promo.mobile-promo-grid {
    margin: 0 0 9px !important;
    gap: 10px !important;
  }
  .kinbora-home-promo.mobile-promo-grid .promo-card,
  .kinbora-home-promo.mobile-promo-grid .promo-card.large {
    min-height: 132px !important;
    height: 132px !important;
    padding: 15px 18px !important;
  }

  #categories {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #categories .section-head.kinbora-category-heading {
    margin: 0 0 7px !important;
  }
  #categories .section-head.kinbora-category-heading h2 {
    font-size: 21px !important;
  }

  /* All seven starter categories on one clean line. */
  #categoryList.categories,
  #categoryList.categories.is-expanded {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
  }
  #categoryList .category {
    min-height: 102px !important;
    padding: 9px 6px 8px !important;
    border-radius: 14px !important;
    gap: 6px !important;
  }
  #categoryList .category .emoji {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
  }
  #categoryList .category .category-thumb {
    width: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
  }
  #categoryList .category span {
    font-size: 11px !important;
    line-height: 1.08 !important;
  }

  /* No dead vertical space between category, filters and products. */
  #deals {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #deals .kinbora-explore-heading {
    margin: 0 0 5px !important;
    font-size: 17px !important;
  }
  #deals .kinbora-product-filters {
    gap: 8px !important;
    margin: 0 0 10px !important;
  }
  #deals .kinbora-product-filters .premium-select-wrapper {
    min-width: 180px !important;
  }

  /* Desktop/laptop products are card grids, never horizontal sliders. */
  #productList.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  /* Laptop: still keep all 7 categories on one row, but tighter. */
  #categoryList.categories, #categoryList.categories.is-expanded {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  #categoryList .category {
    min-height: 92px !important;
    padding: 7px 4px !important;
  }
  #categoryList .category .emoji {
    width: 43px !important;
    height: 43px !important;
  }
  #categoryList .category .category-thumb {
    width: 40px !important;
    height: 40px !important;
  }
  #categoryList .category span {
    font-size: 10px !important;
  }

  #productList.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* ==============================================================
   v1.4.118 — Seven-category premium browsing experience
   Adds a focused landing panel after a Shop by category selection.
   Existing homepage cards, header, footer and product cards are preserved.
   ============================================================== */
.kb-category-experience {
  margin: 0 0 12px;
  scroll-margin-top: 92px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}
.kb-category-experience.is-visible { opacity: 1; transform: translateY(0); }
.kb-category-experience[hidden] { display: none !important; }
.kb-category-experience-shell {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(23,107,80,.14);
  background:
    radial-gradient(circle at 8% 6%, rgba(255,102,0,.10), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(23,107,80,.12), transparent 34%),
    rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(22,32,28,.10);
}
.kb-category-experience-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(22,32,28,.10);
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: var(--ink);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(22,32,28,.08);
}
.kb-category-experience-hero {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 2fr);
  gap: 28px;
  align-items: center;
  padding: 24px 28px 20px;
}
.kb-category-experience-media {
  position: relative;
  width: min(100%, 210px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin-inline: auto;
  border-radius: 42px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,249,245,.96));
  border: 1px solid rgba(23,107,80,.12);
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.58), 0 18px 38px rgba(23,107,80,.12);
}
.kb-category-experience-media img {
  width: 68%;
  height: 68%;
  object-fit: cover;
  border-radius: 26px;
  position: relative;
  z-index: 2;
}
.kb-category-experience-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(255,102,0,.34);
  pointer-events: none;
}
.kb-category-experience-orbit.orbit-one { inset: 13px; }
.kb-category-experience-orbit.orbit-two { inset: 29px; border-color: rgba(23,107,80,.28); }
.kb-category-experience-copy { min-width: 0; padding-right: 34px; }
.kb-category-experience-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kb-category-experience-eyebrow::before {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: var(--temu-orange);
}
.kb-category-experience-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.03;
  letter-spacing: -.035em;
}
.kb-category-experience-copy > p {
  max-width: 720px;
  margin: 10px 0 14px;
  color: #647069;
  font-size: 14px;
  line-height: 1.6;
}
.kb-category-experience-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; }
.kb-category-experience-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(23,107,80,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #536159;
  font-size: 11px;
  font-weight: 700;
}
.kb-category-experience-meta span::before { content: "✓"; margin-right: 5px; color: var(--green); font-weight: 900; }
.kb-category-experience-meta span:first-child::before { content: "•"; color: var(--temu-orange); }
.kb-category-experience-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.kb-category-primary, .kb-category-secondary, .kb-category-view-products, .kb-category-department-card { font: inherit; }
.kb-category-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 40px;
  padding: 9px 16px;
  border: 0;
  border-radius: 12px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(23,107,80,.18);
}
.kb-category-primary span { font-size: 17px; line-height: 1; }
.kb-category-secondary {
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(22,32,28,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.82);
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.kb-category-primary:hover, .kb-category-secondary:hover, .kb-category-department-card:hover { transform: translateY(-2px); }
.kb-category-departments { padding: 0 28px 24px; }
.kb-category-departments-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(22,32,28,.08);
}
.kb-category-departments-head span {
  display: block;
  color: var(--temu-orange);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.kb-category-departments-head h3 { margin: 3px 0 0; color: var(--ink); font-size: 18px; line-height: 1.15; }
.kb-category-view-products {
  border: 0;
  background: transparent;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.kb-category-department-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}
.kb-category-department-card {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 70px;
  padding: 10px;
  border: 1px solid rgba(22,32,28,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.86);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(22,32,28,.045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kb-category-department-card:hover { border-color: rgba(255,102,0,.34); box-shadow: 0 11px 24px rgba(22,32,28,.08); }
.kb-category-department-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(255,102,0,.10), rgba(23,107,80,.10));
  font-size: 19px;
}
.kb-category-department-text { min-width: 0; }
.kb-category-department-text strong, .kb-category-department-text small { display: block; overflow: hidden; text-overflow: ellipsis; }
.kb-category-department-text strong { color: var(--ink); font-size: 11px; line-height: 1.2; white-space: nowrap; }
.kb-category-department-text small { margin-top: 3px; color: #7a857f; font-size: 9px; line-height: 1.2; white-space: nowrap; }
.kb-category-department-arrow { color: var(--green); font-size: 15px; font-weight: 900; }
#categoryList .category.is-active {
  border-color: rgba(23,107,80,.55) !important;
  background: linear-gradient(180deg, rgba(240,250,246,.98), rgba(255,255,255,.96)) !important;
  box-shadow: 0 10px 26px rgba(23,107,80,.14) !important;
  transform: translateY(-3px);
}
#categoryList .category.is-active span { color: var(--green); }
body.dark-mode .kb-category-experience-shell {
  background:
    radial-gradient(circle at 8% 6%, rgba(255,102,0,.12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(23,107,80,.18), transparent 34%),
    rgba(20,27,24,.96);
  border-color: rgba(255,255,255,.08);
}
body.dark-mode .kb-category-experience-copy h2, body.dark-mode .kb-category-departments-head h3, body.dark-mode .kb-category-department-text strong, body.dark-mode .kb-category-secondary, body.dark-mode .kb-category-department-card, body.dark-mode .kb-category-experience-close { color: var(--kb-theme-text); }
body.dark-mode .kb-category-experience-copy > p, body.dark-mode .kb-category-department-text small { color: var(--kb-theme-text-muted); }
body.dark-mode .kb-category-experience-meta span, body.dark-mode .kb-category-secondary, body.dark-mode .kb-category-department-card, body.dark-mode .kb-category-experience-close { background: rgba(27,36,32,.9); border-color: rgba(255,255,255,.09); }
body.dark-mode .kb-category-experience-media {
  background: linear-gradient(145deg, rgba(31,42,37,.98), rgba(22,31,27,.98));
  border-color: rgba(255,255,255,.08);
}
@media (max-width: 1180px) and (min-width: 901px) {
  .kb-category-experience-hero { grid-template-columns: 170px minmax(0, 1fr); gap: 20px; padding: 20px 22px 17px; }
  .kb-category-experience-media { width: 165px; border-radius: 34px; }
  .kb-category-departments { padding: 0 22px 20px; }
  .kb-category-department-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .kb-category-experience { margin: 4px 0 12px; scroll-margin-top: 74px; }
  .kb-category-experience-shell { border-radius: 18px; }
  .kb-category-experience-hero { grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: start; padding: 17px 14px 14px; }
  .kb-category-experience-media { width: 78px; border-radius: 22px; }
  .kb-category-experience-media img { width: 64%; height: 64%; border-radius: 15px; }
  .kb-category-experience-orbit.orbit-one { inset: 7px; }
  .kb-category-experience-orbit.orbit-two { inset: 16px; }
  .kb-category-experience-copy { padding-right: 27px; }
  .kb-category-experience-eyebrow { margin-top: 2px; margin-bottom: 4px; font-size: 9px; letter-spacing: .06em; }
  .kb-category-experience-eyebrow::before { width: 15px; }
  .kb-category-experience-copy h2 { font-size: 21px; letter-spacing: -.025em; }
  .kb-category-experience-copy > p { margin: 6px 0 9px; font-size: 11px; line-height: 1.45; }
  .kb-category-experience-meta { gap: 4px; margin-bottom: 9px; }
  .kb-category-experience-meta span { min-height: 25px; padding: 3px 7px; font-size: 8.5px; }
  .kb-category-experience-actions { gap: 5px; }
  .kb-category-primary, .kb-category-secondary { min-height: 34px; padding: 7px 10px; border-radius: 10px; font-size: 9.5px; }
  .kb-category-departments { padding: 0 14px 14px; }
  .kb-category-departments-head { align-items: center; padding-top: 12px; }
  .kb-category-departments-head h3 { font-size: 14px; }
  .kb-category-departments-head span, .kb-category-view-products { font-size: 8.5px; }
  .kb-category-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
  .kb-category-department-card { grid-template-columns: 34px minmax(0, 1fr) 14px; gap: 7px; min-height: 61px; padding: 8px; border-radius: 12px; }
  .kb-category-department-icon { width: 34px; height: 34px; border-radius: 10px; font-size: 17px; }
  .kb-category-department-text strong { font-size: 10px; }
  .kb-category-department-text small { font-size: 8px; }
}
@media (max-width: 480px) {
  .kb-category-experience-hero { grid-template-columns: 64px minmax(0, 1fr); padding: 15px 11px 12px; }
  .kb-category-experience-media { width: 64px; border-radius: 18px; }
  .kb-category-experience-copy h2 { font-size: 18px; }
  .kb-category-experience-copy > p { font-size: 10px; }
  .kb-category-experience-meta span:nth-child(n+3) { display: none; }
  .kb-category-departments { padding: 0 11px 12px; }
  .kb-category-view-products { display: none; }
  .kb-category-department-grid { grid-template-columns: 1fr 1fr; }
  .kb-category-department-text small { display: none; }
}


/* ==============================================================
   v1.4.119 — Responsive vertical product grid + mobile Explore box
   Products flow down in rows only: 5 desktop, 4 laptop, 3 tablet, 2 mobile. No horizontal product scrolling on any viewport.
   ============================================================== */

/* Large desktop: five products per row. */
@media (min-width: 1200px) {
  #productList.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
  }
}

/* Laptop / compact desktop: four products per row. */
@media (min-width: 901px) and (max-width: 1199px) {
  #productList.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
  }
}

/* Tablet: three cards per row, still vertical page flow. */
@media (min-width: 601px) and (max-width: 900px) {
  #productList.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding-bottom: 18px !important;
    scroll-snap-type: none !important;
  }
}

/* Mobile: Explore heading matches the boxed category-heading language. */
@media (max-width: 600px) {
  #deals .kinbora-explore-heading {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    margin: 0 0 8px !important;
    padding: 6px 10px !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(15, 38, 28, 0.04) !important;
    color: var(--ink) !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
  }
  body.dark-mode #deals .kinbora-explore-heading {
    background: var(--kb-theme-surface) !important;
    border-color: var(--kb-theme-border) !important;
    color: var(--kb-theme-text) !important;
  }

  /* Two product cards side-by-side; each card stacks image then info. */
  #productList.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    overflow: visible !important;
    padding-bottom: 18px !important;
    scroll-snap-type: none !important;
  }
}


/* ==============================================================
   v1.4.120 — Compact mobile discovery rhythm + true 1:1 product media
   Mirrors the tighter desktop spacing on mobile and gives product cards
   a square image stage across desktop, tablet and mobile.
   ============================================================== */

/* Desktop/Laptop: taller, true-square product image stage. */
@media (min-width: 901px) {
}

/* Mobile: compact Hero → Trust → Promo → Category → Explore rhythm. */
@media (max-width: 600px) {
  .kb-hero-slider {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
  }

  .kinbora-home-trust.mobile-trust-features {
    padding-top: 4px !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }

  .kinbora-home-promo.mobile-promo-grid {
    gap: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  #categories {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #categories .section-head.kinbora-category-heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }
  #categoryList.categories,
  #categoryList.categories.is-expanded {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
  }

  #deals {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #deals .kinbora-explore-heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  
}

/* =========================================================
   v1.4.147 — Desktop/Laptop 48px Glass Header
   Scope lock: desktop/laptop only (>=1025px). Mobile/tablet remains unchanged.
   ========================================================= */
@media (min-width: 960px) {
  /* Primary storefront header: exact 48px outer height with a true glass surface. */
  body:not(.kinbora-popup-document) header.glass-box {
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:4px 10px !important;
    gap:8px !important;
    overflow:visible !important;
    background:rgba(255,255,255,.68) !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.62) !important;
    box-shadow:0 8px 28px rgba(22,32,28,.10) !important;
    backdrop-filter:blur(18px) saturate(1.24) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
  }

  body:not(.kinbora-popup-document) header.glass-box .logo-img.desktop-logo {
    height:38px !important;
    max-height:38px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body:not(.kinbora-popup-document) header.glass-box .search-container {
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
  }

  body:not(.kinbora-popup-document) header.glass-box .hover-dropdown {
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  /* Native Kinbora Commerce desktop/laptop header follows the same 48px glass lock. */
  

  

  

  body.dark-mode:not(.kinbora-popup-document) header.glass-box{
    background:rgba(24,31,27,.72) !important;
    border-bottom-color:rgba(255,255,255,.10) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.28) !important;
  }
}

/* =========================================================
   v1.4.149 — Header Locked + Shop-only Reference Mega Menu
   The approved 48px glass header and v1.4.148 Search styling remain intact.
   Mobile receives no mega-menu CSS or behavior.
   ========================================================= */
@media (min-width: 960px) {
  /* 1.4.150 flow is preserved; only the approved desktop dimensions and
     internal button treatment change. */
  body:not(.kinbora-popup-document) header.glass-box .search-wrapper {
    flex:0 0 400px !important;
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container {
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    box-sizing:border-box !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    background:rgba(255,255,255,.32) !important;
    border:1px solid rgba(117,132,124,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 4px 14px rgba(22,32,28,.04) !important;
    backdrop-filter:blur(18px) saturate(1.24) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .cam-btn,
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
    height:100% !important;
    min-height:0 !important;
    align-self:center !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .search-input {
    height:100% !important;
    min-height:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:1.2 !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container:hover,
  body:not(.kinbora-popup-document) header.glass-box .search-container:focus-within {
    border-color:rgba(255,102,0,.62) !important;
    box-shadow:0 0 0 2px rgba(255,102,0,.16), 0 5px 16px rgba(22,32,28,.055) !important;
    transform:none !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
    background:transparent !important;
    color:var(--green) !important;
    box-shadow:none !important;
    filter:none !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn svg {
    stroke:currentColor !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-input,
  body:not(.kinbora-popup-document) header.glass-box .search-input:focus,
  body:not(.kinbora-popup-document) header.glass-box .search-input:focus-visible,
  body:not(.kinbora-popup-document) header.glass-box .search-input:active {
    background:transparent !important;
    background-color:transparent !important;
    color:var(--ink) !important;
    -webkit-text-fill-color:var(--ink) !important;
    caret-color:var(--ink) !important;
    box-shadow:none !important;
    outline:none !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-input::placeholder {
    color:#8a9690 !important;
    -webkit-text-fill-color:#8a9690 !important;
    opacity:1 !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill,
  body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:hover,
  body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:focus {
    -webkit-text-fill-color:var(--ink) !important;
    -webkit-box-shadow:0 0 0 1000px transparent inset !important;
    transition:background-color 9999s ease-out 0s !important;
  }
  
  
  
  
  
  
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container{
    background:rgba(24,31,27,.34) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 4px 14px rgba(0,0,0,.12) !important;
    backdrop-filter:blur(18px) saturate(1.24) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container:hover,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container:focus-within{
    background:rgba(24,31,27,.42) !important;
    border-color:rgba(255,102,0,.56) !important;
    box-shadow:0 0 0 2px rgba(255,102,0,.14), 0 5px 16px rgba(0,0,0,.16) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:focus,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:focus-visible,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:active {
    color:var(--kb-theme-text) !important;
    -webkit-text-fill-color:var(--kb-theme-text) !important;
    caret-color:var(--kb-theme-text) !important;
  }
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:hover,
  body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:focus {
    -webkit-text-fill-color:var(--kb-theme-text) !important;
  }
  

  /* Only Shop's compact desktop dropdown is replaced. Offers/New Arrivals and
     every other header dropdown keep their original normal behavior. */
  body:not(.kinbora-popup-document) .desktop-main-nav > .shop-dropdown > .hover-content {
    display:none !important;
  }

  .kb-shop-mega {
    --kb-shop-mega-top:48px;
    --kb-mega-surface:#fff;
    --kb-mega-text:#090d0b;
    --kb-mega-heading:#050806;
    --kb-mega-border:#edf0ee;
    --kb-mega-divider:#e5e9e7;
    --kb-mega-divider-strong:#e2e7e4;
    --kb-mega-icon-surface:#f7f9f8;
    --kb-mega-icon-text:#064e3b;
    --kb-mega-thumb-surface:#f3f5f4;
    --kb-mega-thumb-border:#e4e9e6;
    --kb-mega-grid-surface:#f0f8f4;
    --kb-mega-grid-border:#dcebe3;
    position:fixed;
    top:var(--kb-shop-mega-top);
    left:0;
    right:0;
    bottom:0;
    z-index:9997;
    display:block;
    padding:0 0 18px;
    overflow:auto;
    overscroll-behavior:contain;
    background:transparent;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 150ms ease, visibility 150ms ease;
  }
  .kb-shop-mega.is-open {
    opacity:1;
    visibility:visible;
    pointer-events:none;
  }
  .kb-shop-mega-panel {
    position:relative;
    z-index:1;
    width:min(980px, calc(100vw - 88px));
    height:min(328px, calc(100vh - var(--kb-shop-mega-top) - 14px));
    min-height:318px;
    margin:0 auto;
    display:grid;
    grid-template-columns:218px minmax(0, 1fr);
    overflow:hidden;
    border:1px solid var(--kb-mega-border);
    border-radius:20px;
    background:var(--kb-mega-surface);
    box-shadow:0 10px 28px rgba(24,35,30,.11);
    transform:translateY(-4px);
    transition:transform 150ms ease;
  }
  .kb-shop-mega.is-open .kb-shop-mega-panel {
    transform:translateY(0);
    pointer-events:auto;
  }

  .kb-shop-mega-rail {
    min-width:0;
    padding:7px 9px;
    overflow:hidden;
    overscroll-behavior:contain;
    border-right:1px solid var(--kb-mega-divider);
    background:var(--kb-mega-surface);
  }
  .kb-shop-mega-rail-list {
    display:grid;
    gap:2px;
  }
  .kb-shop-mega-rail-item {
    --kb-cat-accent:#11a55b;
    --kb-cat-active-bg:rgba(17,165,91,.105);
    --kb-cat-icon-bg:rgba(17,165,91,.075);
    position:relative;
    width:100%;
    height:40px;
    min-height:40px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 14px;
    align-items:center;
    gap:7px;
    padding:0 9px 0 12px;
    overflow:hidden;
    border:0;
    border-radius:11px;
    background:var(--kb-mega-surface);
    color:var(--kb-mega-text);
    font-family:inherit;
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    box-shadow:none;
    transition:background-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
  }
  .kb-shop-mega-rail-item::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    border-radius:4px 0 0 4px;
    background:var(--kb-cat-accent);
    opacity:0;
    transform:scaleY(.25);
    transform-origin:center;
    transition:opacity 150ms ease, transform 150ms ease;
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="beauty"] {
    --kb-cat-accent:#ff3f7a;
    --kb-cat-active-bg:rgba(255,63,122,.095);
    --kb-cat-icon-bg:rgba(255,63,122,.075);
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="home"] {
    --kb-cat-accent:#ff6511;
    --kb-cat-active-bg:rgba(255,101,17,.096);
    --kb-cat-icon-bg:rgba(255,101,17,.075);
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="electronics"] {
    --kb-cat-accent:#2f7cf5;
    --kb-cat-active-bg:rgba(47,124,245,.096);
    --kb-cat-icon-bg:rgba(47,124,245,.075);
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="kids"] {
    --kb-cat-accent:#f5b20c;
    --kb-cat-active-bg:rgba(245,178,12,.11);
    --kb-cat-icon-bg:rgba(245,178,12,.09);
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="pets"] {
    --kb-cat-accent:#8d3bf4;
    --kb-cat-active-bg:rgba(141,59,244,.096);
    --kb-cat-icon-bg:rgba(141,59,244,.075);
  }
  .kb-shop-mega-rail-item[data-kb-shop-category="sports"] {
    --kb-cat-accent:#247df4;
    --kb-cat-active-bg:rgba(36,125,244,.096);
    --kb-cat-icon-bg:rgba(36,125,244,.075);
  }
  .kb-shop-mega-rail-item.is-active,
  .kb-shop-mega-rail-item:hover,
  .kb-shop-mega-rail-item:focus-visible {
    background:var(--kb-cat-active-bg);
    color:var(--kb-mega-text);
    outline:none;
  }
  .kb-shop-mega-rail-item.is-active::before,
  .kb-shop-mega-rail-item:hover::before,
  .kb-shop-mega-rail-item:focus-visible::before {
    opacity:1;
    transform:scaleY(1);
  }
  .kb-shop-mega-rail-item:focus-visible {
    box-shadow:inset 0 0 0 2px var(--kb-cat-icon-bg);
  }
  .kb-shop-mega-rail-icon {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:var(--kb-mega-icon-surface);
    color:var(--kb-mega-icon-text);
    transition:background-color 150ms ease, color 150ms ease;
  }
  .kb-shop-mega-rail-item.is-active .kb-shop-mega-rail-icon,
  .kb-shop-mega-rail-item:hover .kb-shop-mega-rail-icon,
  .kb-shop-mega-rail-item:focus-visible .kb-shop-mega-rail-icon {
    background:var(--kb-cat-icon-bg);
    color:var(--kb-cat-accent);
  }
  .kb-shop-mega-rail-icon svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .kb-shop-mega-rail-label {
    min-width:0;
    color:var(--kb-mega-text);
    white-space:nowrap;
  }
  .kb-shop-mega-rail-arrow {
    justify-self:end;
    color:var(--kb-mega-text);
    font-size:23px;
    font-weight:400;
    line-height:1;
    transform:translateY(-1px);
  }

  .kb-shop-mega-stage {
    min-width:0;
    padding:14px 16px 12px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--kb-mega-surface);
  }
  .kb-shop-mega-view { display:none; min-height:100%; }
  .kb-shop-mega-view.is-active { display:block; }
  .kb-shop-mega-showcases {
    min-height:100%;
    display:grid;
    grid-template-columns:minmax(0, 1.18fr) minmax(0, .9fr);
    gap:0;
  }
  .kb-shop-mega-showcase {
    min-width:0;
    padding:0 15px 0 0;
  }
  .kb-shop-mega-showcase-secondary {
    min-height:156px;
    margin-top:-1px;
    padding-top:1px;
    padding-left:16px;
    padding-right:0;
    border-left:1px solid var(--kb-mega-divider-strong);
    box-sizing:border-box;
  }
  .kb-shop-mega-showcase-head {
    position:relative;
    min-height:27px;
    margin:0 0 10px;
    padding-bottom:8px;
    display:flex;
    align-items:flex-start;
    color:var(--kb-mega-heading);
    font-size:clamp(14px, 1.05vw, 17px);
    line-height:1.2;
    font-weight:850;
    letter-spacing:-.025em;
  }
  .kb-shop-mega-showcase-head::after {
    content:"";
    position:absolute;
    left:0;
    bottom:2px;
    width:28px;
    height:3px;
    border-radius:2px;
    background:#07864b;
  }
  .kb-shop-mega-showcase-head a,
  .kb-shop-mega-showcase-head span {
    color:inherit;
    text-decoration:none;
  }
  .kb-shop-mega-showcase-head a:hover,
  .kb-shop-mega-showcase-head a:focus-visible {
    color:var(--kb-mega-heading);
    outline:none;
  }
  .kb-shop-mega-card-grid {
    display:grid;
    align-items:start;
    justify-items:center;
  }
  .kb-shop-mega-card-grid-explore {
    grid-template-columns:repeat(4, minmax(0,1fr));
    column-gap:10px;
  }
  .kb-shop-mega-card-grid-more {
    grid-template-columns:repeat(3, minmax(0,1fr));
    column-gap:10px;
    padding-left:4px;
  }
  .kb-shop-mega-card {
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    color:#080c09;
    text-align:center;
    text-decoration:none;
    outline:none;
  }
  .kb-shop-mega-thumb {
    width:68px;
    max-width:100%;
    aspect-ratio:1 / 1;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid var(--kb-mega-thumb-border);
    border-radius:50%;
    background:var(--kb-mega-thumb-surface);
    box-shadow:none;
    transition:transform 130ms ease, border-color 130ms ease, box-shadow 130ms ease;
  }
  .kb-shop-mega-thumb img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .kb-shop-mega-card:hover .kb-shop-mega-thumb,
  .kb-shop-mega-card:focus-visible .kb-shop-mega-thumb {
    transform:translateY(-2px);
    border-color:rgba(7,134,75,.28);
    box-shadow:0 8px 18px rgba(20,31,26,.08);
  }
  .kb-shop-mega-card-label {
    max-width:96px;
    color:var(--kb-mega-text);
    font-size:clamp(11px, .82vw, 13px);
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.018em;
  }
  .kb-shop-mega-card:hover .kb-shop-mega-card-label,
  .kb-shop-mega-card:focus-visible .kb-shop-mega-card-label { color:var(--kb-mega-text); }
  .kb-shop-mega-grid-icon {
    grid-template-columns:repeat(2, 14px);
    grid-template-rows:repeat(2, 14px);
    gap:5px;
    place-content:center;
    border-color:var(--kb-mega-grid-border);
    background:var(--kb-mega-grid-surface);
  }
  .kb-shop-mega-grid-icon span {
    width:14px;
    height:14px;
    border:2px solid #07864b;
    border-radius:2px;
  }
  .kb-shop-mega-fallback-mark {
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    background:linear-gradient(145deg, rgba(23,107,80,.08), rgba(255,102,0,.055));
    color:#176b50;
    font-size:20px;
    font-weight:850;
  }
}

@media (min-width:960px) {
  body.dark-mode .kb-shop-mega {
    --kb-mega-surface:var(--kb-theme-surface);
    --kb-mega-text:var(--kb-theme-text);
    --kb-mega-heading:var(--kb-theme-text);
    --kb-mega-border:var(--kb-theme-border);
    --kb-mega-divider:var(--kb-theme-border);
    --kb-mega-divider-strong:var(--kb-theme-border);
    --kb-mega-icon-surface:var(--kb-theme-surface-soft);
    --kb-mega-icon-text:var(--kb-theme-text);
    --kb-mega-thumb-surface:var(--kb-theme-surface-soft);
    --kb-mega-thumb-border:var(--kb-theme-border);
    --kb-mega-grid-surface:var(--kb-theme-surface-soft);
    --kb-mega-grid-border:var(--kb-theme-border);
  }
  body.dark-mode .kb-shop-mega-rail-item {
    --kb-cat-active-bg:color-mix(in srgb, var(--kb-cat-accent) 18%, transparent);
    --kb-cat-icon-bg:color-mix(in srgb, var(--kb-cat-accent) 16%, transparent);
  }
}
@media (min-width:1500px) {
  .kb-shop-mega-card-grid-more {
    grid-template-columns:repeat(3, 78px);
    column-gap:10px;
    justify-content:start;
    padding-left:6px;
  }
}

@media (min-width: 960px) and (max-width:1240px) {
  .kb-shop-mega-panel {
    width:min(940px, calc(100vw - 44px));
    height:min(322px, calc(100vh - var(--kb-shop-mega-top) - 12px));
    min-height:312px;
    grid-template-columns:206px minmax(0,1fr);
    border-radius:20px;
  }
  .kb-shop-mega-rail { padding:7px 9px; }
  .kb-shop-mega-rail-list { gap:3px; }
  .kb-shop-mega-rail-item {
    height:39px;
    min-height:39px;
    grid-template-columns:29px minmax(0,1fr) 14px;
    gap:9px;
    padding:0 9px 0 12px;
    font-size:12px;
  }
  .kb-shop-mega-rail-icon { width:29px; height:29px; border-radius:9px; }
  .kb-shop-mega-rail-icon svg { width:17px; height:17px; }
  .kb-shop-mega-rail-arrow { font-size:21px; }
  .kb-shop-mega-stage { padding:13px 14px 11px; }
  .kb-shop-mega-showcase { padding-right:13px; }
  .kb-shop-mega-showcase-secondary { min-height:152px; margin-top:-1px; padding-top:1px; padding-left:14px; }
  .kb-shop-mega-showcase-head { min-height:26px; margin-bottom:9px; padding-bottom:7px; font-size:14px; }
  .kb-shop-mega-showcase-head::after { width:28px; }
  .kb-shop-mega-card-grid-explore { column-gap:10px; }
  .kb-shop-mega-card-grid-more { column-gap:10px; padding-left:4px; }
  .kb-shop-mega-card { gap:10px; }
  .kb-shop-mega-thumb { width:64px; }
  .kb-shop-mega-card-label { max-width:88px; font-size:12px; }
  .kb-shop-mega-grid-icon {
    grid-template-columns:repeat(2, 13px);
    grid-template-rows:repeat(2, 13px);
    gap:5px;
  }
  .kb-shop-mega-grid-icon span { width:13px; height:13px; border-width:2px; }
}

@media (max-width: 959px) {
  .kb-shop-mega { display:none !important; }
}

body.kinbora-popup-document .kb-shop-mega { display:none !important; }



/* =========================================================
   v1.4.150 — Header navigation behavior + global search only
   Existing 48px glass/header/search visuals remain locked.
   ========================================================= */
.kb-search-result-meta {
  display:block;
  margin-top:2px;
  font-size:12px;
  line-height:1.25;
  font-weight:600;
  color:#6f7c76;
}
.kb-search-kind-mark {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:var(--green);
  font-size:18px;
  font-weight:800;
}
.kb-search-empty {
  padding:16px 18px;
  text-align:center;
  color:#738079;
  font-size:13px;
  font-weight:600;
}
body.dark-mode .kb-search-result-meta,
body.dark-mode .kb-search-empty {
  color:var(--kb-theme-text-muted);
}

@media (min-width: 960px) {
  /* v1.4.157 — edge-first Apple-reference geometry.
     The two viewport anchors are established by one symmetric responsive
     header inset. Left group and right group keep their approved components;
     the search wrapper receives only the remaining middle space. */
  body:not(.kinbora-popup-document) header.glass-box {
    display:flex !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:flex-start !important;
    column-gap:clamp(10px, 1.1vw, 22px) !important;
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
    flex-wrap:nowrap !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .logo,
  body:not(.kinbora-popup-document) header.glass-box > .desktop-main-nav,
  body:not(.kinbora-popup-document) header.glass-box > .search-wrapper,
  body:not(.kinbora-popup-document) header.glass-box > .right-nav {
    order:initial !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .logo {
    margin:0 !important;
    flex:0 0 auto !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .logo-img.desktop-logo {
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* The search is deliberately placed last in the geometry process: the
     wrapper absorbs only the remaining middle region while the approved
     search control itself stays exactly 400×35. */
  body:not(.kinbora-popup-document) header.glass-box > .search-wrapper {
    flex:1 1 auto !important;
    width:auto !important;
    min-width:400px !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    display:flex !important;
    justify-content:center !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container {
    flex:0 0 400px !important;
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
    height:35px !important;
    min-height:35px !important;
    max-height:35px !important;
    box-sizing:border-box !important;
  }

  /* ~26–28px visual rhythm: 18–20px flex gap + 4px component-edge spacing
     on each neighboring storefront navigation/control item. */
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav {
    gap:clamp(18px, 1.35vw, 20px) !important;
    margin-left:0 !important;
    flex:0 0 auto !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .nav-direct-link {
    padding:6px 4px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .hover-dropdown,
  body:not(.kinbora-popup-document) header.glass-box .right-nav > .hover-dropdown {
    padding-left:4px !important;
    padding-right:4px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav {
    gap:clamp(18px, 1.35vw, 20px) !important;
    margin-left:0 !important;
    flex:0 0 auto !important;
    align-items:center !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav > .hover-dropdown > .header-action {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav > #cartButton {
    padding-left:4px !important;
    padding-right:4px !important;
    margin-right:0 !important;
  }

  /* Native Kinbora Commerce screens use the same outer anchors. Their existing
     grid remains canonical; only its symmetric outer inset and internal
     approved navigation/control rhythm are normalized here. */
  
  
  
}

/* Narrow desktop / browser Desktop-Site geometry guard.
   Keep the real desktop controls at their approved sizes while reserving a
   visible symmetric outer gutter even around the common ~980px desktop-site
   layout viewport. Only inter-control spacing is tightened in this narrow
   desktop band; Logo, typography, Search (400x35), Account/Support/Cart and
   icon dimensions remain unchanged. */
@media (min-width: 960px) and (max-width:1180px) {
  :root {
    --kb-master-rail-inset: clamp(24px, calc(21.82vw - 185.47px), 72px);
  }
  body:not(.kinbora-popup-document) header.glass-box {
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
    column-gap:clamp(4px, .62vw, 8px) !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav,
  body:not(.kinbora-popup-document) header.glass-box .right-nav {
    gap:clamp(8px, .95vw, 12px) !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .nav-direct-link,
  body:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .hover-dropdown,
  body:not(.kinbora-popup-document) header.glass-box .right-nav > .hover-dropdown,
  body:not(.kinbora-popup-document) header.glass-box .right-nav > #cartButton {
    padding-left:2px !important;
    padding-right:2px !important;
  }
}

/* =========================================================
   v1.4.191 — Stable Product Zoom + Scroll-safe height alignment
   ========================================================= */
@media (min-width: 901px) {
  /* JS reads the unchanged left media-card height and applies that exact pixel
     height to the information card. The left card is never stretched by it. */
  .kb103-buybox.kb190-height-synced {
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: auto !important;
    padding: 7px 14px !important;
  }
  .kb103-buybox.kb190-height-synced .kb103-title { margin-top: 3px !important; margin-bottom: 2px !important; }
  .kb103-buybox.kb190-height-synced .kb103-rating-row { margin-bottom: 4px !important; }
  .kb103-buybox.kb190-height-synced .kb103-price-row { margin-bottom: 2px !important; }
  .kb103-buybox.kb190-height-synced .kb103-stock { margin-top: 0 !important; margin-bottom: 3px !important; }
  .kb103-buybox.kb190-height-synced .kb106-quick-facts { margin-top: 2px !important; margin-bottom: 3px !important; }
  .kb103-buybox.kb190-height-synced .kb106-fact { padding-top: 5px !important; padding-bottom: 5px !important; }
  .kb103-buybox.kb190-height-synced .kb179-trust-mini { margin-top: 3px !important; padding-top: 3px !important; }
  /* Normal product information fits the locked left-card height without an
     internal scroll container, so the mouse wheel always belongs to the page.
     Extremely long third-party variation content remains visible rather than
     being clipped, while the outer information-card height stays locked. */
  .kb103-buybox.kb190-height-synced.kb191-content-overflow { overflow: visible !important; }
}

@media (max-width: 600px) {
  .kb190-zoom-controls { top: 10px !important; right: 10px !important; gap: 5px !important; }
  .kb190-zoom-button { width: 32px !important; height: 32px !important; }
  .kb190-zoom-button svg { width: 16px !important; height: 16px !important; }
}

/* =========================================================
   v1.4.193 — Mobile one-line purchase actions
   ========================================================= */
/* Mobile purchase actions remain one compact row:
   [− value +] [Add to Cart] [Buy Now]. Desktop/laptop rules are untouched. */
@media (max-width: 600px) {
  .kb103-options form.cart:not(.variations_form),
  .kb103-options .kinbora_commerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .kb103-options .quantity {
    grid-template-columns: 26px 36px 26px !important;
    width: 88px !important;
  }
  .kb103-options .quantity::before { display: none !important; content: none !important; }
  .kb103-options .quantity .qty {
    width: 36px !important;
    min-height: 40px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .kb179-qty-step { width: 26px !important; height: 40px !important; }
  .kb179-main-actions {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 5px !important;
  }
  .kb179-main-action {
    min-width: 0 !important;
    min-height: 40px !important;
    gap: 4px !important;
    padding: 0 5px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
  }
  .kb179-main-action span:last-child { white-space: nowrap !important; }
}

@media (max-width: 360px) {
  .kb103-options form.cart:not(.variations_form),
  .kb103-options .kinbora_commerce-variation-add-to-cart {
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 4px !important;
  }
  .kb103-options .quantity { grid-template-columns: 24px 34px 24px !important; width: 82px !important; }
  .kb103-options .quantity .qty { width: 34px !important; }
  .kb179-qty-step { width: 24px !important; }
  .kb179-main-action { gap: 3px !important; padding: 0 4px !important; font-size: 10px !important; }
  .kb179-main-action > span:first-child { display: none !important; }
}

/* =========================================================
   v1.4.197 — Canonical Related Items geometry + global header lock
   ========================================================= */
/* Related Items reuses the Homepage product-card markup/classes. This block
   owns only placement geometry. The Kinbora Commerce page-level `article.glass-box`
   padding is explicitly neutralized here because that generic content-card rule
   was the root cause of the large white frame seen around Related media. */
.kb193-related-items {
  margin: 0 0 7px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(23,107,80,.14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(17,32,25,.06) !important;
}
.kb193-related-items .kb103-section-head { margin-bottom: 10px !important; }
.kb193-related-grid {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
  overflow: visible !important;
  overflow-x: visible !important;
  scroll-snap-type: none !important;
}
.kb193-related-title-link { color: inherit !important; text-decoration: none !important; }
.kb193-related-title-link:hover,
.kb193-related-title-link:focus-visible { color: var(--green) !important; }
.kb193-related-items .price::after { content: none !important; display: none !important; }
body.dark-mode .kb193-related-items { background: var(--kb-theme-surface) !important; border-color: var(--kb-theme-border) !important; }

/* Five cards remain on wide desktop and on laptop widths where they fit.
   Narrower laptop/tablet progressively falls back without changing 1:1 media. */
@media (min-width: 960px) and (max-width: 1199px) {
  .kb193-related-grid { grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 10px !important; }
}
@media (min-width: 701px) and (max-width: 959px) {
  .kb193-related-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 10px !important; }
}
@media (min-width: 601px) and (max-width: 700px) {
  .kb193-related-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 9px !important; }
}
@media (max-width: 600px) {
  .kb193-related-items { padding: 11px 10px !important; }
  .kb193-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 9px !important; }
}

/* v1.4.198 — Canonical header architecture.
   Shared markup + native viewport-driven breakpoints are the only header mode.
   No route-specific zoom/scale or synthetic Desktop-Site class is used. */
body:not(.kinbora-popup-document) header.glass-box {
  transform: none !important;
}

/* =========================================================
   v1.4.194 — Single zoom + breadcrumb polish
   ========================================================= */
/* Share/Wishlist remain in the same 18px breadcrumb action footprint. Only
   surface, border, depth and state transitions are refined. */
.kinbora-storefront-breadcrumb .kb179-toolbar-action {
  border-color: rgba(23,107,80,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,248,.94)) !important;
  box-shadow: 0 2px 7px rgba(17,32,25,.055), inset 0 1px 0 rgba(255,255,255,.72) !important;
  transition: border-color .16s ease, color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-action:hover,
.kinbora-storefront-breadcrumb .kb179-toolbar-action:focus-visible {
  border-color: rgba(23,107,80,.31) !important;
  color: var(--kb103-green) !important;
  background: linear-gradient(180deg, #fff, rgba(23,107,80,.055)) !important;
  box-shadow: 0 3px 9px rgba(17,32,25,.085), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-wishlist[aria-pressed="true"],
.kinbora-storefront-breadcrumb .kb179-toolbar-wishlist.active {
  border-color: rgba(229,57,91,.27) !important;
  color: #d92f55 !important;
  background: linear-gradient(180deg, #fff, rgba(229,57,91,.06)) !important;
  box-shadow: 0 3px 9px rgba(217,47,85,.09), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.kinbora-storefront-breadcrumb .kb179-toolbar-wishlist[aria-pressed="true"] .kb179-toolbar-icon,
.kinbora-storefront-breadcrumb .kb179-toolbar-wishlist.active .kb179-toolbar-icon { color: #d92f55 !important; }
body.dark-mode .kinbora-storefront-breadcrumb .kb179-toolbar-action {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
}




/* =========================================================
   v1.4.200 — Final Shop category hierarchy + header icon cleanup
   Compact, stable desktop shell. Main and child destinations are native
   Kinbora Commerce category URLs from the shared canonical category tree.
   ========================================================= */
@media (min-width:960px) {
  .kb-shop-mega-rail-item { text-decoration:none; }
  .kb-shop-mega-panel { max-width:calc(100vw - 72px); }
}


/* =========================================================
   v1.4.201 — PERMANENT RESPONSIVE + MASTER RAIL GEOMETRY LOCK
   ---------------------------------------------------------
   1) Responsive mode is controlled only by the effective CSS layout viewport.
      >=960px is the canonical desktop/laptop storefront mode; no UA/touch/device
      inference, zoom, scale or synthetic desktop class participates.
   2) The Header remains the geometry master. The exact inset that places the
      Logo's outer left edge and Cart's outer right edge is reused by every
      major outer storefront container from main content through the footer.
   3) The real footer/copyright remains in normal document flow and terminates
      the document without a reserved trailing canvas.
   Mobile/tablet (<960px) keeps the approved existing responsive rules intact.
   ========================================================= */
@media (min-width:960px) {
  /* Header master: reuse the already-approved inset; do not move or resize
     Header internals to fit body content. */
  body:not(.kinbora-popup-document) header.glass-box {
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
    flex-wrap:nowrap !important;
    transform:none !important;
  }

  /* Homepage and ordinary customer-facing page roots now follow the Header
     rails directly instead of a separate 1200px container database. */
  body:not(.kinbora-popup-document) > main {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
  }

  /* Kinbora Commerce Shop/category roots use the same outer rails. Internal cards,
     grids, controls and their approved visual design are deliberately untouched. */
  body:not(.kinbora-popup-document) main.kinbora-shop-page {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
  }

  /* Product-page outer geometry only. Existing gallery/info/review/related card
     dimensions and internals remain their current approved implementation. */
  body.single-product:not(.kinbora-popup-document) main.kinbora-product-page {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:var(--kb-master-rail-inset) !important;
    padding-right:var(--kb-master-rail-inset) !important;
  }
  body.single-product:not(.kinbora-popup-document) .kinbora-product-breadcrumbs,
  body.single-product:not(.kinbora-popup-document) .kinbora-product-v103 {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Footer outer sections share the same rail endpoints while full-width
     surfaces (Back to Top, trust wrapper, copyright bar) keep their surfaces. */
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter .k-trust-bar,
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter .k-footer-main,
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter .k-legal-top-inner,
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter .k-copyright-inner {
    box-sizing:border-box !important;
    width:auto !important;
    max-width:none !important;
    margin-left:var(--kb-master-rail-inset) !important;
    margin-right:var(--kb-master-rail-inset) !important;
  }
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter .k-copyright-inner {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Desktop/Desktop-Site document end: no root/body/footer reserved canvas.
     Fixed overlays/nav stay out of normal flow, and the Footer/Copyright owns
     no trailing height after its last rendered bar. */
  html {
    height:auto !important;
    min-height:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  body:not(.kinbora-popup-document) {
    height:auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter {
    height:auto !important;
    min-height:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  body:not(.kinbora-popup-document) .kin-footer-area#kinboraReferenceFooter > .k-copyright-bar:last-child {
    height:auto !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
}

/* =========================================================
   v1.4.203 — PERMANENT LIGHT DROPDOWN BACKDROP LOCK
   ---------------------------------------------------------
   One reusable visual-only backdrop is shared by the existing desktop Shop
   Mega Menu and the existing desktop Header hover/click dropdowns. It never
   creates layout space, blocks pointer input, locks scrolling, or alters any
   approved panel geometry/content. Foreground Header/dropdown layers already
   sit above this z-index, so they stay fully sharp and interactive.
   ========================================================= */
@media (min-width:960px) {
  body:not(.kinbora-popup-document)::before {
    content:"";
    position:fixed;
    inset:0;
    z-index:9996;
    pointer-events:none;
    visibility:hidden;
    opacity:0;
    background:rgba(247,250,248,.035);
    -webkit-backdrop-filter:blur(2.5px) saturate(.985);
    backdrop-filter:blur(2.5px) saturate(.985);
    transition:opacity 150ms ease, visibility 0s linear 150ms;
    will-change:opacity;
  }

  /* Shop uses its existing .is-open engine. Other approved Header dropdowns
     use their existing hover/focus/route-open states. No new open/close engine
     or duplicate event listener is introduced for the backdrop. */
  body:not(.kinbora-popup-document):has(.kb-shop-mega.is-open)::before,
  body:not(.kinbora-popup-document):has(header.glass-box .hover-dropdown:not(.shop-dropdown):hover)::before,
  body:not(.kinbora-popup-document):has(header.glass-box .hover-dropdown:not(.shop-dropdown):focus-within)::before,
  body:not(.kinbora-popup-document):has(header.glass-box .hover-dropdown:not(.shop-dropdown).kinbora-route-open)::before {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
  }

  body.dark-mode:not(.kinbora-popup-document)::before {
    background:rgba(255,255,255,.018);
  }
}



/* =========================================================
   v1.4.211 — FINAL TOP-TO-BOTTOM SEMANTIC DARK MODE SWEEP
   ---------------------------------------------------------
   Customer-facing Dark Mode is completed through the existing global
   --kb-theme-* semantic tokens and currentColor. Light Mode declarations are
   deliberately untouched. Product/brand photography and official brand marks
   are never inverted or recolored.
   ========================================================= */

/* 1–5. Header, Search, Account / Support / Cart and every Header dropdown. */
body.dark-mode:not(.kinbora-popup-document) header.glass-box,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .desktop-main-nav,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .right-nav {
  color: var(--kb-theme-text) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .hover-trigger,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .header-action,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .header-action span,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .hover-trigger span {
  color: var(--kb-theme-text) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .hover-dropdown > .hover-trigger > svg,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .header-action > svg,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container .cam-btn,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
  color: var(--kb-theme-text) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .desktop-main-nav > .hover-dropdown > .hover-trigger > svg,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .header-action > svg,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container svg,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .hover-content svg:not(.kb-color-country-flag) {
  stroke: currentColor !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .kinbora-role-icon--support {
  color: inherit !important;
  background-color: currentColor !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .support-dropdown:hover > .hover-trigger .kinbora-role-icon--support,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .support-dropdown:focus-within > .hover-trigger .kinbora-role-icon--support {
  color: var(--temu-orange) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input {
  color-scheme: dark;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input::placeholder {
  color: var(--kb-theme-text-muted) !important;
  -webkit-text-fill-color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .search-suggestions-box,
body.dark-mode .search-suggestions-box .suggestion-item,
body.dark-mode .search-suggestions-box .suggestion-img,
body.dark-mode .search-suggestions-box .kb-search-kind-mark {
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .search-suggestions-box {
  background: var(--kb-theme-overlay-surface) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .search-suggestions-box .suggestion-item {
  background: transparent !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .search-suggestions-box .suggestion-item:hover,
body.dark-mode .search-suggestions-box .suggestion-item:focus-visible {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .search-suggestions-box .suggestion-img,
body.dark-mode .search-suggestions-box .kb-search-kind-mark {
  background: var(--kb-theme-surface-soft) !important;
}

body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content,.region-panel,.region-country-view) {
  background: var(--kb-theme-overlay-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) a,
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) button:not(.acc-compact-signin):not(.acc-compact-signup) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) a:hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) a:focus-visible,
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) button:hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box :is(.hover-content,.nested-content) button:focus-visible {
  background: var(--kb-theme-surface-soft) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .nested-content::before,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .hover-content::before {
  background: var(--kb-theme-overlay-surface) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .support-dropdown .hover-content .brand-svg {
  color: var(--kb-theme-text) !important;
  fill: none !important;
  stroke: currentColor !important;
}

/* Account dropdown: surfaces inherit Dark Mode; official social-provider glyphs
   retain their provider artwork rather than being forcibly recolored. */
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown :is(.acc-user-card,.acc-menu-item,.acc-icon-circle,.acc-auth-card,.acc-auth-utility,.acc-auth-secure,.acc-social-button,.acc-compact-action) {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown :is(.acc-user-copy span,.acc-social-divider,.acc-auth-utility,.acc-auth-secure) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown .acc-social-divider::before,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown .acc-social-divider::after {
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown :is(.acc-menu-item,.acc-social-button,.acc-compact-action):hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .account-dropdown :is(.acc-menu-item,.acc-social-button,.acc-compact-action):focus-visible {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 82%, var(--green) 18%) !important;
  border-color: var(--kb-theme-border) !important;
}

/* Region/language selector and nested country picker, shared by Header/Footer. */
body.dark-mode :is(.region-select,.region-language-choice,.region-country-option,.region-change-button,.region-back-button,.region-country-search,.region-country-search-wrap) {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode :is(.region-panel-label,.region-language-note,.region-country-option-copy small,.region-shopping-copy) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode :is(.region-country-name,.region-language-choice-label,.region-currency-block strong,.region-country-view-head strong) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode :is(.region-language-choice,.region-country-option):hover,
body.dark-mode :is(.region-language-choice,.region-country-option):focus-visible,
body.dark-mode .region-country-option.is-selected {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 82%, var(--green) 18%) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode :is(.region-chevron,.mobile-region-chevron,.region-country-check,.region-radio-dot) {
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .region-panel-divider { background: var(--kb-theme-border) !important; }

/* 6–14. Hero already uses canonical dark tokens. Finish trust, promo,
   categories, Explore, Product Cards and every Product Card consumer. */
body.dark-mode .kinbora-home-trust.mobile-trust-features {
  background: var(--kb-theme-surface) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-home-trust.mobile-trust-features .trust-item,
body.dark-mode .kinbora-home-trust.mobile-trust-features .trust-item span {
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-home-trust.mobile-trust-features .trust-icon {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-home-trust.mobile-trust-features .trust-icon svg {
  color: inherit !important;
  stroke: currentColor !important;
}
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card,
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card.large,
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card.flash,
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card.exclusive {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card h3,
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card a { color: var(--kb-theme-text) !important; }
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card p { color: var(--kb-theme-text-muted) !important; }
body.dark-mode .kinbora-home-promo.mobile-promo-grid .promo-card.flash a { color: var(--temu-orange) !important; }

body.dark-mode #categoryList .category,
body.dark-mode .kb-category-experience-shell,
body.dark-mode .kb-category-department-grid > * {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode #categoryList .category .emoji {
  background: var(--kb-theme-surface-soft) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode #categoryList .category .brand-svg,
body.dark-mode .kb-category-experience-shell svg {
  color: var(--kb-theme-text) !important;
  stroke: currentColor !important;
}
body.dark-mode .kb-category-experience-shell :is(.kb-category-experience-description,.kb-category-experience-meta,.kb-category-department-grid p) {
  color: var(--kb-theme-text-muted) !important;
}

/* Canonical Product Card contract: one rule-set covers Homepage, Shop/Search
   consumers that use .product, Category results and Related Items. */
body.dark-mode .product.glass-box,
body.dark-mode .products > .product,
body.dark-mode .kb193-related-grid > .product {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.18) !important;
}
body.dark-mode .product .product-image {
  background: var(--kb-theme-surface-deep) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .product .product-image img,
body.dark-mode .product .product-image-link img,
body.dark-mode .product .category-thumb {
  filter: none !important;
}
body.dark-mode .product .product-info {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .product .product-info h3,
body.dark-mode .product .product-info h3 a,
body.dark-mode .product .product-bottom,
body.dark-mode .product .price {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .product :is(.product-meta,.product-category,.old-price,.rating-count,.stock-status) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .product .wishlist-btn-card {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}
body.dark-mode .product .wishlist-btn-card:hover,
body.dark-mode .product .wishlist-btn-card:focus-visible,
body.dark-mode .product .wishlist-btn-card.active {
  color: #ff3366 !important;
  background: var(--kb-theme-surface-soft) !important;
  border-color: #ff3366 !important;
}
body.dark-mode .product .add {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border: 1px solid var(--kb-theme-border) !important;
}
body.dark-mode .product .add:hover,
body.dark-mode .product .add:focus-visible {
  background: var(--green) !important;
  color: #fff !important;
  border-color: var(--green) !important;
}
body.dark-mode .product .product-actions svg,
body.dark-mode .product .wishlist-btn-card svg,
body.dark-mode .product .add svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}

/* 15–20. Single Product, Product UI controls, Reviews and Related Items. */
body.dark-mode.single-product:has(.kinbora-product-v103),
body.dark-mode.single-product:has(.kinbora-product-v103) main {
  background: var(--kb-theme-surface-deep) !important;
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kinbora-product-v103 {
  --kb103-ink: var(--kb-theme-text);
  --kb103-line: var(--kb-theme-border);
  --kb103-soft: var(--kb-theme-surface-soft);
  --kb103-muted: var(--kb-theme-text-muted);
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb103-media-card,.kb103-buybox,.kb103-service-strip,.kb103-tabs-card,.kb103-review-summary,.kb103-customer-reviews,.kb103-review-card,.kb103-spec-table > div,.kb103-review-score,.kb189-service-details-shell) {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-product-v103 .kb103-media-card {
  background: var(--kb-theme-surface-deep) !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb190-zoom-button,.kb103-counter,.kb103-gallery-arrow,.kb103-thumb,.kb103-options table.variations select,.kb103-options .quantity .qty,.kb103-choice,.kb103-see-all,.kb189-service-details-close) {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb190-zoom-button,.kb103-gallery-arrow,.kb103-thumb,.kb103-choice,.kb103-see-all):hover,
body.dark-mode .kinbora-product-v103 :is(.kb190-zoom-button,.kb103-gallery-arrow,.kb103-thumb,.kb103-choice,.kb103-see-all):focus-visible {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 84%, var(--green) 16%) !important;
  border-color: var(--green) !important;
}
body.dark-mode .kinbora-product-v103 .kb194-zoom-cycle[aria-pressed="true"],
body.dark-mode .kinbora-product-v103 .kb103-thumb.is-active,
body.dark-mode .kinbora-product-v103 .kb103-thumb[aria-current="true"],
body.dark-mode .kinbora-product-v103 .kb103-choice.is-active {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 82%, var(--green) 18%) !important;
  border-color: var(--green) !important;
}
body.dark-mode .kinbora-product-v103 .kb103-dot:not(.is-active) { background: var(--kb-theme-text-muted) !important; }
body.dark-mode .kinbora-product-v103 :is(.kb103-rating-link,.kb103-price del,.kb103-overview-copy,.kb103-richtext,.kb103-spec-table span,.kb103-review-insight p,.kb103-review-text,.kb103-empty-review,.kb103-review-meta time,.kb103-service small) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb103-title,.kb103-price,.kb103-price ins,.kb103-service strong,.kb103-section-head h2,.kb103-review-meta strong,.kb103-spec-table strong,.kb189-service-details-head h3) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb190-zoom-button,.kb103-service-icon,.kb103-see-all) svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}
body.dark-mode .kinbora-product-v103 :is(.kb103-slide img,.kb103-thumb img,.kb103-avatar img) {
  filter: none !important;
}

/* Universal popup shell is an actual customer-facing modal. Its iframe/page
   content owns its own theme; only the shell is themed here. */
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-dialog,
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-head,
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-frame-wrap,
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-frame {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-title { color: var(--kb-theme-text) !important; }
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-subtitle { color: var(--kb-theme-text-muted) !important; }
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-close {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-close:hover,
body.dark-mode #kinboraUniversalPopup .kinbora-universal-popup-close:focus-visible {
  color: var(--temu-orange) !important;
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 88%, var(--temu-orange) 12%) !important;
}

/* 21–22. Cart and Checkout. Kinbora Commerce dynamic fragments inherit the global
   legacy commerce semantic block; these rules finish theme-owned nested controls. */
body.dark-mode #cart :is(.cart-item,.cart-footer) { border-color: var(--kb-theme-border) !important; }
body.dark-mode #cart :is(.cart-item-info h4,.cart-head h2,.cart-footer strong) { color: var(--kb-theme-text) !important; }
body.dark-mode #cart :is(.cart-item-info small,.empty) { color: var(--kb-theme-text-muted) !important; }
body.dark-mode #cart :is(.account-close,.signup-close,#closeCart) {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode #cart :is(.account-close,.signup-close,#closeCart):hover,
body.dark-mode #cart :is(.account-close,.signup-close,#closeCart):focus-visible {
  background: #ff4b2b !important;
  color: #fff !important;
}
body.dark-mode .kinbora_commerce-checkout :is(.kinbora_commerce-checkout-review-order,.kinbora_commerce-checkout-payment,.payment_box,.form-row,.select2-container--default .select2-selection--single) {
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora_commerce-checkout :is(label,.kinbora_commerce-Price-amount,.order-total,.cart-subtotal) { color: var(--kb-theme-text) !important; }
body.dark-mode .kinbora_commerce-checkout :is(.kinbora_commerce-input-wrapper,.payment_box p,.kinbora_commerce-privacy-policy-text) { color: var(--kb-theme-text-muted) !important; }

/* 23–24. Account/Support/Bora: preserve their canonical component token
   engines while ensuring dynamically inserted descendants inherit color. */
body.dark-mode.logged-in.kinbora_commerce-account .kb-account-content :is(svg,.kb-account-icon) {
  color: currentColor;
  stroke: currentColor;
}
body.dark-mode.logged-in.kinbora_commerce-account .kb-account-content :is(.kinbora_commerce-message,.kinbora_commerce-info,.kinbora_commerce-error,.kinbora_commerce-notices-wrapper > *) {
  background: var(--kb-account-surface) !important;
  color: var(--kb-account-ink) !important;
  border-color: var(--kb-account-line) !important;
}
body.dark-mode .kinbora-conversation :is(button,input,textarea,select) { color-scheme: dark; }

/* 25–28. Footer: trust/security/legal UI icons inherit white/light semantic
   text. Official logo, payment artwork and social/provider brand marks remain
   exempt and keep their approved brand treatment. */
body.dark-mode .kin-footer-area#kinboraReferenceFooter :is(.k-trust-icon,.k-sec-box,.k-legal-box,.k-footer-region-flag-box,.k-footer-language-box) {
  background: var(--kb-theme-surface-soft) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter :is(.k-brand-tag,.k-payment-note,.k-list a,.k-list span,.k-trust-text p) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter :is(.k-brand-sub,.k-col-title,.k-trust-text h4,.k-sec-box p,.k-legal-top-title,.k-copyright-text,.k-back-to-top) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-icon,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-icon[style] {
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-trust-icon svg,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-security-col .brand-svg,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-sec-box svg,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-legal-top .k-legal-box > svg,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-back-to-top svg {
  color: var(--kb-theme-text) !important;
  stroke: currentColor !important;
}
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-security-col .brand-svg { fill: none !important; }
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-legal-top .k-legal-box:hover,
body.dark-mode .kin-footer-area#kinboraReferenceFooter .k-legal-top .k-legal-box:focus-visible {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 84%, var(--temu-orange) 16%) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}

/* Footer Help/Legal modal is dynamically rendered from the footer template. */
body.dark-mode .kb-help-modal .kb-help-dialog,
body.dark-mode .kb-help-modal .kb-help-head,
body.dark-mode .kb-help-modal .kb-help-body,
body.dark-mode .kb-help-modal :is(.kb-information-page-header,.kb-help-card,.kb-help-steps section,.kb-help-timeline section,.kb-help-cookie-list section,.kb-help-note,.kb-help-quote,.kb-help-faq details,.kb-help-secondary,.kb-help-quick-links button) {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kb-help-modal .kb-help-head { background: var(--kb-theme-surface-deep) !important; }
body.dark-mode .kb-help-modal :is(.kb-information-page-header p,.kb-help-card p,.kb-help-steps p,.kb-help-timeline p,.kb-help-cookie-list p,.kb-help-note,.kb-help-quote,.kb-help-faq details p) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kb-help-modal :is(.kb-information-page-header h1,.kb-information-page-header h2,.kb-help-card h3,.kb-help-steps h3,.kb-help-timeline h3,.kb-help-faq summary,.kb-help-brand strong) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kb-help-modal .kb-help-close {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}

/* Shop Mega Menu: all actual panel/rail/stage states resolve from its existing
   per-component token contract; category UI glyphs become semantic currentColor. */
@media (min-width:960px) {
  body.dark-mode .kb-shop-mega :is(.kb-shop-mega-panel,.kb-shop-mega-rail,.kb-shop-mega-stage) {
    background: var(--kb-mega-surface) !important;
    color: var(--kb-mega-text) !important;
    border-color: var(--kb-mega-border) !important;
  }
  body.dark-mode .kb-shop-mega :is(.kb-shop-mega-rail-label,.kb-shop-mega-rail-arrow,.kb-shop-mega-card,.kb-shop-mega-card-label,.kb-shop-mega-showcase-head) {
    color: var(--kb-mega-text) !important;
  }
  body.dark-mode .kb-shop-mega .kb-shop-mega-rail-icon,
  body.dark-mode .kb-shop-mega .kb-shop-mega-rail-item:is(.is-active,:hover,:focus-visible) .kb-shop-mega-rail-icon {
    color: var(--kb-mega-text) !important;
    background: var(--kb-mega-icon-surface) !important;
  }
  body.dark-mode .kb-shop-mega .kb-shop-mega-rail-icon svg {
    fill: none !important;
    stroke: currentColor !important;
  }
  body.dark-mode .kb-shop-mega .kb-shop-mega-rail-item:is(.is-active,:hover,:focus-visible) {
    background: color-mix(in srgb, var(--kb-mega-surface) 82%, var(--green) 18%) !important;
    color: var(--kb-mega-text) !important;
  }
  body.dark-mode .kb-shop-mega .kb-shop-mega-card:is(:hover,:focus-visible) {
    background: var(--kb-theme-surface-soft) !important;
    color: var(--kb-mega-text) !important;
  }
}

/* Auth modal final semantic Dark Mode pass. Provider logos stay official; the
   modal chrome, fields, helper copy and controls inherit canonical tokens. */
body.dark-mode .kinbora-auth-wrapper .kinbora-modal,
body.dark-mode .kinbora-auth-wrapper .kinbora-content {
  background: var(--kb-theme-surface) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-modal::before,
body.dark-mode .kinbora-auth-wrapper .kinbora-modal::after {
  background: radial-gradient(circle at 35% 65%, var(--kb-theme-surface-soft) 0 54%, transparent 55% 100%) !important;
  opacity: .55 !important;
}
body.dark-mode .kinbora-auth-wrapper :is(.kinbora-header h2,.kinbora-form-group label,.kinbora-checkbox,.kinbora-tab) {
  color: var(--kb-theme-text) !important;
}
body.dark-mode .kinbora-auth-wrapper :is(.kinbora-header p,.kinbora-footer,.kinbora-divider,.kinbora-social-consent) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kinbora-auth-wrapper :is(.kinbora-input-wrapper,.kinbora-social-btn,.kinbora-close) {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-input-wrapper input {
  background: transparent !important;
  color: var(--kb-theme-text) !important;
  -webkit-text-fill-color: var(--kb-theme-text) !important;
  caret-color: var(--kb-theme-text) !important;
  color-scheme: dark;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-input-wrapper input::placeholder {
  color: var(--kb-theme-text-muted) !important;
  -webkit-text-fill-color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-input-wrapper :is(.left-icon,.eye-icon) {
  color: var(--kb-theme-text-muted) !important;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-input-wrapper :is(.left-icon,.eye-icon) svg {
  stroke: currentColor !important;
}
body.dark-mode .kinbora-auth-wrapper .kinbora-social-btn:hover,
body.dark-mode .kinbora-auth-wrapper .kinbora-social-btn:focus-visible,
body.dark-mode .kinbora-auth-wrapper .kinbora-close:hover,
body.dark-mode .kinbora-auth-wrapper .kinbora-close:focus-visible {
  background: color-mix(in srgb, var(--kb-theme-surface-soft) 84%, var(--green) 16%) !important;
  border-color: var(--kb-theme-border) !important;
}
body.dark-mode .account-dropdown.mobile-open .mobile-account-close {
  background: var(--kb-theme-surface-soft) !important;
  color: var(--kb-theme-text) !important;
  border-color: var(--kb-theme-border) !important;
}


/* =========================================================
   v1.4.218 — Single Product fixed zones + compact services + square gallery
   Scope is intentionally limited to the canonical Single Product renderer.
   ========================================================= */

.kb218-action-svg {
  width: 11px !important;
  height: 11px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
.kb179-toolbar-wishlist .kb218-heart-svg { fill: transparent !important; }
.kb179-toolbar-wishlist[aria-pressed="true"] .kb218-heart-svg,
.kb179-toolbar-wishlist.active .kb218-heart-svg,
.kb179-toolbar-wishlist [data-wishlist-svg="1"].is-active .kb218-heart-svg { fill: currentColor !important; }
.kb218-thumb-overflow img { filter: blur(1.35px) saturate(.88) !important; }
.kb218-thumb-overflow::after {
  content: "" !important; position: absolute !important; inset: 4px !important; z-index: 1 !important;
  border-radius: 10px !important; background: rgba(10,17,14,.32) !important; pointer-events: none !important;
}
.kb218-thumb-overflow .kb103-thumb-extra {
  z-index: 2 !important; background: rgba(10,17,14,.22) !important; font-size: 12px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.34) !important;
}

@media (min-width: 901px) {
  .kb103-buybox.kb218-fixed-zones {
    height: 480px !important; min-height: 480px !important; padding: 7px 14px !important;
    display: grid !important;
    grid-template-rows: clamp(93.72px, calc(9.72vw + 3px), 139.08px) 24px 58px 78px minmax(104px, 1fr) 58px !important;
    align-items: stretch !important; overflow: visible !important;
  }
  .kb218-zone { min-width: 0 !important; min-height: 0 !important; }
  .kb218-title-zone { overflow: hidden !important; }
  .kb218-title-zone .kb103-title {
    margin: 0 !important; display: -webkit-box !important; overflow: hidden !important; max-width: 100% !important;
    max-height: 3.24em !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important; text-overflow: ellipsis !important;
  }
  .kb218-rating-zone { display: flex !important; align-items: center !important; }
  .kb218-rating-zone .kb103-rating-row { width: 100% !important; margin: 0 !important; }
  .kb218-price-zone { display: flex !important; align-items: center !important; overflow: hidden !important; }
  .kb218-price-zone .kb103-price-row { width: 100% !important; margin: 0 !important; }
  .kb218-meta-zone {
    display: grid !important; grid-template-rows: 20px minmax(0,1fr) !important; align-content: stretch !important; overflow: hidden !important;
  }
  .kb218-meta-zone .kb103-stock { margin: 0 !important; align-self: center !important; }
  .kb218-meta-zone .kb106-quick-facts { margin: 2px 0 3px !important; align-self: stretch !important; }
  .kb218-meta-zone .kb106-fact { padding-top: 5px !important; padding-bottom: 5px !important; }
  .kb218-actions-zone { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; overflow: visible !important; }
  .kb218-actions-zone .kb103-options { width: 100% !important; margin: auto 0 0 !important; }
  .kb218-actions-zone .kb103-options form.variations_form {
    min-height: 100% !important; display: grid !important; grid-template-rows: minmax(0,1fr) auto !important; align-items: end !important;
  }
  .kb218-actions-zone .kb103-options form.variations_form > table.variations { grid-row: 1 !important; align-self: start !important; }
  .kb218-actions-zone .kb103-options form.variations_form > .single_variation_wrap { grid-row: 2 !important; align-self: end !important; }
  .kb218-trust-zone { display: flex !important; align-items: flex-end !important; overflow: hidden !important; }
  .kb218-trust-zone .kb179-trust-mini { width: 100% !important; margin: 0 !important; padding-top: 4px !important; }

  .kb103-service-strip { min-height: 48px !important; margin: 7px 0 !important; padding: 0 6px !important; }
  .kb103-service, .kb103-service[type="button"] { min-height: 46px !important; padding: 0 10px !important; gap: 8px !important; }
  .kb103-service-icon, .kb103-service .kb103-service-icon {
    width: 28px !important; height: 28px !important; flex: 0 0 28px !important; font-size: 14px !important;
  }
  .kb103-service strong { font-size: 10px !important; line-height: 1.12 !important; }
  .kb103-service small { margin-top: 1px !important; font-size: 7.5px !important; line-height: 1.12 !important; }
}

@media (max-width: 900px) {
  .kb103-buybox.kb218-fixed-zones { height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; }
  .kb218-title-zone .kb103-title {
    display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important;
  }
}

body.dark-mode .kinbora-product-v103 .kb218-thumb-overflow img { filter: blur(1.35px) saturate(.88) !important; }
body.dark-mode .kinbora-product-v103 .kb218-thumb-overflow .kb103-thumb-extra { color: #fff !important; }


/* =========================================================
   v1.4.219 — Mobile theme-toggle geometry + equal Product hero
   Historical Search styling from this release is intentionally retired by the
   canonical v1.4.221 Search contract below; no second Search visual system remains.
   ========================================================= */

/* Preserve only the approved mobile/tablet theme-toggle geometry from 1.4.219. */
@media (max-width:959px) {
  body:not(.kinbora-popup-document) header.glass-box {
    padding:8px 14px 8px !important;
    gap:4px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .right-nav { min-height:52px !important; }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference {
    display:inline-flex !important;
    top:26px !important;
    left:14px !important;
    width:48px !important;
    height:24px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-track {
    width:48px !important;
    height:24px !important;
    border-width:2px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-thumb {
    top:1px !important;
    right:1px !important;
    width:20px !important;
    height:20px !important;
  }
  body.dark-mode:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-thumb,
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference.is-dark .kb-ref-switch-thumb {
    right:auto !important;
    left:1px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-sun { width:13px !important; height:13px !important; }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-moon { width:12px !important; height:12px !important; }
}
@media (max-width:390px) {
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference {
    top:24px !important;
    left:11px !important;
    width:48px !important;
    height:24px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-track { width:48px !important; height:24px !important; }
  body:not(.kinbora-popup-document) header.glass-box > .kb-mobile-theme-reference .kb-ref-switch-thumb { width:20px !important; height:20px !important; }
}

/* Product desktop/laptop: exact 50/50 columns and one shared compact height.
   The media card fills its available stage and the information card retains
   its fixed logical content zones. */
@media (min-width:960px) {
  body.single-product .kinbora-product-v103 .kb103-hero {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  body.single-product .kinbora-product-v103 :is(.kb103-media-card,.kb103-buybox.kb218-fixed-zones) {
    width:100% !important;
    height:448px !important;
    min-height:448px !important;
    max-height:448px !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
  }
  body.single-product .kinbora-product-v103 .kb103-media-card {
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    overflow:hidden !important;
  }
  body.single-product .kinbora-product-v103 .kb103-stage {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
  }
  body.single-product .kinbora-product-v103 .kb103-buybox.kb218-fixed-zones {
    padding:7px 14px !important;
    grid-template-rows:86px 24px 42px 66px minmax(160px,1fr) 44px !important;
    overflow:hidden !important;
  }
  body.single-product .kinbora-product-v103 .kb218-title-zone .kb103-title {
    font-size:clamp(21px,1.8vw,25px) !important;
    line-height:1.12 !important;
    min-height:3.36em !important;
    max-height:3.36em !important;
  }
  body.single-product .kinbora-product-v103 .kb218-price-zone :is(.kb103-price,.price,.amount) {
    font-size:clamp(21px,1.8vw,25px) !important;
    line-height:1.12 !important;
  }
  body.single-product .kinbora-product-v103 .kb103-service-strip {
    min-height:38px !important;
    margin:7px 0 !important;
    padding:0 5px !important;
  }
  body.single-product .kinbora-product-v103 .kb103-service,
  body.single-product .kinbora-product-v103 .kb103-service[type="button"] {
    min-height:38px !important;
    padding:0 8px !important;
    gap:7px !important;
  }
  body.single-product .kinbora-product-v103 .kb103-service-icon {
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    font-size:12px !important;
    border-radius:8px !important;
  }
  body.single-product .kinbora-product-v103 .kb103-service strong { font-size:9.5px !important; line-height:1.1 !important; }
  body.single-product .kinbora-product-v103 .kb103-service small { margin-top:1px !important; font-size:7.2px !important; line-height:1.1 !important; }
}

/* 901–959 is still tablet layout: keep the approved stacked responsive mode. */
@media (min-width:901px) and (max-width:959px) {
  body.single-product .kinbora-product-v103 .kb103-hero { grid-template-columns:1fr !important; }
  body.single-product .kinbora-product-v103 :is(.kb103-media-card,.kb103-buybox.kb218-fixed-zones) {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  body.single-product .kinbora-product-v103 .kb103-buybox.kb218-fixed-zones {
    display:flex !important;
    flex-direction:column !important;
    overflow:visible !important;
  }
}


/* v1.4.220 — Canonical Kinbora auth recovery states.
   Uses the existing authentication semantic variables in both Light/Dark modes. */
#accountPanel button.kinbora-forgot,
#accountPanel .kinbora-auth-back {
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  font:inherit;
  cursor:pointer;
}
#accountPanel .kinbora-auth-secondary-form .kinbora-auth-back {
  display:block;
  margin:12px auto 0;
  color:var(--kb-auth-muted, var(--kb-theme-text-muted));
  text-align:center;
}
#accountPanel .kinbora-auth-message {
  min-height:20px;
  margin:4px 0 10px;
  color:var(--kb-auth-soft-text, var(--kb-theme-text-muted));
  font-size:13px;
  line-height:1.45;
}
#accountPanel .kinbora-tabs[hidden],
#accountPanel .kinbora-social-area[hidden],
#accountPanel .kinbora-footer[hidden],
#accountPanel .kinbora-auth-form[hidden] { display:none !important; }

/* =========================================================
   v1.4.221 — Canonical Search reference + Information header + Product Card geometry
   One Search component, one reusable information-page header, and one Product
   Card geometry contract. No product-ID/page-specific sizing patches.
   ========================================================= */

/* Search reference: neutral rounded shell, dedicated camera zone, centered input,
   circular search action. Orange is reserved for hover/focus/active interaction. */
body:not(.kinbora-popup-document) header.glass-box .search-container {
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(117,132,124,.24) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 5px 16px rgba(22,32,28,.055) !important;
  backdrop-filter:blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15) !important;
  transform:none !important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container:hover,
body:not(.kinbora-popup-document) header.glass-box .search-container:focus-within {
  border-color:rgba(255,102,0,.62) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 0 0 2px rgba(255,102,0,.14), 0 6px 18px rgba(22,32,28,.07) !important;
  transform:none !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn,
body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:var(--green) !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn {
  align-self:stretch !important;
  height:100% !important;
  border-right:1px solid rgba(23,107,80,.10) !important;
  border-radius:999px 0 0 999px !important;
  background:rgba(23,107,80,.055) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.54) !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
  align-self:center !important;
  flex:none !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 3px 10px rgba(22,32,28,.09), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container :is(#camBtn,.action-search-btn):hover,
body:not(.kinbora-popup-document) header.glass-box .search-container :is(#camBtn,.action-search-btn):focus-visible {
  color:var(--temu-orange) !important;
  outline:none !important;
  filter:none !important;
  transform:none !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn.is-active {
  color:var(--temu-orange) !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-container :is(.kb-search-camera-svg,.kb-search-submit-svg) {
  display:block !important;
  width:20px !important;
  height:20px !important;
  color:inherit !important;
  stroke:currentColor !important;
  fill:none !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-input,
body:not(.kinbora-popup-document) header.glass-box .search-input:focus,
body:not(.kinbora-popup-document) header.glass-box .search-input:focus-visible,
body:not(.kinbora-popup-document) header.glass-box .search-input:active {
  flex:1 1 auto !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 12px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:var(--ink) !important;
  -webkit-text-fill-color:var(--ink) !important;
  caret-color:var(--ink) !important;
  line-height:1.2 !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-input::placeholder {
  background:transparent !important;
  color:#8a9690 !important;
  -webkit-text-fill-color:#8a9690 !important;
  opacity:1 !important;
}
body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill,
body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:hover,
body:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--ink) !important;
  -webkit-box-shadow:0 0 0 1000px transparent inset !important;
  transition:background-color 9999s ease-out 0s !important;
}
@media (min-width:960px) {
  body:not(.kinbora-popup-document) header.glass-box .search-container {
    flex:0 0 400px !important;
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn {
    flex:0 0 54px !important;
    width:54px !important;
    min-width:54px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    margin-right:4px !important;
  }
}
@media (max-width:959px) {
  body:not(.kinbora-popup-document) header.glass-box .search-container {
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn {
    flex:0 0 58px !important;
    width:58px !important;
    min-width:58px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
    flex:0 0 36px !important;
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    margin-right:5px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-input { font-size:14px !important; }
}
@media (max-width:390px) {
  body:not(.kinbora-popup-document) header.glass-box .search-container {
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container #camBtn {
    flex-basis:52px !important;
    width:52px !important;
    min-width:52px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
    flex-basis:34px !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    margin-right:4px !important;
  }
  body:not(.kinbora-popup-document) header.glass-box .search-container :is(.kb-search-camera-svg,.kb-search-submit-svg) {
    width:18px !important;
    height:18px !important;
  }
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container {
  background:rgba(24,31,27,.88) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 5px 16px rgba(0,0,0,.18) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container:hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container:focus-within {
  background:rgba(24,31,27,.94) !important;
  border-color:rgba(255,102,0,.58) !important;
  box-shadow:0 0 0 2px rgba(255,102,0,.13), 0 6px 18px rgba(0,0,0,.20) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container #camBtn {
  background:var(--kb-theme-surface-soft) !important;
  border-right-color:var(--kb-theme-border) !important;
  color:var(--kb-theme-text) !important;
  box-shadow:none !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container .action-search-btn {
  background:var(--kb-theme-surface-soft) !important;
  color:var(--kb-theme-text) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.24) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container :is(#camBtn,.action-search-btn):hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container :is(#camBtn,.action-search-btn):focus-visible,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-container #camBtn.is-active {
  color:var(--temu-orange) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:focus,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:focus-visible,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:active {
  color:var(--kb-theme-text) !important;
  -webkit-text-fill-color:var(--kb-theme-text) !important;
  caret-color:var(--kb-theme-text) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input::placeholder {
  color:var(--kb-theme-text-muted) !important;
  -webkit-text-fill-color:var(--kb-theme-text-muted) !important;
}
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:hover,
body.dark-mode:not(.kinbora-popup-document) header.glass-box .search-input:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--kb-theme-text) !important;
}

/* One reusable information/policy page header. The body content remains the
   original page/template content and is never copied from Product data. */
.kb-information-page-header.kb-product-card-header-shell {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  background:#fff !important;
  border:1px solid #e0e9e4 !important;
  color:var(--ink) !important;
}
.kb-information-page-header.kb-product-card-header-shell :is(h1,h2) {
  color:#173b2e !important;
}
body.dark-mode .kb-information-page-header.kb-product-card-header-shell {
  background:var(--kb-theme-surface) !important;
  border-color:var(--kb-theme-border) !important;
  color:var(--kb-theme-text) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
}
body.dark-mode .kb-information-page-header.kb-product-card-header-shell :is(h1,h2) {
  color:var(--kb-theme-text) !important;
}
body.dark-mode .kb-information-page-header.kb-product-card-header-shell p {
  color:var(--kb-theme-text-muted) !important;
}
body.dark-mode .kb-information-page-header.kb-product-card-header-shell .kb-help-kicker {
  color:#7fd7b7 !important;
}

/* Canonical Product Card geometry. Every current/future card using the shared
   renderer inherits one image/title/meta/price-action zone model. */
.products { align-items:stretch; }
.kb-product-card {
  --kb-card-info-height:122px;
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  align-self:stretch !important;
  display:grid !important;
  grid-template-rows:auto var(--kb-card-info-height) !important;
  border-radius:15px !important;
  overflow:hidden !important;
}
.kb-product-card .kb-product-image-zone {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:15px 15px 0 0 !important;
  overflow:hidden !important;
}
.kb-product-card .product-image-link {
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:inherit !important;
}
.kb-product-card .product-image-link img,
.kb-product-card .kb-product-image-zone img,
.kb-product-card img.kinbora-product-image {
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:none !important;
}
.kb-product-card .kb-product-info-zones {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:var(--kb-card-info-height) !important;
  min-height:var(--kb-card-info-height) !important;
  max-height:var(--kb-card-info-height) !important;
  padding:10px 11px 11px !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) 18px 34px !important;
  gap:4px !important;
  align-content:stretch !important;
  overflow:hidden !important;
}
.kb-product-card .kb-product-title-zone {
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.kb-product-card .kb-product-title-zone h3 {
  margin:0 !important;
  min-width:0 !important;
  max-height:2.56em !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  overflow:hidden !important;
  white-space:normal !important;
  text-overflow:ellipsis !important;
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:650 !important;
}
.kb-product-card .kb-product-title-link {
  color:inherit !important;
  text-decoration:none !important;
}
.kb-product-card .kb-product-title-link:hover,
.kb-product-card .kb-product-title-link:focus-visible { color:var(--green) !important; }
.kb-product-card .kb-product-meta-zone {
  min-width:0 !important;
  min-height:18px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
.kb-product-card .kb-product-meta-zone .rating {
  margin:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
}
.kb-product-card .kb-product-bottom-zone {
  min-width:0 !important;
  min-height:34px !important;
  height:34px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:visible !important;
}
.kb-product-card .kb-product-bottom-zone .price {
  min-width:0 !important;
  max-width:calc(100% - 72px) !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
.kb-product-card .kb-product-bottom-zone .price::after { content:none !important; display:none !important; }
.kb-product-card .product-actions {
  min-width:70px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex:0 0 auto !important;
}
.kb-product-card .product-actions :is(.wishlist-btn-card,.add) {
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  flex:0 0 32px !important;
}
.kb193-related-grid { align-items:stretch !important; }
.kinbora-shop-shell ul.products {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
@media (min-width:901px) and (max-width:1199px) {
  .kinbora-shop-shell ul.products { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; }
}
@media (min-width:601px) and (max-width:900px) {
  .kb-product-card { --kb-card-info-height:114px; border-radius:14px !important; }
  .kb-product-card .kb-product-image-zone { border-radius:14px 14px 0 0 !important; }
  .kb-product-card .kb-product-info-zones { padding:10px !important; grid-template-rows:minmax(0,1fr) 17px 32px !important; }
  .kb-product-card .kb-product-title-zone h3 { font-size:12.5px !important; line-height:1.26 !important; max-height:2.52em !important; }
  .kb-product-card .kb-product-meta-zone { min-height:17px !important; height:17px !important; }
  .kb-product-card .kb-product-meta-zone .rating { font-size:10.5px !important; }
  .kb-product-card .kb-product-bottom-zone { min-height:32px !important; height:32px !important; }
  .kb-product-card .kb-product-bottom-zone .price { font-size:14px !important; }
  .kb-product-card .product-actions { min-width:66px !important; height:30px !important; gap:6px !important; }
  .kb-product-card .product-actions :is(.wishlist-btn-card,.add) { width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; flex-basis:30px !important; }
  .kinbora-shop-shell ul.products { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
}
@media (max-width:600px) {
  .kb-product-card { --kb-card-info-height:106px; border-radius:13px !important; }
  .kb-product-card .kb-product-image-zone { border-radius:13px 13px 0 0 !important; }
  .kb-product-card .kb-product-info-zones { padding:9px 9px 10px !important; grid-template-rows:minmax(0,1fr) 16px 30px !important; gap:3px !important; }
  .kb-product-card .kb-product-title-zone h3 { font-size:11.5px !important; line-height:1.25 !important; max-height:2.5em !important; }
  .kb-product-card .kb-product-meta-zone { min-height:16px !important; height:16px !important; }
  .kb-product-card .kb-product-meta-zone .rating { font-size:10px !important; }
  .kb-product-card .kb-product-bottom-zone { min-height:30px !important; height:30px !important; gap:5px !important; }
  .kb-product-card .kb-product-bottom-zone .price { max-width:calc(100% - 60px) !important; font-size:13px !important; }
  .kb-product-card .product-actions { min-width:58px !important; height:28px !important; gap:4px !important; }
  .kb-product-card .product-actions :is(.wishlist-btn-card,.add) { width:27px !important; height:27px !important; min-width:27px !important; min-height:27px !important; flex-basis:27px !important; font-size:16px !important; }
  .kinbora-shop-shell ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
}
body.dark-mode .kb-product-card {
  background:var(--kb-theme-surface) !important;
  color:var(--kb-theme-text) !important;
  border-color:var(--kb-theme-border) !important;
}
body.dark-mode .kb-product-card .kb-product-image-zone { background:var(--kb-theme-surface-deep) !important; }
body.dark-mode .kb-product-card .kb-product-info-zones { background:var(--kb-theme-surface) !important; color:var(--kb-theme-text) !important; }
body.dark-mode .kb-product-card .kb-product-title-zone :is(h3,a),
body.dark-mode .kb-product-card .kb-product-bottom-zone,
body.dark-mode .kb-product-card .kb-product-bottom-zone .price { color:var(--kb-theme-text) !important; }
body.dark-mode .kb-product-card .kb-product-meta-zone .rating { color:#ffb15e !important; }





/* ============================================================
   Kinbora 1.0.34 — CANONICAL NATIVE CART PAGE
   Real server-authoritative quantity/removal controls after mobile popup removal.
   ============================================================ */
.kb-native-cart-page { width: 100%; }
.kb-native-cart-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:0 0 20px; }
.kb-native-cart-heading h2 { margin:0; font-size:clamp(24px,3vw,34px); line-height:1.1; }
.kb-native-cart-heading > span { color:var(--kb-theme-text-muted,#68736c); font-size:13px; font-weight:700; }
.kb-native-cart-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:24px; align-items:start; }
.kb-native-cart-items { display:grid; gap:12px; }
.kb-native-cart-item { display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.kb-native-cart-media { display:grid; place-items:center; width:96px; height:96px; overflow:hidden; border-radius:14px; background:#f7f9f8; text-decoration:none; }
.kb-native-cart-media img { width:100%; height:100%; object-fit:contain; }
.kb-native-cart-copy { min-width:0; }
.kb-native-cart-title-row { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.kb-native-cart-title-row h3 { margin:0; font-size:15px; line-height:1.4; color:var(--ink); }
.kb-native-cart-title-row p { margin:4px 0 0; color:#68736c; font-size:12px; line-height:1.4; }
.kb-native-cart-title-row > strong { flex:0 0 auto; white-space:nowrap; font-size:15px; }
.kb-native-cart-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.kb-native-cart-qty { display:inline-flex; align-items:center; min-height:38px; overflow:hidden; border:1px solid var(--line); border-radius:999px; background:#fff; }
.kb-cart-action-form { display:inline-flex; margin:0; }
.kb-cart-action { border:0; background:transparent; font:inherit; cursor:pointer; }
.kb-cart-qty-button { display:grid; place-items:center; width:38px; height:38px; color:var(--ink); font-size:20px; font-weight:700; }
.kb-native-cart-qty > span { min-width:34px; text-align:center; font-size:13px; font-weight:800; }
.kb-cart-remove { padding:8px 4px; color:#b42318; font-size:12px; font-weight:800; }
.kb-cart-action:hover, .kb-cart-action:focus-visible { outline:none; color:var(--temu-orange); }
.kb-native-cart-summary { position:sticky; top:110px; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.kb-native-cart-summary h2 { margin:0 0 16px; font-size:18px; }
.kb-native-cart-total-row { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.kb-native-cart-checkout { display:flex !important; align-items:center; justify-content:center; width:100%; min-height:48px; margin-top:18px; border-radius:12px !important; text-decoration:none; }
.kb-cart-continue { display:block; margin-top:14px; color:var(--green); font-size:13px; font-weight:800; text-align:center; text-decoration:none; }
.kb-native-cart-empty { display:grid; justify-items:start; gap:12px; }
body.dark-mode .kb-native-cart-item,
body.dark-mode .kb-native-cart-summary,
body.dark-mode .kb-native-cart-qty { background:var(--kb-theme-surface); border-color:var(--kb-theme-border); color:var(--kb-theme-text); }
body.dark-mode .kb-native-cart-media { background:var(--kb-theme-surface-soft); }
body.dark-mode .kb-native-cart-title-row h3,
body.dark-mode .kb-cart-qty-button { color:var(--kb-theme-text); }
body.dark-mode .kb-native-cart-title-row p { color:var(--kb-theme-text-muted); }
@media (max-width: 900px) {
  .kb-native-cart-layout { grid-template-columns:1fr; }
  .kb-native-cart-summary { position:static; }
}
@media (max-width: 520px) {
  .kb-native-cart-item { grid-template-columns:76px minmax(0,1fr); gap:12px; padding:12px; border-radius:15px; }
  .kb-native-cart-media { width:76px; height:76px; border-radius:12px; }
  .kb-native-cart-title-row { gap:8px; }
  .kb-native-cart-controls { margin-top:10px; }
}



/* =========================================================
   Kinbora 1.0.36 — Dedicated Sign In / Sign Up page shell.
   The canonical auth card itself is unchanged; only the overlay shell is
   converted to a real page when /sign-in/ or /sign-up/ is requested.
   ========================================================= */
body.kinbora-auth-page { overflow-x: hidden; }
.kinbora-auth-page-main {
  min-height: calc(100dvh - 86px);
  display: grid;
  place-items: center;
  padding: 24px 16px 32px;
}
.kinbora-auth-page-stage { width: 100%; display: grid; place-items: center; }
body.kinbora-auth-page .kinbora-auth-wrapper,
body.kinbora-auth-page .kinbora-auth-wrapper.open {
  position: relative;
  inset: auto;
  z-index: auto;
  width: 100%;
  min-height: 0;
  display: grid;
  place-items: center;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
body.kinbora-auth-page .kinbora-modal,
body.kinbora-auth-page .kinbora-auth-wrapper.open .kinbora-modal {
  transform: none;
  margin: 0;
}
body.kinbora-auth-page #kinboraScrollBottomNav { display: none !important; }
body.kinbora-auth-page .kinbora-inline-link { text-decoration: none; }
@media (max-width: 600px) {
  .kinbora-auth-page-main { min-height: calc(100dvh - 70px); padding: 10px 10px 18px; align-items: start; }
  body.kinbora-auth-page .kinbora-auth-wrapper { align-items: start; padding: 0; }
  body.kinbora-auth-page .kinbora-modal {
    width: min(100%, 430px);
    max-height: none;
    overflow: visible;
    padding: 24px 18px 20px;
    border-radius: 24px;
  }
  body.kinbora-auth-page .kinbora-logo { width: 56px; height: 56px; margin-bottom: 5px; }
  body.kinbora-auth-page .kinbora-header { margin-bottom: 16px; }
  body.kinbora-auth-page .kinbora-header h2 { font-size: 23px; }
  body.kinbora-auth-page .kinbora-tabs { margin-bottom: 15px; }
  body.kinbora-auth-page .kinbora-form-group { margin-bottom: 10px; }
  body.kinbora-auth-page .kinbora-input-wrapper,
  body.kinbora-auth-page .kinbora-input-wrapper input { min-height: 46px; }
  body.kinbora-auth-page .kinbora-btn { min-height: 48px; }
  body.kinbora-auth-page .kinbora-footer { margin-top: 14px; }
  body.kinbora-auth-page .kinbora-social-area { margin-top: 12px; }
}

/* =========================================================
   Kinbora 1.0.45 — CANONICAL RESPONSIVE CHECKOUT
   One connected checkout system. Desktop/Laptop and Mobile/Tablet
   share business state while adapting layout intentionally.
   ========================================================= */
body.kinbora-auth-page .kin-footer-area,
body.kinbora-auth-page #kinboraReferenceFooter,
body.kinbora-auth-page .mobile-bottom-nav { display:none !important; }

.kinbora-native-checkout { width:100%; margin:0; color:var(--ink); }
.kinbora-native-checkout [hidden] { display:none !important; }
.kb-checkout-desktop-layout { width:100%; }
.kb-checkout-main-column { min-width:0; }
.kb-desktop-checkout-header,.kb-desktop-checkout-steps { display:none; }
.kb-mobile-stage-title { display:block; margin:18px 0 14px; }
.kb-mobile-stage-title h3 { margin:0 0 5px; color:var(--ink); font-size:20px; line-height:1.25; font-weight:900; }
.kb-mobile-stage-title p { margin:0; color:#68736c; font-size:12px; line-height:1.45; }
.kb-mobile-name-labels { display:none; }
.kb-mobile-checkout-shell { display:block; width:min(100%,980px); margin:0 auto; padding:10px 18px 16px; background:var(--kb-theme-surface,#fff); }
.kb-mobile-checkout-topbar { display:flex; align-items:center; justify-content:center; min-height:68px; }
.kb-mobile-checkout-brand { display:grid; place-items:center; width:70px; height:70px; }
.kb-mobile-checkout-brand img { width:64px; height:64px; object-fit:contain; }

/* Text-only clickable stages: no 1/2/3 serial labels. */
.kb-mobile-checkout-steps,.kb-desktop-checkout-steps { list-style:none; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; }
.kb-mobile-checkout-steps { display:grid; width:min(100%,650px); margin:4px auto 0; gap:8px; }
.kb-checkout-step-button,.kb-desktop-checkout-steps button { width:100%; min-height:38px; padding:7px 10px; border:0; border-bottom:2px solid #d9dcdf; background:transparent; color:#7b8580; font:800 13px/1.2 Inter,system-ui,sans-serif; cursor:pointer; }
.kb-mobile-checkout-steps li.is-active .kb-checkout-step-button,.kb-desktop-checkout-steps li.is-active button { color:#ff5a00; border-bottom-color:#ff5a00; }
.kb-mobile-checkout-steps li.is-complete .kb-checkout-step-button,.kb-desktop-checkout-steps li.is-complete button { color:#2b7f21; border-bottom-color:#2b7f21; }
.kb-checkout-step-button:focus-visible,.kb-desktop-checkout-steps button:focus-visible { outline:2px solid #ff5a00; outline-offset:3px; border-radius:7px; }

.kb-checkout-section { min-width:0; }
.kb-checkout-section-title { display:flex; align-items:flex-start; gap:10px; margin:0 0 14px; }
.kb-checkout-section-title > span,.kb-review-order-heading > span { flex:0 0 auto; display:grid; place-items:center; width:22px; height:22px; color:#ff5a00; }
.kb-checkout-section-title svg,.kb-review-order-heading svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.kb-checkout-section-title h3,.kb-review-order-heading h3 { margin:0; color:var(--ink); font-size:18px; line-height:1.25; font-weight:850; }
.kb-checkout-section-title p,.kb-review-order-heading p { margin:3px 0 0; color:#68736c; font-size:12px; line-height:1.45; }

.kb-checkout-shipping-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 14px; }
.kinbora-native-checkout .form-row { margin:0; min-width:0; }
.kinbora-native-checkout .form-row label,.kb-field-full-name > label { display:block; margin:0 0 6px; color:var(--ink); font-size:12px; font-weight:800; }
.kinbora-native-checkout .required { color:#ff5a00; }
.kinbora-native-checkout :is(input.input-text,select.input-select) { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--kb-theme-surface,#fff); color:var(--ink); font:inherit; font-size:13px; outline:0; }
.kinbora-native-checkout select.input-select { padding-right:42px; appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; }
.kinbora-native-checkout :is(input.input-text,select.input-select):focus { border-color:#ff6a16; box-shadow:0 0 0 3px rgba(255,90,0,.08); }
.kb-name-composite { display:grid; grid-template-columns:1fr 1fr; gap:10px; min-height:0; overflow:visible; border:0; border-radius:0; background:transparent; }
.kinbora-native-checkout .kb-name-composite input.input-text { min-height:48px; border:1px solid var(--line); border-radius:10px; background:var(--kb-theme-surface,#fff); box-shadow:none; }
.kinbora-native-checkout .kb-name-composite input.input-text:focus { border-color:#ff6a16; box-shadow:0 0 0 3px rgba(255,90,0,.08); }

/* Phone selector: the closed control is flag-only. Native option rows remain readable with flag + calling code + country. */
.kb-phone-composite { display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; }
.kb-phone-country-picker { position:relative; min-width:0; }
.kb-phone-country-picker select { box-sizing:border-box; width:100%; height:48px; border:1px solid var(--line); border-radius:12px; background:var(--kb-theme-surface,#fff); color:transparent; cursor:pointer; appearance:none; padding:0 30px 0 8px; outline:0; font-size:0; line-height:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; }
.kb-phone-country-picker select option { color:#17231d; background:#fff; font:500 14px/1.4 Inter,system-ui,sans-serif; }
.kb-phone-flag { pointer-events:none; position:absolute; z-index:2; left:18px; top:50%; transform:translateY(-50%); font-size:25px; line-height:1; }
.kb-phone-country-picker:focus-within select { border-color:#ff6a16; box-shadow:0 0 0 3px rgba(255,90,0,.08); }

.kb-field-country,.kb-field-full-name,.kb-field-phone,.kb-field-email { grid-column:1/-1; }
.kb-field-address1 { grid-column:1; }
.kb-field-address2 { grid-column:2; }
.kb-field-city { grid-column:1; }
.kb-field-postcode { grid-column:2; }
.kb-city-picker { display:grid; gap:8px; }
.kb-city-picker [hidden] { display:none !important; }

.kb-mobile-checkout-next { display:flex; width:100%; min-height:48px; margin-top:18px; padding:0 16px; align-items:center; justify-content:center; gap:10px; border:0; border-radius:10px; background:#ff5a00; color:#fff; font-weight:850; font-size:13px; cursor:pointer; }
.kb-mobile-checkout-next span { margin-left:auto; font-size:22px; font-weight:400; }
.kinbora-native-checkout #kinbora-stripe-payment-element { min-height:56px; margin-top:10px; }
.kinbora-native-checkout .kb-stripe-message { margin-top:9px; color:#9a3d00; font-size:12px; font-weight:700; line-height:1.4; }

.kb-checkout-order-summary { min-width:0; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--kb-theme-surface,#fff); }
.kb-review-order-heading { display:flex; align-items:flex-start; gap:10px; margin:0; }
.kb-order-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.kb-order-summary-heading h3 { margin:0; color:var(--ink); font-size:17px; font-weight:900; }
.kb-order-summary-heading a { color:#ff5a00; font-size:11px; font-weight:800; text-decoration:none; }
.kb-order-summary-products { display:grid; gap:0; }
.kb-order-summary-product { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.kb-order-summary-image { display:grid; place-items:center; width:64px; height:64px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:#fafbfa; }
.kb-order-summary-image img { width:100%; height:100%; object-fit:contain; }
.kb-order-summary-copy { min-width:0; display:grid; gap:4px; }
.kb-order-summary-copy strong { color:var(--ink); font-size:12px; line-height:1.35; }
.kb-order-summary-copy span { color:#647068; font-size:11px; line-height:1.3; }
.kb-order-summary-line-total { white-space:nowrap; color:var(--ink); font-size:12px; }
.kb-order-summary-totals { display:grid; gap:9px; padding:18px 0; border-bottom:1px solid var(--line); }
.kb-order-summary-totals > div { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; color:#536159; font-size:12px; }
.kb-order-summary-totals strong { color:var(--ink); font-weight:750; white-space:nowrap; }
.kb-order-summary-totals .is-free,.kb-order-summary-totals .kb-summary-discount strong { color:#159447; }
.kb-order-summary-totals .kb-summary-total { padding-top:6px; color:var(--ink); font-size:15px; font-weight:850; }
.kb-summary-total span { display:grid; gap:2px; }.kb-summary-total small { color:#6d7771; font-size:10px; font-weight:500; }.kb-summary-total strong { color:#ff5a00; font-size:19px; font-weight:950; }
.kb-sourced-panel { display:flex; gap:10px; margin:18px 0; padding:13px; border-radius:9px; background:#f1fbf1; color:#526158; }
.kb-sourced-icon { color:#2a9e45; font-size:20px; line-height:1; }.kb-sourced-panel strong { display:block; color:#23873a; font-size:11px; }.kb-sourced-panel p { margin:5px 0 0; font-size:11px; line-height:1.45; }
.kb-checkout-place-order { display:grid; gap:12px; }
.kinbora-native-checkout #kinbora-stripe-submit { width:100%; min-height:50px; padding:0 16px; border:0; border-radius:9px; background:#ff5a00; color:#fff; font-size:14px; font-weight:900; cursor:pointer; }
.kinbora-native-checkout #kinbora-stripe-submit:disabled { opacity:.58; cursor:not-allowed; }
.kb-place-order-lock { display:inline-grid; width:16px; height:16px; place-items:center; vertical-align:-3px; margin-right:5px; }
.kb-place-order-lock svg { display:block; width:16px !important; height:16px !important; max-width:16px !important; max-height:16px !important; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.kb-checkout-terms { color:#68736c; font-size:10px; line-height:1.5; text-align:center; }.kb-checkout-terms a { color:#ff5a00; font-weight:750; text-decoration:none; }

body.dark-mode .kinbora-native-checkout { color:var(--kb-theme-text); }
body.dark-mode .kb-checkout-section,body.dark-mode .kb-checkout-order-summary,body.dark-mode .kb-mobile-checkout-shell,body.dark-mode .kinbora-native-checkout :is(input.input-text,select.input-select),body.dark-mode .kb-phone-country-picker select { background:var(--kb-theme-surface); border-color:var(--kb-theme-border); color:var(--kb-theme-text); }
body.dark-mode .kb-phone-country-picker select { color:transparent; }
body.dark-mode .kb-phone-country-picker select option { color:var(--kb-theme-text); background:var(--kb-theme-surface); }
body.dark-mode .kb-checkout-section-title h3,body.dark-mode .kb-review-order-heading h3,body.dark-mode .kb-order-summary-heading h3,body.dark-mode .kb-order-summary-copy strong,body.dark-mode .kb-order-summary-line-total,body.dark-mode .kinbora-native-checkout .form-row label,body.dark-mode .kb-field-full-name > label { color:var(--kb-theme-text); }
body.dark-mode .kb-checkout-section-title p,body.dark-mode .kb-review-order-heading p,body.dark-mode .kb-order-summary-copy span,body.dark-mode .kb-checkout-terms { color:var(--kb-theme-text-muted); }
body.dark-mode .kb-order-summary-product,body.dark-mode .kb-order-summary-totals,body.dark-mode .kb-review-order-heading { border-color:var(--kb-theme-border); }

@media (max-width:1023px) {
  body.kinbora-native-checkout-page .kin-footer-area,body.kinbora-native-checkout-page #kinboraReferenceFooter { display:none !important; }
  .kinbora-native-checkout { max-width:980px; margin:0 auto; background:var(--kb-theme-surface,#fff); }
  .kb-checkout-desktop-layout { display:block; width:100%; max-width:820px; margin:0 auto; padding:0 24px 24px; }
  .kb-checkout-main-column { display:block; }
  .kb-checkout-section { padding:0; border:0; background:transparent; box-shadow:none; }
  .kb-checkout-section-title { display:none; }
  .kb-checkout-shipping-grid { grid-template-columns:1fr 1fr; }
  .kb-field-country,.kb-field-full-name,.kb-field-phone,.kb-field-email,.kb-field-address1,.kb-field-address2 { grid-column:1/-1; }
  .kb-field-city { grid-column:1; }.kb-field-postcode { grid-column:2; }
  .kb-mobile-name-labels { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 5px; color:var(--ink); font-size:11px; font-weight:800; }
  .kb-field-full-name > label { display:block; }
  .kb-checkout-order-summary { display:none; margin-top:18px; }
  .kinbora-native-checkout[data-kb-stage="review"] .kb-checkout-order-summary { display:block; }
  .kb-order-summary-image { width:56px; height:56px; }
  .kb-order-summary-product { grid-template-columns:56px minmax(0,1fr) auto; gap:10px; }
  .kb-sourced-panel { display:none; }
  .kb-checkout-payment #payment { padding:0; }
}

@media (max-width:600px) {
  .kb-mobile-checkout-shell { padding:5px 12px 12px; }
  .kb-mobile-checkout-topbar { min-height:62px; }.kb-mobile-checkout-brand { width:62px; height:62px; }.kb-mobile-checkout-brand img { width:56px; height:56px; }
  .kb-mobile-checkout-steps { gap:5px; }.kb-checkout-step-button { min-height:34px; padding:6px 4px; font-size:11px; }
  .kb-checkout-desktop-layout { padding:0 14px 16px; }
  .kb-checkout-shipping-grid { grid-template-columns:1fr; gap:10px; }
  .kb-field-country,.kb-field-full-name,.kb-field-phone,.kb-field-email,.kb-field-address1,.kb-field-address2,.kb-field-city,.kb-field-postcode { grid-column:1/-1; }
  .kinbora-native-checkout .form-row label,.kb-field-full-name > label { margin-bottom:5px; font-size:11px; }
  .kinbora-native-checkout :is(input.input-text,select.input-select) { min-height:44px; padding:9px 10px; border-radius:8px; font-size:12px; }
  .kb-name-composite { min-height:0; gap:8px; }.kinbora-native-checkout .kb-name-composite input.input-text { min-height:44px; border-radius:8px; }
  .kb-phone-composite { grid-template-columns:82px minmax(0,1fr); gap:8px; }.kb-phone-country-picker select { height:44px; border-radius:10px; }.kb-phone-flag { left:16px; font-size:23px; }
  .kb-mobile-checkout-next { min-height:46px; margin-top:17px; border-radius:8px; font-size:12px; }
  .kb-checkout-order-summary { padding:14px; border-radius:11px; }
  .kb-review-order-heading h3 { font-size:17px; }.kb-order-summary-heading h3 { font-size:15px; }
  .kinbora-native-checkout #kinbora-stripe-submit { min-height:48px; font-size:12px; }
  .kb-place-order-lock,.kb-place-order-lock svg { width:15px !important; height:15px !important; max-width:15px !important; max-height:15px !important; }
}

@media (min-width:1024px) {
  body.kinbora-native-checkout-page main#primary.wrap { width:min(100% - 44px,1480px); max-width:none; margin-inline:auto; padding-inline:0; }
  body.kinbora-native-checkout-page main#primary > article.glass-box { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
  body.kinbora-native-checkout-page main#primary > article.glass-box > h1 { display:none; }
  .kb-mobile-checkout-shell,.kb-mobile-stage-title,.kb-mobile-name-labels { display:none; }
  .kb-checkout-desktop-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,390px); gap:44px; align-items:start; }
  .kb-checkout-main-column { display:grid; gap:14px; }
  .kb-desktop-checkout-header { display:flex; align-items:flex-start; gap:14px; margin:0 0 4px; }
  .kb-checkout-header-icon { display:grid; place-items:center; flex:0 0 50px; width:50px; height:50px; border-radius:50%; background:#fff1e9; color:#ff5a00; }
  .kb-checkout-header-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .kb-desktop-checkout-header h2 { margin:0; color:#0f2340; font-size:22px; line-height:1.2; font-weight:950; }.kb-desktop-checkout-header p { margin:5px 0 0; color:#4f6178; font-size:12px; }
  .kb-desktop-checkout-steps { display:grid; width:100%; margin:2px 0 8px; gap:10px; }
  .kb-checkout-section { padding:18px 22px; border:1px solid #e5e8eb; border-radius:10px; background:var(--kb-theme-surface,#fff); box-shadow:0 1px 2px rgba(15,35,64,.02); }
  .kb-checkout-section-title h3 { font-size:14px; color:#0f2340; }.kb-checkout-section-title p { font-size:11px; }
  .kb-checkout-shipping-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; }
  .kb-field-country,.kb-field-full-name,.kb-field-phone,.kb-field-email { grid-column:1/-1; }
  .kb-field-address1 { grid-column:1; }.kb-field-address2 { grid-column:2; }.kb-field-city { grid-column:1; }.kb-field-postcode { grid-column:2; }
  .kinbora-native-checkout :is(input.input-text,select.input-select) { min-height:42px; border-radius:7px; }.kinbora-native-checkout .kb-name-composite input.input-text { min-height:42px; border-radius:7px; }
  .kinbora-native-checkout :is(input.input-text,select.input-select) { padding:8px 10px; font-size:12px; }.kinbora-native-checkout .form-row label,.kb-field-full-name > label { margin-bottom:5px; font-size:11px; }
  .kb-phone-country-picker select { height:42px; border-radius:9px; }.kb-phone-flag { left:16px; font-size:22px; }
  .kb-mobile-checkout-next { display:none; }
  .kb-checkout-payment #payment { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
  .kinbora-native-checkout #kinbora-stripe-payment-element { min-height:0; margin-top:0; }.kinbora-native-checkout #kinbora-stripe-payment-element:empty { display:none; }
  .kb-checkout-order-summary { position:sticky; top:104px; padding:22px; border-radius:11px; box-shadow:0 8px 30px rgba(15,35,64,.035); }
  .kb-review-order-heading h3,.kb-order-summary-heading h3 { color:#0f2340; font-size:16px; }
  .kb-order-summary-product { grid-template-columns:72px minmax(0,1fr) auto; gap:14px; padding:14px 0; }.kb-order-summary-image { width:72px; height:72px; }
  .kb-order-summary-totals { gap:10px; padding:20px 0; }.kb-sourced-panel { margin:20px 0; padding:15px; }
  body.kinbora-native-checkout-page .kinbora-conversation { display:none !important; }
  body.dark-mode .kb-desktop-checkout-header h2,body.dark-mode .kb-checkout-section-title h3,body.dark-mode .kb-review-order-heading h3,body.dark-mode .kb-order-summary-heading h3 { color:var(--kb-theme-text); }
}
@media (min-width:1366px) { .kb-checkout-desktop-layout { grid-template-columns:minmax(0,1fr) minmax(350px,405px); gap:50px; } }
@media (min-width:1600px) { body.kinbora-native-checkout-page main#primary.wrap { width:min(100% - 72px,1530px); }.kb-checkout-desktop-layout { grid-template-columns:minmax(0,1fr) 420px; gap:58px; } }


/* =========================================================
   Kinbora 1.0.51 — Progressive reveal + 12-product See More
   ========================================================= */
#productList { contain: layout style; }
.kb-product-card.is-kb-revealed,
main > section.is-kb-revealed { will-change: auto; }
.kb-see-more-wrap {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 8px;
  margin: 26px 0 14px;
  min-height: 50px;
}
.kb-see-more-wrap[hidden] { display: none !important; }
.kb-see-more-button {
  position: relative;
  isolation: isolate;
  min-width: 132px;
  min-height: 42px;
  padding: 10px 22px;
  border: 1px solid var(--kb-theme-border);
  border-radius: 999px;
  background: var(--kb-theme-surface);
  color: var(--kb-theme-text);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(22, 32, 28, .08);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.kb-see-more-button::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: -3px;
  padding: 2px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, transparent 0 64%, var(--temu-orange) 78%, rgba(255,102,0,.28) 90%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: kb-see-more-ring 3.2s linear infinite;
}
.kb-see-more-button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(22, 32, 28, .12); }
.kb-see-more-button:active:not(:disabled) { transform: translateY(0); }
.kb-see-more-button:focus-visible { outline: 3px solid rgba(255,102,0,.22); outline-offset: 4px; }
.kb-see-more-button:disabled { cursor: wait; opacity: .68; }
.kb-see-more-status { min-height: 16px; color: var(--kb-theme-text-muted); font-size: 11px; text-align: center; }
body.dark-mode .kb-see-more-button { background: var(--kb-theme-surface); color: var(--kb-theme-text); border-color: var(--kb-theme-border); }
@keyframes kb-see-more-ring { to { transform: rotate(1turn); } }
@media (max-width: 600px) {
  .kb-see-more-wrap { margin-top: 20px; }
  .kb-see-more-button { min-width: 122px; min-height: 40px; padding: 9px 18px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .kb-see-more-button::before { animation: none; }
  .kb-see-more-button { transition: none; }
}