/* AMBIENT-LIGHT-02: presentation only, HOME; loaded only on theme.
   Remove the conditional link in head.tpl to restore the original appearance.
   Scoped spacing refinements; no commercial behavior or image processing. */
/* Shared palette only; all HOME presentation below remains scoped to #index. */
body:is(#index, #category, #search, #product, #module-leoproductsearch-productsearch) {
  --lkkb-ambient-base: #e9e5eb;
  --lkkb-ambient-rose: #f0e3e9;
  --lkkb-ambient-lavender: #e6e0eb;
  --lkkb-ambient-plum: #dcd4e0;
  --lkkb-ambient-card: #f8f6f8;
  --lkkb-ambient-text: #27242b;
  --lkkb-ambient-focus: #63294f;
}

body#index {
  color: var(--lkkb-ambient-text);
  background-color: var(--lkkb-ambient-base);
  background-image:
    radial-gradient(ellipse 85% 1100px at 0 0, rgba(204, 156, 171, .26), transparent 80%),
    radial-gradient(ellipse 95% 1400px at 100% 28%, rgba(174, 155, 193, .30), transparent 80%),
    radial-gradient(ellipse 100% 1200px at 0 65%, rgba(212, 177, 183, .26), transparent 80%),
    radial-gradient(ellipse 90% 1100px at 100% 100%, rgba(182, 170, 194, .28), transparent 80%);
}

body#index #header,
body#index #header .cus-sticky {
  background-color: var(--lkkb-ambient-base);
  background-image:
    radial-gradient(ellipse at 0 0, rgba(204, 156, 171, .23), transparent 85%),
    radial-gradient(ellipse at 100% 100%, rgba(174, 155, 193, .20), transparent 85%);
}

body#index #header .box-voganav2::before {
  background-color: transparent;
}

/* White frame: leosearch.css:93-96 sets #fff on this outer block.
   Its extra 40px of padding comes from profile1860451150.css:376-377.
   Keep the existing inner black field and brand gradient unchanged. */
body#index #header #leo_search_block_top {
  background-color: transparent;
  padding-block: 0;
  margin-block: 8px;
}

@media (min-width: 1280px) {
  body#index #header .box-vogatop2 .h-logo,
  body#index #header .box-vogatop2 .popup-over > a.popup-title,
  body#index #header .box-vogatop2 .wislish-button > a.ap-btn-wishlist,
  body#index #header .box-vogatop2 .blockcart > .header,
  body#index #header .box-vogatop2 .userinfo-selector > button.popup-title {
    height: 68px;
    line-height: 68px;
  }
}

/* The page background remains visible through existing transparent rows,
   including the spaces around original banners and category photographs. */
body#index #wrapper,
body#index #content.page-home {
  background-color: transparent;
}

body#index #content .thumbnail-container {
  background-color: var(--lkkb-ambient-card);
}

/* Preserve the reserved image area, object-fit:contain and full titles.
   Compact duplicated title/empty-description gaps rather than crop garments. */
body#index #content .products_block.appagebuilder .product-meta {
  padding: 14px;
}

body#index #content .products_block.appagebuilder .product-title {
  padding-bottom: 0;
  margin-bottom: 8px;
  line-height: 1.4;
}

body#index #content .products_block.appagebuilder .product-price-and-shipping {
  margin-bottom: 6px;
}

body#index #content .products_block.appagebuilder .product-description-short:empty {
  margin: 0;
}

body#index #content .products_block.appagebuilder .button-container.cart > a.btn-product {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body#index #footer {
  background-color: var(--lkkb-ambient-base);
  background-image:
    radial-gradient(ellipse 100% 800px at 100% 100%, rgba(182, 160, 190, .26), transparent 85%);
}

body#index #footer .box-nomreview {
  background-color: rgba(248, 246, 248, .28);
}

body#index #footer :where(p, li, li a, strong) {
  color: #514b58;
}

body#index :where(#header a, #header button, #content a, #content button, #footer a, #footer button):focus-visible,
body#index #header #leo_search_top_button:focus-visible {
  /* theme.css .btn:focus removes outlines with !important. */
  outline: 2px solid var(--lkkb-ambient-focus) !important;
  outline-offset: 3px;
}