/* LUNASHOP24 – LIGHT Premium (Rose‑Gold Accent • Serif Headlines) v115
   Ziel: Premium + clean, nicht „seltsam schwebend“.
   Fokus: Productcards, Pagination, Footer/Sidebar Boxen, Abstände.
   Asset-Pfad: /media/image/luna/luna.css
*/

:root{
  --luna-bg:#f6f5f7;
  --luna-bg2:#ffffff;
  --luna-fg:#15131a;
  --luna-muted:#5f5b68;

  --luna-accent:#D7A6A1;
  --luna-accent2:#B7837E;

  --luna-radius:18px;
  --luna-border: rgba(20,18,25,.10);
  --luna-border-strong: rgba(183,131,126,.22);

  /* shadows – very subtle */
  --luna-shadow-soft: 0 6px 18px rgba(0,0,0,.06);
  --luna-shadow-card: 0 10px 26px rgba(0,0,0,.08);
}

html, body{ background: var(--luna-bg) !important; }
body{
  background:
    radial-gradient(900px 500px at 18% -10%, rgba(215,166,161,.16), transparent 55%),
    radial-gradient(700px 450px at 82% 0%, rgba(215,166,161,.08), transparent 55%),
    linear-gradient(180deg, var(--luna-bg), var(--luna-bg2)) !important;
  color: var(--luna-fg);
}

/* Typography */
body, button, input, select, textarea{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--luna-fg);
}
h1,h2,h3{
  font-family: ui-serif, "Georgia", "Times New Roman", Times, serif !important;
  letter-spacing: .18px;
  color: var(--luna-fg);
}
a{ text-decoration:none; }
a:hover{ color: var(--luna-accent2); }

/* Header */
header, .header, #header, .header-main, .navbar{
  background: rgba(255,255,255,.84) !important;
  border-bottom: 1px solid rgba(20,18,25,.10) !important;
  backdrop-filter: blur(10px);
}
header a, .header a, #header a, .navbar a{ color: var(--luna-fg) !important; }
header a:hover, .header a:hover, #header a:hover, .navbar a:hover{ color: var(--luna-accent2) !important; }

/* Global surfaces: keep clean white, not too "puffy" */
.card, .panel, .box, .dropdown-menu, .popover, .modal-content{
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--luna-border) !important;
  border-radius: var(--luna-radius) !important;
  box-shadow: var(--luna-shadow-soft) !important;
}

/* Sidebar category box: flatter (premium = calm) */
#sidebar .box, .sidebar .box, .box.box-categories, .box-categories{
  box-shadow: none !important;
  border-color: rgba(20,18,25,.09) !important;
}

/* Product cards: crisp, premium, consistent */
.productbox, .productbox-inner, .productlist-item, .product-list-item{
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(20,18,25,.10) !important;
  border-radius: var(--luna-radius) !important;
  box-shadow: var(--luna-shadow-card) !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.productbox:hover, .productbox-inner:hover, .productlist-item:hover, .product-list-item:hover{
  transform: translateY(-2px);
  border-color: var(--luna-border-strong) !important;
  box-shadow: 0 0 0 1px rgba(215,166,161,.18), 0 14px 34px rgba(0,0,0,.10) !important;
}

/* product image area: give breathing room */
.productbox .image, .productbox .product-image, .productbox .productbox-image,
.productlist-item .image, .productlist-item .product-image{
  background: #fff !important;
  padding: 10px !important;
}
.productbox img, .productlist-item img{
  border-radius: 14px !important;
}

/* Titles / price */
.product-title, .productbox-title, .productbox .title, .productlist-item .title, .productbox a{
  color: var(--luna-fg) !important;
  font-weight: 700;
}
.price, .product-price, .price_value, .price-label{
  font-weight: 900 !important;
  color: var(--luna-fg) !important;
}

/* Buttons */
.btn-primary, .btn.btn-primary, input[type="submit"].btn-primary, button.btn-primary{
  background: linear-gradient(135deg, var(--luna-accent), var(--luna-accent2)) !important;
  border-color: rgba(183,131,126,.55) !important;
  color: #15131a !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(183,131,126,.14) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.btn-primary:hover, .btn.btn-primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 0 0 1px rgba(215,166,161,.22), 0 14px 30px rgba(183,131,126,.18) !important;
}
.btn-outline-primary, .btn.btn-outline-primary{
  border-radius: 999px !important;
  border-color: rgba(183,131,126,.45) !important;
  color: var(--luna-fg) !important;
}
.btn-outline-primary:hover, .btn.btn-outline-primary:hover{
  background: rgba(215,166,161,.12) !important;
}

/* Pagination: make it look intentional */
.pagination, .page-item .page-link{
  border-radius: 999px !important;
}
.page-item.active .page-link{
  background: rgba(215,166,161,.35) !important;
  border-color: rgba(183,131,126,.45) !important;
  color: var(--luna-fg) !important;
}

/* Footer: remove floating cards look; make clean columns */
footer, .footer, #footer, .footer-wrapper, .footer-main, .footer-bottom{
  background: rgba(255,255,255,.90) !important;
  border-top: 1px solid rgba(20,18,25,.10) !important;
  color: var(--luna-fg) !important;
}
/* Many NOVA footers render link-boxes as cards; flatten them */
footer .box, .footer .box, #footer .box, footer .card, .footer .card{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
footer a, .footer a{ color: var(--luna-muted) !important; }
footer a:hover, .footer a:hover{ color: var(--luna-fg) !important; }

/* Forms */
input, select, textarea, .form-control, .custom-select{
  background: rgba(255,255,255,.98) !important;
  border-color: rgba(20,18,25,.14) !important;
  color: var(--luna-fg) !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus, .custom-select:focus{
  border-color: rgba(183,131,126,.55) !important;
  box-shadow: 0 0 0 3px rgba(215,166,161,.16) !important;
}

/* ===== Homepage components from v114: keep but tighten ===== */
.luna-home{ margin-top: 18px; }
.luna-hero{
  position: relative;
  overflow: hidden;
  padding: 26px 26px;
}
.luna-hero__inner{ position: relative; z-index: 2; max-width: 760px; }
.luna-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 800;
  color: var(--luna-muted);
  border: 1px solid rgba(20,18,25,.10);
  background: rgba(255,255,255,.78);
  border-radius: 999px;
  padding: 8px 12px;
}
.luna-hero__title{ margin: 14px 0 10px 0; font-size: 34px; line-height: 1.05; }
.luna-hero__sub{ margin: 0; color: var(--luna-muted); font-size: 15px; line-height: 1.55; }
.luna-hero__cta{ margin-top: 16px; display:flex; gap:10px; flex-wrap:wrap; }

.luna-hero__art{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(520px 320px at 78% 30%, rgba(215,166,161,.18), transparent 60%),
    radial-gradient(520px 340px at 92% 70%, rgba(183,131,126,.12), transparent 62%);
}
.luna-hero__ring{
  position:absolute; right:-120px; top:-90px;
  width: 420px; height: 420px; border-radius: 999px;
  border: 2px solid rgba(183,131,126,.22);
  box-shadow: 0 0 0 18px rgba(215,166,161,.06);
}

.luna-benefits{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.luna-benefit{
  display:flex;
  gap: 12px;
  padding: 16px 16px;
  align-items:center;
}
.luna-benefit__icon{ font-size: 20px; }
.luna-benefit__title{ font-weight: 900; }
.luna-benefit__sub{ color: var(--luna-muted); font-size: 13px; }

.luna-section-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin-bottom: 12px;
}
.luna-section-title{ font-weight: 900; }
.luna-section-sub{ color: var(--luna-muted); font-size: 13px; }

.luna-catgrid{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.luna-cat{
  padding: 16px 16px;
  min-height: 92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.luna-cat__title{ font-weight: 900; }
.luna-cat__sub{ color: var(--luna-muted); font-size: 13px; margin-top: 4px; }
.luna-cat:hover{
  transform: translateY(-1px);
  border-color: rgba(183,131,126,.28) !important;
  box-shadow: 0 0 0 1px rgba(215,166,161,.16), var(--luna-shadow-soft) !important;
}

@media (max-width: 1200px){
  .luna-catgrid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px){
  .luna-benefits{ grid-template-columns: 1fr; }
  .luna-hero__title{ font-size: 28px; }
  .luna-hero{ padding: 20px; }
}


/* ===== v119: Fix broken product images by NOT touching sizing/cropping =====
   We only force visibility (opacity) and keep NOVA's original image layout rules.
*/

/* Force images visible (but don't change object-fit/size) */
.productbox img,
.productlist-item img,
body.luna-home .opc-ProductStream-gallery .productbox .image img,
body.luna-home .opc-ProductStream-gallery .productbox .product-image img,
.productbox .productbox-image img{
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Remove hover fade */
.productbox:hover img,
.productlist-item:hover img{ opacity: 1 !important; }

/* DO NOT override image container padding/height/object-fit anymore (this broke layout in v118) */

/* Homepage blocks ~50% smaller (kept) */
.luna-hero{ padding: 16px 18px !important; }
.luna-hero__title{ font-size: 24px !important; }
.luna-hero__sub{ font-size: 13px !important; }
.luna-hero__cta{ margin-top: 12px !important; }
.luna-hero__ring{
  width: 220px !important;
  height: 220px !important;
  right: -50px !important;
  top: -35px !important;
}
.luna-benefits{ gap: 10px !important; }
.luna-benefit{ padding: 10px 12px !important; }
.luna-benefit__title{ font-size: 13px !important; }
.luna-benefit__sub{ font-size: 12px !important; }

/* Categories: 1x6 row desktop */
.luna-catgrid{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.luna-cat{
  min-height: 58px !important;
  padding: 10px 12px !important;
  flex: 1 1 calc(16.666% - 10px) !important;
}
.luna-cat__title{ font-size: 13px !important; }
.luna-cat__sub{ font-size: 12px !important; }

@media (max-width: 1200px){
  .luna-cat{ flex: 1 1 calc(33.333% - 10px) !important; }
}
@media (max-width: 820px){
  .luna-cat{ flex: 1 1 calc(50% - 10px) !important; }
}
@media (max-width: 520px){
  .luna-cat{ flex: 1 1 100% !important; }
}


/* ===== v120: Mobile header fixes + boutique product card refinements ===== */

/* --- Mobile header: ensure logo + burger + icons are visible --- */
@media (max-width: 991.98px){
  /* Logo always visible */
  .navbar-brand, .brand, .logo, #logo, header .navbar-brand{
    display: flex !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 70vw !important;
  }
  .navbar-brand img, .brand img, #logo img, header .navbar-brand img{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Burger / menu button visible */
  .navbar-toggler, button.navbar-toggler{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: 1px solid rgba(20,18,25,.18) !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    background: rgba(255,255,255,.92) !important;
  }

  /* Icons (search/user/cart) visible on light header */
  header .nav-link, header a, header button,
  .navbar .nav-link, .navbar a, .navbar button{
    color: #15131a !important;
  }
  header svg, .navbar svg{
    fill: #15131a !important;
    color: #15131a !important;
    opacity: 1 !important;
  }

  /* Offcanvas/menu overlay should be above everything */
  .offcanvas, .offcanvas-backdrop, .mm-menu, .navbar-collapse{
    z-index: 11000 !important;
  }
}

/* --- Boutique product cards (layout only; do NOT touch image sizing/cropping) --- */
.productbox, .productbox-inner, .productlist-item, .product-list-item{
  border-radius: 18px !important;
}
/* Title: nicer rhythm + clamp */
.productbox .product-title, .productbox-title, .product-title, .productlist-item .title{
  font-weight: 800 !important;
  line-height: 1.25 !important;
  font-size: 14px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 6px !important;
}
/* Price: compact, premium */
.price, .product-price, .price_value{
  font-size: 15px !important;
  font-weight: 900 !important;
}
/* Reduce excessive white-space inside cards (below image) */
body.luna-home .opc-ProductStream-gallery .productbox .caption, .productbox .productbox-caption, .productlist-item .caption{
  padding: 10px 12px 12px 12px !important;
}
/* Badges: make calmer */
.badge, .label, .productbox .label, .productbox .badge{
  border-radius: 999px !important;
  font-weight: 800 !important;
}
/* Quick-actions / overlay buttons should stay subtle */
.productbox .overlay, .productbox .btn, .productlist-item .btn{
  border-radius: 999px !important;
}


/* ===== v121: Boutique Product Cards – Image area fixed (A=cover, optional B=contain) ===== */

/* Default = A (cover). Switch to B (contain) by adding class "luna-fit-contain" on <body>
   (if you prefer, I can wire this to a template setting later).
*/
:root{ --luna-img-fit: contain; --luna-img-bg: #ffffff; }
body.luna-fit-contain{ --luna-img-fit: contain; }

/* Product listing / slider cards: create a dedicated image frame so image never runs into text */
.productbox .image,
.productbox .product-image,
.productbox .productbox-image,
.productlist-item .image,
.productlist-item .product-image,
.product-list-item .image,
body.luna-home .opc-ProductStream-gallery .product-list-item .product-image{
  /* fixed frame */
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--luna-img-bg) !important;
  border-radius: 18px 18px 0 0 !important;
}

/* Ensure the actual image fills that frame cleanly */
body.luna-home .opc-ProductStream-gallery .productbox .image img,
body.luna-home .opc-ProductStream-gallery .productbox .product-image img,
body.luna-home .opc-ProductStream-gallery .productbox .productbox-image img,
body.luna-home .opc-ProductStream-gallery .productlist-item .image img,
body.luna-home .opc-ProductStream-gallery .productlist-item .product-image img,
body.luna-home .opc-ProductStream-gallery .product-list-item .image img,
body.luna-home .opc-ProductStream-gallery .product-list-item .product-image img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: var(--luna-img-fit) !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Keep caption separated & consistent */
body.luna-home .opc-ProductStream-gallery .productbox .caption,
body.luna-home .opc-ProductStream-gallery .productbox .productbox-caption,
body.luna-home .opc-ProductStream-gallery .productlist-item .caption,
body.luna-home .opc-ProductStream-gallery .product-list-item .caption{
  padding-top: 12px !important;
}

/* Make sure badges/overlay stay inside image frame, not over text */
body.luna-home .opc-ProductStream-gallery .productbox .badge,
body.luna-home .opc-ProductStream-gallery .productbox .label,
body.luna-home .opc-ProductStream-gallery .productlist-item .badge,
body.luna-home .opc-ProductStream-gallery .product-list-item .badge{
  z-index: 5;
}


/* ===== v122: Boutique A (3:4) + premium boxes (benefits + category pills) ===== */

/* A) Image frame ratio 3:4 (more compact, boutique) */
.productbox .image,
.productbox .product-image,
.productbox .productbox-image,
.productlist-item .image,
.productlist-item .product-image,
.product-list-item .image,
body.luna-home .opc-ProductStream-gallery .product-list-item .product-image{
  aspect-ratio: 3 / 4 !important;
}

/* Ensure captions don't feel cramped */
body.luna-home .opc-ProductStream-gallery .productbox .caption,
body.luna-home .opc-ProductStream-gallery .productbox .productbox-caption,
body.luna-home .opc-ProductStream-gallery .productlist-item .caption,
body.luna-home .opc-ProductStream-gallery .product-list-item .caption{
  padding: 12px 14px 14px 14px !important;
}

/* Premium mini-cards (benefits) */
.luna-benefit{
  background: #fff !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.06), 0 1px 0 rgba(0,0,0,.04) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.luna-benefit:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08), 0 1px 0 rgba(0,0,0,.04) !important;
}
.luna-benefit__title{ font-size: 13px !important; font-weight: 900 !important; }
.luna-benefit__sub{ font-size: 12px !important; opacity: .86 !important; }

/* Category tiles as luxury pills (keep 1x6) */
.luna-catgrid{ gap: 10px !important; }
.luna-cat{
  background: #fff !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(20,18,25,.08) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.05) !important;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}
.luna-cat:hover{
  transform: translateY(-2px) !important;
  background: #15131a !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
}
.luna-cat:hover .luna-cat__sub{ color: rgba(255,255,255,.78) !important; }
.luna-cat__title{ font-size: 13px !important; font-weight: 900 !important; }
.luna-cat__sub{ font-size: 12px !important; opacity: .82 !important; }

/* Make the section headline breathe */
.luna-section-title{
  margin-top: 22px !important;
}


/* ===== v123: adaptive image fit for extreme aspect ratios (prevents "too zoomed" products) ===== */
/* Default stays cover (boutique). JS adds .luna-img-contain to images that are very tall/wide. */
img.luna-img-contain{
  object-fit: contain !important;
  background: #fff !important;
}


/* ===== v125: homepage slider image swap support ===== */
img.luna-img-contain{object-fit:contain!important;background:#fff!important;}


/* ===== v127: Pragmatic Startseite fix (Neu im Sortiment) =====
   Problem: Homepage carousel loads items in a way that prevents reliable per-item detection.
   Solution: On homepage only, make product images inside the "Neu im Sortiment" area render as contain to prevent over-zoom.
   This does NOT affect category/product pages.
*/
body.luna-home .productbox .image img,
body.luna-home .productlist-item .image img,
body.luna-home .product-list-item .image img,
body.luna-home .productbox .product-image img,
body.luna-home .productlist-item .product-image img,
body.luna-home .product-slider img,
body.luna-home .product-carousel img,
body.luna-home .slick-slide img,
body.luna-home .swiper-slide img{
  object-fit: contain !important;
  background: #fff !important;
  padding: 6px !important;
}


/* ===== v128: Premium "WOW" boxes polishing (hero + benefits + category tiles) ===== */

/* Section container rhythm */
.luna-section{
  margin: 22px 0 0 0 !important;
}
.luna-section .container,
.luna-section .container-fluid{
  padding-top: 0 !important;
}

/* HERO: more premium spacing + subtle background + better typography */
.luna-hero{
  position: relative !important;
  border-radius: 22px !important;
  padding: 26px 26px !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  background: radial-gradient(1200px 300px at 92% 40%, rgba(183,131,126,.14), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, rgba(255,255,255,1), rgba(248,246,247,1)) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.07) !important;
  overflow: hidden !important;
}
.luna-hero__kicker{
  font-size: 12px !important;
  letter-spacing: .04em !important;
  opacity: .82 !important;
  margin-bottom: 6px !important;
}
.luna-hero__title{
  font-size: clamp(22px, 2.2vw, 34px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 8px 0 !important;
}
.luna-hero__sub{
  max-width: 58ch !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  opacity: .86 !important;
  margin-bottom: 14px !important;
}
.luna-hero__cta{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.luna-btn{
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
  border: 1px solid rgba(20,18,25,.10) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.luna-btn:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.10) !important;
}
.luna-btn--primary{
  background: #b7837e !important;
  color: #fff !important;
  border-color: rgba(183,131,126,.55) !important;
}
.luna-btn--primary:hover{
  background: #a77470 !important;
  color: #fff !important;
}
.luna-btn--ghost{
  background: rgba(255,255,255,.9) !important;
  color: #15131a !important;
}

/* BENEFITS: real mini-cards with consistent grid + less whitespace */
.luna-benefits{
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 992px){
  .luna-benefits{ grid-template-columns: 1fr !important; }
}
.luna-benefit{
  border-radius: 18px !important;
  padding: 14px 16px !important;
}
.luna-benefit__icon{
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(183,131,126,.12) !important;
  margin-bottom: 8px !important;
}
.luna-benefit__title{ margin: 0 0 2px 0 !important; }
.luna-benefit__sub{ margin: 0 !important; }

/* CATEGORY: force 1x6 on desktop, wrap nicely on smaller screens */
.luna-catgrid{
  margin-top: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 10px !important;
}
@media (max-width: 1200px){
  .luna-catgrid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 768px){
  .luna-catgrid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
.luna-cat{
  border-radius: 18px !important; /* less "pill", more premium tile */
  padding: 14px 14px !important;
  min-height: 72px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.luna-cat__title{ margin: 0 0 4px 0 !important; }
.luna-cat__sub{ margin: 0 !important; }

/* Section heading polish */
.luna-section-title{
  font-size: 18px !important;
  font-weight: 900 !important;
  margin: 18px 0 8px 0 !important;
}
.luna-section-sub{
  font-size: 12px !important;
  opacity: .78 !important;
  margin: 0 0 8px 0 !important;
}

/* Optional: keep footer boxes from looking detached */
#footer .link-group,
#footer .linklist{
  border-radius: 16px !important;
}


/* ===== v129: Ensure WOW boxes actually take effect (scoped + higher specificity) ===== */
body .luna-home.luna-section{ margin-top: 26px !important; }

/* HERO (scoped) */
body .luna-home .luna-hero{
  border-radius: 24px !important;
  padding: 28px !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  background: radial-gradient(1200px 340px at 92% 45%, rgba(183,131,126,.16), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, rgba(255,255,255,1), rgba(248,246,247,1)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.08) !important;
}
body .luna-home .luna-hero__kicker{ font-size: 12px !important; letter-spacing:.04em !important; opacity:.82 !important; }
body .luna-home .luna-hero__title{ font-size: clamp(22px, 2.3vw, 36px) !important; line-height:1.12 !important; font-weight: 900 !important; margin:0 0 8px 0 !important; }
body .luna-home .luna-hero__sub{ max-width: 60ch !important; font-size: 13px !important; line-height: 1.55 !important; opacity:.86 !important; margin:0 0 14px 0 !important; }

/* CTA buttons */
body .luna-home .luna-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-weight: 850 !important;
  border: 1px solid rgba(20,18,25,.10) !important;
  text-decoration: none !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
body .luna-home .luna-btn:hover{ transform: translateY(-2px) !important; box-shadow: 0 14px 30px rgba(0,0,0,.10) !important; }
body .luna-home .luna-btn--primary{ background:#b7837e !important; color:#fff !important; border-color: rgba(183,131,126,.55) !important; }
body .luna-home .luna-btn--primary:hover{ background:#a77470 !important; }
body .luna-home .luna-btn--ghost{ background: rgba(255,255,255,.92) !important; color:#15131a !important; }
body .luna-home .luna-btn--ghost:hover{ background: rgba(255,255,255,1) !important; }

/* BENEFITS: true mini cards */
body .luna-home .luna-benefits{
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 992px){
  body .luna-home .luna-benefits{ grid-template-columns: 1fr !important; }
}
body .luna-home .luna-benefit{
  border-radius: 18px !important;
  padding: 14px 16px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
}
body .luna-home .luna-benefit__icon{
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(183,131,126,.14) !important;
  border: 1px solid rgba(183,131,126,.18) !important;
  margin-bottom: 8px !important;
}
body .luna-home .luna-benefit__emoji{ font-size: 16px !important; line-height: 1 !important; }
body .luna-home .luna-benefit__title{ font-weight: 900 !important; margin:0 0 2px 0 !important; }
body .luna-home .luna-benefit__sub{ opacity:.78 !important; margin:0 !important; }

/* CATEGORY: 1x6 premium tiles */
body .luna-home .luna-catgrid{
  margin-top: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 10px !important;
}
@media (max-width: 1200px){
  body .luna-home .luna-catgrid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 768px){
  body .luna-home .luna-catgrid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
body .luna-home .luna-cat{
  border-radius: 18px !important;
  padding: 14px 14px !important;
  min-height: 72px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body .luna-home .luna-cat:hover{ transform: translateY(-2px) !important; box-shadow: 0 18px 38px rgba(0,0,0,.10) !important; }
body .luna-home .luna-cat__title{ font-weight: 900 !important; margin:0 0 4px 0 !important; color:#15131a !important; }
body .luna-home .luna-cat__sub{ margin:0 !important; opacity:.78 !important; }

/* Headings */
body .luna-home .luna-section-title{ font-size: 18px !important; font-weight: 900 !important; margin: 18px 0 8px 0 !important; }
body .luna-home .luna-section-sub{ font-size: 12px !important; opacity:.78 !important; margin: 0 0 8px 0 !important; }


/* HERO section */
body .luna-opc-hero{
  border-radius: 24px !important;
  padding: 28px !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  background: radial-gradient(1200px 340px at 92% 45%, rgba(183,131,126,.16), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, rgba(255,255,255,1), rgba(248,246,247,1)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.08) !important;
}
body .luna-opc-hero h1,
body .luna-opc-hero h2{
  font-size: clamp(22px, 2.3vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  margin: 0 0 8px 0 !important;
}
body .luna-opc-hero p{
  max-width: 60ch !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  opacity: .86 !important;
}
body .luna-opc-hero a.btn,
body .luna-opc-hero a.button,
body .luna-opc-hero a{
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
body .luna-opc-hero a.btn-primary,
body .luna-opc-hero a.luna-btn--primary{
  background:#b7837e !important;
  border-color: rgba(183,131,126,.55) !important;
  color:#fff !important;
}

/* BENEFITS: try to turn 3 items into mini-cards */
body .luna-opc-benefits{
  margin-top: 14px !important;
}
body .luna-opc-benefits .row,
body .luna-opc-benefits .opc-Row,
body .luna-opc-benefits .opc-row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 992px){
  body .luna-opc-benefits .row,
  body .luna-opc-benefits .opc-Row,
  body .luna-opc-benefits .opc-row{ grid-template-columns: 1fr !important; }
}
body .luna-opc-benefits .col,
body .luna-opc-benefits [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}
body .luna-opc-benefits .col > *,
body .luna-opc-benefits [class*="col-"] > *{
  border-radius: 18px !important;
  padding: 14px 16px !important;
  background: #fff !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
}

/* CATEGORY tiles: force 1x6 on desktop */
body .luna-opc-cats{
  margin-top: 8px !important;
}
body .luna-opc-cats .row,
body .luna-opc-cats .opc-Row,
body .luna-opc-cats .opc-row{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
@media (max-width: 1200px){
  body .luna-opc-cats .row,
  body .luna-opc-cats .opc-Row,
  body .luna-opc-cats .opc-row{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 768px){
  body .luna-opc-cats .row,
  body .luna-opc-cats .opc-Row,
  body .luna-opc-cats .opc-row{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
body .luna-opc-cats .col,
body .luna-opc-cats [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}
body .luna-opc-cats a{
  display: block !important;
  height: 100% !important;
  border-radius: 18px !important;
  padding: 14px 14px !important;
  background: #fff !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body .luna-opc-cats a:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.10) !important;
}


/* ===== v131: SAFE OPC styling (only inside our wrappers, never touches product stream rows) ===== */

/* HERO wrapper (our markup exists even with OPC) */
body .luna-home-hero-wrap .luna-hero{
  border-radius: 24px !important;
  padding: 28px !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  background: radial-gradient(1200px 340px at 92% 45%, rgba(183,131,126,.16), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, rgba(255,255,255,1), rgba(248,246,247,1)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.08) !important;
}

/* BENEFITS wrapper: if OPC or theme injects a .row inside, grid it, but only here */
body .luna-home-benefits .row,
body .luna-home-benefits .opc-Row,
body .luna-home-benefits .opc-row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 992px){
  body .luna-home-benefits .row,
  body .luna-home-benefits .opc-Row,
  body .luna-home-benefits .opc-row{ grid-template-columns: 1fr !important; }
}
body .luna-home-benefits .col,
body .luna-home-benefits [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}

/* CATEGORY wrapper: force 1x6 only here */
body .luna-home-cats .row,
body .luna-home-cats .opc-Row,
body .luna-home-cats .opc-row{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
@media (max-width: 1200px){
  body .luna-home-cats .row,
  body .luna-home-cats .opc-Row,
  body .luna-home-cats .opc-row{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 768px){
  body .luna-home-cats .row,
  body .luna-home-cats .opc-Row,
  body .luna-home-cats .opc-row{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
body .luna-home-cats .col,
body .luna-home-cats [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}


/* ===== v132: WOW polish + Rose-Gold active tile ===== */

:root{
  --luna-rose: #b7837e;
  --luna-rose-soft: rgba(183,131,126,.18);
  --luna-ink: #15131a;
  --luna-shadow: 0 18px 44px rgba(0,0,0,.08);
}

/* Benefits cards: more premium */
body .luna-home-benefits .luna-benefit{
  background: linear-gradient(180deg,#ffffff,#fbfafb) !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.07) !important;
}
body .luna-home-benefits .luna-benefit__title{
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
body .luna-home-benefits .luna-benefit__icon{
  background: var(--luna-rose-soft) !important;
  border: 1px solid rgba(183,131,126,.22) !important;
}

/* Category tiles: premium base */
body .luna-home-cats .luna-cat{
  background: #fff !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.06) !important;
}
body .luna-home-cats .luna-cat:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.10) !important;
}

/* Active/selected category tile:
   NOVA typically marks with .active, .is-active or aria-current=true or .selected
*/
body .luna-home-cats .luna-cat.active,
body .luna-home-cats .luna-cat.is-active,
body .luna-home-cats .luna-cat.selected,
body .luna-home-cats .luna-cat[aria-current="page"],
body .luna-home-cats .luna-cat:has(.active),
body .luna-home-cats .luna-cat:has([aria-current="page"]){
  background: linear-gradient(180deg, rgba(183,131,126,.26), rgba(183,131,126,.16)) !important;
  border-color: rgba(183,131,126,.35) !important;
  box-shadow: 0 24px 60px rgba(183,131,126,.18), 0 20px 48px rgba(0,0,0,.10) !important;
}
body .luna-home-cats .luna-cat.active .luna-cat__title,
body .luna-home-cats .luna-cat.is-active .luna-cat__title,
body .luna-home-cats .luna-cat.selected .luna-cat__title,
body .luna-home-cats .luna-cat[aria-current="page"] .luna-cat__title{
  color: var(--luna-ink) !important;
}
body .luna-home-cats .luna-cat.active .luna-cat__sub,
body .luna-home-cats .luna-cat.is-active .luna-cat__sub,
body .luna-home-cats .luna-cat.selected .luna-cat__sub,
body .luna-home-cats .luna-cat[aria-current="page"] .luna-cat__sub{
  color: rgba(21,19,26,.78) !important;
  opacity: 1 !important;
}

/* If NOVA uses .nav-link.active inside tile, keep text readable */
body .luna-home-cats .luna-cat .nav-link.active,
body .luna-home-cats .luna-cat a.active{
  color: var(--luna-ink) !important;
}

/* Make section header + right hint align nicely */
body .luna-home-cats .luna-section-head{
  display:flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
}
body .luna-home-cats .luna-section-head small{
  opacity: .66 !important;
}


/* ===== v133: Category mark = Rose-Gold hover/focus + Product cards "Boutique rhythm" ===== */

/* Category tiles: mark (hover/focus) with rose-gold so text never disappears */
body .luna-home-cats .luna-cat:hover,
body .luna-home-cats .luna-cat:focus-visible,
body .luna-home-cats .luna-cat:active{
  background: linear-gradient(180deg, rgba(183,131,126,.26), rgba(183,131,126,.14)) !important;
  border-color: rgba(183,131,126,.38) !important;
  box-shadow: 0 24px 60px rgba(183,131,126,.16), 0 20px 48px rgba(0,0,0,.10) !important;
}
body .luna-home-cats .luna-cat:hover .luna-cat__title,
body .luna-home-cats .luna-cat:focus-visible .luna-cat__title,
body .luna-home-cats .luna-cat:active .luna-cat__title{
  color: #15131a !important;
}
body .luna-home-cats .luna-cat:hover .luna-cat__sub,
body .luna-home-cats .luna-cat:focus-visible .luna-cat__sub,
body .luna-home-cats .luna-cat:active .luna-cat__sub{
  color: rgba(21,19,26,.78) !important;
  opacity: 1 !important;
}

/* ===== Boutique Product Cards (non-destructive: NO image sizing rules) =====
   Targets NOVA product boxes on home page without touching category pages.
*/
body.luna-home .product-list .product-wrapper,
body.luna-home .product-list .productbox{
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(20,18,25,.06) !important;
  background: linear-gradient(180deg,#ffffff,#fbfafb) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.08) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body.luna-home .product-list .product-wrapper:hover,
body.luna-home .product-list .productbox:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.12) !important;
}

/* Title clamp (2 lines) */
body.luna-home .product-list .productbox-title,
body.luna-home .product-list .caption .title,
body.luna-home .product-list .productbox .caption-title{
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.5em !important;
}

/* Price row: bigger */
body.luna-home .product-list .productbox-price,
body.luna-home .product-list .productbox .price,
body.luna-home .product-list .product-wrapper .price{
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: .01em !important;
}
body.luna-home .product-list .price-note,
body.luna-home .product-list .price-note *{
  font-size: 11px !important;
  opacity: .72 !important;
}

/* Badges */
body.luna-home .product-list .label,
body.luna-home .product-list .badge,
body.luna-home .product-list .productbox .productbox-label{
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.10) !important;
}


/* ===== v134: WOW Benefit Boxes (no Bootstrap .card dependency) ===== */
body.luna-home .luna-benefits{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.luna-home .luna-benefit{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 18px 18px !important;
  border-radius: 20px !important;

  background:
    radial-gradient(1200px 400px at 0% 0%, rgba(183,131,126,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(251,250,251,.95)) !important;

  border: 1px solid rgba(183,131,126,.18) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.07),
    0 1px 0 rgba(255,255,255,.80) inset !important;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.luna-home .luna-benefit:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(183,131,126,.28) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.10),
    0 1px 0 rgba(255,255,255,.85) inset !important;
}

body.luna-home .luna-benefit__icon{
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;

  background: linear-gradient(180deg, rgba(183,131,126,.18), rgba(183,131,126,.08)) !important;
  border: 1px solid rgba(183,131,126,.22) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
}

body.luna-home .luna-benefit__emoji{
  font-size: 18px !important;
  line-height: 1 !important;
}

body.luna-home .luna-benefit__title{
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  margin: 0 0 2px 0 !important;
}

body.luna-home .luna-benefit__sub{
  opacity: .80 !important;
  margin: 0 !important;
}

@media (max-width: 992px){
  body.luna-home .luna-benefits{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* ===== v134: Category active/marked = Rose-Gold background so text stays readable ===== */
body.luna-home .luna-catgrid .luna-cat{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(183,131,126,.14) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;
}

body.luna-home .luna-catgrid .luna-cat:hover,
body.luna-home .luna-catgrid .luna-cat:focus-visible,
body.luna-home .luna-catgrid .luna-cat:active,
body.luna-home .luna-catgrid .luna-cat.is-active,
body.luna-home .luna-catgrid .luna-cat[aria-current="page"]{
  background: linear-gradient(180deg, rgba(183,131,126,.22), rgba(183,131,126,.10)) !important;
  border-color: rgba(183,131,126,.30) !important;
  box-shadow: 0 18px 44px rgba(183,131,126,.14), 0 16px 40px rgba(0,0,0,.10) !important;
}

body.luna-home .luna-catgrid .luna-cat:hover .luna-cat__title,
body.luna-home .luna-catgrid .luna-cat:hover .luna-cat__sub,
body.luna-home .luna-catgrid .luna-cat:focus-visible .luna-cat__title,
body.luna-home .luna-catgrid .luna-cat:focus-visible .luna-cat__sub,
body.luna-home .luna-catgrid .luna-cat.is-active .luna-cat__title,
body.luna-home .luna-catgrid .luna-cat.is-active .luna-cat__sub,
body.luna-home .luna-catgrid .luna-cat[aria-current="page"] .luna-cat__title,
body.luna-home .luna-catgrid .luna-cat[aria-current="page"] .luna-cat__sub{
  color: #15131a !important;
}

/* =========================================================
   LUNA v138 – Luxury Product Cards (force)
   Ziel: Premium-Rhythmus (weniger Leerraum, saubere Typo,
   Title clamp, Preis/Badges sauber) – ohne Markup-Änderungen.
   ========================================================= */

:root{
  --luna-card-radius-xl: 22px;
  --luna-card-radius-md: 16px;
  --luna-card-bg: rgba(255,255,255,.92);
  --luna-card-border: rgba(20,18,25,.08);
  --luna-card-shadow: 0 10px 28px rgba(0,0,0,.10);
  --luna-card-shadow-hover: 0 18px 60px rgba(0,0,0,.14);
}

/* Apply to NOVA/JTL product cards everywhere (Home + Kategorie) */
body .productbox,
body.luna-home .opc-ProductStream-gallery .productlist-item {
  background: var(--luna-card-bg) !important;
  border: 1px solid var(--luna-card-border) !important;
  border-radius: var(--luna-card-radius-xl) !important;
  overflow: hidden !important;
  box-shadow: var(--luna-card-shadow) !important;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body .productbox:hover,
body.luna-home .opc-ProductStream-gallery .productlist-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--luna-card-shadow-hover) !important;
  border-color: rgba(183,131,126,.22) !important; /* rose hint */
}

/* Inner spacing / layout tightening */
body.luna-home .opc-ProductStream-gallery .productbox-inner {
  padding: 14px 14px 12px !important;
}

/* Image area: consistent premium frame */
body .productbox .productbox-images,
body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-images {
  border-radius: calc(var(--luna-card-radius-xl) - 4px) !important;
  overflow: hidden !important;
  background: var(--luna-img-bg, #ffffff) !important;
  margin: 12px 12px 10px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

/* Ensure images never bleed into text and keep nice crop */
body .productbox .productbox-images img,
body .productlist-item .productbox-images img,
body .productbox .productbox-image img,
body .productlist-item .productbox-image img,
body .productbox .image img,
body.luna-home .opc-ProductStream-gallery .productlist-item .image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 25% !important;
}

/* Title clamp (2 lines), better rhythm */
body .productbox-title,
body .productlist-item .title,
body .productbox .title,
body.luna-home .opc-ProductStream-gallery .productbox a {
  word-break: break-word;
}

body .productbox-title,
body .productbox .productbox-title,
body .productlist-item .productbox-title,
body.luna-home .opc-ProductStream-gallery .productlist-item .title {
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

/* Price block: clearer hierarchy */
body .productbox-price,
body .productlist-item .price,
body.luna-home .opc-ProductStream-gallery .productbox .price {
  margin-top: 8px !important;
}

body .productbox-price .price,
body .productbox .price,
body.luna-home .opc-ProductStream-gallery .productlist-item .price {
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

/* "jetzt nur" text toned down */
body .productbox-price .price-note,
body .productbox .price-note,
body.luna-home .opc-ProductStream-gallery .productlist-item .price-note {
  opacity: .78 !important;
}

/* Wishlist / compare icons subtle */
body .productbox-wish,
body.luna-home .opc-ProductStream-gallery .productbox-compare {
  opacity: .70 !important;
  transition: opacity .18s ease, transform .18s ease !important;
}
body .productbox:hover .productbox-wish,
body.luna-home .opc-ProductStream-gallery .productbox:hover .productbox-compare {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

/* Stock badge look */
body .ribbon,
body.luna-home .opc-ProductStream-gallery .productbox-ribbon {
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
}

/* Tighten outer grid gaps slightly (keeps luxury feel) */
body .product-list.row{
  row-gap: 16px !important;
}

/* =========================================================
   LUNA v138 – Benefits WOW polish (stronger depth + accents)
   ========================================================= */

body.luna-home .luna-benefit{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(251,250,251,.92)) !important;
  border: 1px solid rgba(183,131,126,.16) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.08) !important;
  position: relative;
  overflow: hidden;
}

body.luna-home .luna-benefit::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(600px 120px at 15% 0%, rgba(183,131,126,.18), transparent 60%);
  pointer-events: none;
}

body.luna-home .luna-benefit__icon{
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(183,131,126,.20), rgba(183,131,126,.08)) !important;
  border: 1px solid rgba(183,131,126,.22) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.10) !important;
}

body.luna-home .luna-benefit__title{
  font-weight: 800 !important;
  letter-spacing: .2px;
}


/* ==============================
   LUNASHOP24 – Luxury Product Cards (v139)
   Ziel: High-End Rhythmus, weniger Leerraum, klare Typo, saubere Badges/Preis
   ============================== */

:root{
  --lux-card-radius: 18px;
  --lux-card-border: rgba(20,18,25,.10);
  --lux-card-shadow: 0 18px 50px rgba(0,0,0,.08);
  --lux-card-shadow-hover: 0 26px 70px rgba(0,0,0,.12);
  --lux-surface: rgba(255,255,255,.94);
  --lux-surface-2: rgba(255,255,255,.98);
  --lux-title: #16131a;
  --lux-muted: rgba(22,19,26,.68);
}

/* Card-Surface */
body.luna-home .opc-ProductStream-gallery .productbox, body.luna-home .opc-ProductStream-gallery .productlist-item {
  border-radius: var(--lux-card-radius) !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, var(--lux-surface-2), var(--lux-surface)) !important;
  border: 1px solid var(--lux-card-border) !important;
  box-shadow: var(--lux-card-shadow) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.luna-home .opc-ProductStream-gallery .productbox:hover, body.luna-home .opc-ProductStream-gallery .productlist-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--lux-card-shadow-hover) !important;
  border-color: rgba(183,131,126,.28) !important;
}

/* Bildbereich: immer definierte Fläche + weiche Ecken */
.productbox .productbox-image,
.productlist-item .product-image,
.productbox .productbox-images,
body.luna-home .opc-ProductStream-gallery .productlist-item .product-image-wrapper {
  border-radius: calc(var(--lux-card-radius) - 4px) !important;
  overflow: hidden !important;
}

/* Bild: kein „in Text laufen“ + saubere Kante */
body.luna-home .opc-ProductStream-gallery .productbox .productbox-image img,
.productbox .productbox-images img,
body.luna-home .opc-ProductStream-gallery .productlist-item .product-image img,
body.luna-home .opc-ProductStream-gallery .productlist-item .product-image-wrapper img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: var(--luna-img-fit, cover) !important;
  object-position: center center !important;
}

/* Falls der Container keine feste Höhe hat: minimale Höhe setzen (nur Grid/Startseite, nicht Detailseiten) */
body.luna-home .productbox .productbox-image,
body.luna-home .productbox .productbox-images,
body.luna-home .productlist-item .product-image,
body.luna-home .productlist-item .product-image-wrapper{
  min-height: 260px !important;
}

/* Content-Rhythmus */
.productbox .productbox-inner,
.productlist-item .productbox-inner,
.productbox .productbox-title,
body.luna-home .opc-ProductStream-gallery .productlist-item .productlist-title {
  padding: 0 !important;
}

/* Title: 2 Zeilen clamp, klare Typo */
.productbox .productbox-title,
.productlist-item .productlist-title,
.productlist-item .productlist-title a,
body.luna-home .opc-ProductStream-gallery .productbox .productbox-title a {
  color: var(--lux-title) !important;
  font-weight: 700 !important;
  letter-spacing: .1px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 10px 12px 6px 12px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Preis: als „Pill“ unten links, immer gleich */
.productbox .price,
body.luna-home .opc-ProductStream-gallery .productlist-item .price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  margin: 0 0 12px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(20,18,25,.10) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;
}

.productbox .price .price-note,
body.luna-home .opc-ProductStream-gallery .productlist-item .price .price-note {
  color: var(--lux-muted) !important;
  font-size: 12px !important;
}

/* „Jetzt nur“ / UVP-Elemente unauffälliger */
.productbox .price .price_prefix,
.productlist-item .price .price_prefix,
.productbox .price .price-unit,
body.luna-home .opc-ProductStream-gallery .productlist-item .price .price-unit {
  color: var(--lux-muted) !important;
}

/* Badge (AUF LAGER) hochwertiger */
.productbox .ribbon,
body.luna-home .opc-ProductStream-gallery .productlist-item .ribbon {
  border-radius: 999px !important;
  padding: 6px 10px !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
}

/* Buttons/Icons (Merkliste/Vergleich) dezenter */
.productbox .productbox-wishlist,
.productbox .productbox-compare,
.productlist-item .productbox-wishlist,
body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-compare {
  opacity: .75 !important;
}

/* Innenabstand der unteren Meta-Zone vereinheitlichen */
.productbox .productbox-footer,
.productlist-item .productbox-footer,
.productbox .productbox-info,
body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-info {
  padding: 0 12px 12px 12px !important;
}

/* Mobile: weniger Höhe */
@media (max-width: 767.98px){
  body.luna-home .productbox .productbox-image,
  body.luna-home .productbox .productbox-images,
  body.luna-home .productlist-item .product-image,
  body.luna-home .productlist-item .product-image-wrapper{
    min-height: 210px !important;
  }
}

/* ===== Mobile Fix (A) – weniger "gedrückt" / besser lesbar ===== */
@media (max-width: 575.98px){
  /* weniger Innenabstand unten, damit nichts „auf dem Preis klebt“ */
  .productbox .productbox-footer,
  .productlist-item .productbox-footer,
  .productbox .productbox-info,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-info {
    padding: 0 10px 12px 10px !important;
  }

  /* Titel kompakter + 2 Zeilen (statt 3) */
  .productbox .productbox-title,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-title {
    margin: 10px 0 10px !important;
  }
  .productbox .productbox-title a,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-title a {
    font-size: 16px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 2 !important;
  }

  /* Preiszeile: „jetzt nur“ + Preis nebeneinander, ohne Überlappung */
  .productbox .productbox-price,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-price {
    margin-top: 6px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  .productbox .productbox-price .price_label,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-price .price_label {
    display: inline !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: var(--lux-muted) !important;
  }

  /* Preis-Pill kleiner + weniger Schatten */
  .productbox .productbox-price .price,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-price .price {
    font-size: 18px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.06) !important;
  }
}

/* v1.4.6 – mobile luxury card refinement (more air, smaller type) */
@media (max-width: 576px){
  /* overall card rhythm */
  body.luna-home .opc-ProductStream-gallery .productbox, body.luna-home .opc-ProductStream-gallery .productlist-item { border-radius: 20px !important; }
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-inner { padding: 14px 14px 16px !important; }

  /* image area: slightly smaller + consistent spacing */
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-image, body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-image { padding: 10px !important; }
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-image .image--element, body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-image .image--element { border-radius: 16px !important; }

  /* title: smaller + more lines to avoid cramped look */
  .productbox .productbox-title,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 10px 0 8px !important;
  }
  .productbox .productbox-title a,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-title a {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-title { 
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  /* price row: less oversized, better alignment */
  .productbox .productbox-price,
  body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-price {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-top: 10px !important;
  }
  .luna-price-pill{
    padding: 10px 14px !important;
    border-radius: 999px !important;
  }
  .luna-price-pill__label{ font-size: 12px !important; }
  .luna-price-pill__value{ font-size: 16px !important; }

  /* badges: slightly smaller so they don't dominate */
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-ribbon, body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-ribbon {
    font-size: 11px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
  }

  /* wishlist/compare icons: reduce footprint on mobile */
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-wishlist, body.luna-home .opc-ProductStream-gallery .productlist-item .productbox-wishlist {
    transform: scale(.9);
    transform-origin: top right;
  }
}


/* v148: Mobile product cards – less cramped, smaller typography, calmer pills */
@media (max-width: 575.98px){
  /* grid spacing */
  .product-list.row.gallery{
    row-gap: 14px !important;
  }

  /* card container */
  .productbox,
  .productlist-item{
    border-radius: 16px !important;
  }

  .productbox{
    box-shadow: var(--luna-shadow-card) !important;
  }

  .productbox-inner{
    padding: 12px !important;
  }

  /* image area: keep tall products readable without feeling squeezed */
  .productbox .productbox-images.list-gallery{
    margin: 0 !important;
  }
  .productbox .productbox-image{
    border-radius: 14px !important;
  }
  .productbox-image.square-image{
    aspect-ratio: 4 / 5 !important; /* slightly taller than square */
  }

  /* title */
  .product-title,
  .productbox-title,
  .productbox .title{
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .productbox-title,
  .productbox .title{
    padding: 8px 10px 6px !important;
    margin: 0 !important;
  }

  /* price row */
  .productbox .price,
  .productbox .price-wrapper,
  .productbox .productbox-price{
    padding: 0 10px 12px !important;
  }

  .productbox .price_prefix,
  .productbox .price-prefix,
  .productbox .price-discount{
    font-size: 11px !important;
    line-height: 1.1 !important;
    margin: 0 0 6px !important;
  }

  .productbox .price,
  .productbox .price span,
  .productbox .price strong{
    font-size: 14px !important;
  }

  /* price pill: smaller + more breathing room */
  .productbox .price-wrapper .price,
  .productbox .price,
  .productbox .price-pill,
  .productbox .price-tag{
    border-radius: 999px !important;
  }
  .productbox .price-wrapper .price,
  .productbox .price-pill,
  .productbox .price-tag{
    padding: 7px 12px !important;
    min-height: 34px !important;
  }

  /* controls/ribbons */
  .productbox .ribbon{
    transform: translate(10px, 10px) scale(.92) !important;
    transform-origin: top left;
  }

  .productbox .productbox-actions,
  .productbox .btn-group,
  .productbox .productbox-control{
    transform: scale(.9) !important;
    transform-origin: top right;
  }

  /* avoid oversized whitespace inside cards */
  .productbox .productbox-info{
    gap: 6px !important;
  }
}

/* ============================================================
   v169 (1.6.9) CLEAN REBUILD from v1.4.8 baseline
   Premium HOMEPAGE mobile product cards (2-column, full image,
   bottom info panel with title + price) – scoped to body.luna-home
   ============================================================ */

@media (max-width: 576px) {
  /* Safety: never squeeze images into a narrow strip */
  body.luna-home .productbox .productbox-image,
  body.luna-home .productbox .product-image,
  body.luna-home .productbox .image,
  body.luna-home .productbox figure {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.luna-home .productbox .productbox-image img,
  body.luna-home .productbox .product-image img,
  body.luna-home .productbox .image img,
  body.luna-home .productbox figure img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Make the image area the main focus */
  body.luna-home .productbox .productbox-image,
  body.luna-home .productbox .product-image,
  body.luna-home .productbox .image,
  body.luna-home .productbox figure {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    aspect-ratio: 4 / 5;
    background: #fff !important;
  }

  /* Remove wasted inner padding around the image */
  body.luna-home .productbox .productbox-image .inner,
  body.luna-home .productbox .product-image .inner,
  body.luna-home .productbox .image .inner {
    padding: 0 !important;
  }

  /* Bottom info panel overlay */
  body.luna-home .productbox .productbox-caption,
  body.luna-home .productbox .caption,
  body.luna-home .productbox .productbox-info {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 3 !important;

    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(20, 18, 25, 0.08) !important;
    border-radius: 16px !important;
    padding: 10px 10px 12px !important;

    box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;

    /* layout */
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;

    /* ensure full width usage */
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
  }

  /* Title: smaller but uses full width (no centered narrow block) */
  body.luna-home .productbox .productbox-title,
  body.luna-home .productbox .productbox-title a,
  body.luna-home .productbox .title,
  body.luna-home .productbox .title a,
  body.luna-home .productbox .product-title,
  body.luna-home .productbox .product-title a {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

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

  /* Price row + pill */
  body.luna-home .productbox .productbox-price,
  body.luna-home .productbox .price,
  body.luna-home .productbox .product-price {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  /* move the pill a bit lower within the panel */
  body.luna-home .productbox .productbox-price .label,
  body.luna-home .productbox .price .label,
  body.luna-home .productbox .productbox-price .price-note,
  body.luna-home .productbox .price .price-note,
  body.luna-home .productbox .productbox-price small,
  body.luna-home .productbox .price small {
    display: inline-block !important;
    margin-right: 8px !important;
    opacity: .75 !important;
    vertical-align: baseline !important;
  }

  body.luna-home .productbox .productbox-price .price,
  body.luna-home .productbox .price .price,
  body.luna-home .productbox .product-price .price,
  body.luna-home .productbox .productbox-price strong,
  body.luna-home .productbox .price strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border: 1px solid rgba(20, 18, 25, 0.12) !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
    margin-top: 6px !important; /* pushes it down a touch */
  }

  /* Keep labels (NEU / AUF LAGER) readable above the overlay */
  body.luna-home .productbox .label,
  body.luna-home .productbox .availability,
  body.luna-home .productbox .productbox-badge {
    z-index: 4 !important;
  }
}

@media (max-width: 576px) {
  body.luna-home .productbox {
    position: relative !important;
  }

  /* If the theme places caption outside the image container, we still overlay it within the card */
  body.luna-home .productbox .productbox-caption,
  body.luna-home .productbox .caption,
  body.luna-home .productbox .productbox-info {
    /* place overlay roughly on the lower part of the image */
    bottom: 14px !important;
  }

  /* Reduce empty space that some templates add below images */
  body.luna-home .productbox .productbox-image,
  body.luna-home .productbox .product-image,
  body.luna-home .productbox .image,
  body.luna-home .productbox figure {
    margin-bottom: 0 !important;
  }
}

/* ============================================================
   v170 (Try B): Mobile Homepage Premium Cards (no wasted space)
   Scope: only homepage (body.luna-home) + product streams
   Goals:
   - keep 2-column grid
   - bigger images (cover), less padding
   - title uses full width, smaller font
   - price pill sits lower (more breathing room)
   ============================================================ */

@media (max-width: 575.98px){
  /* Make homepage product cards airy but efficient */
  body.luna-home .opc-ProductStream-gallery .productbox,
  body.luna-home .opc-ProductStream-gallery .productlist-item,
  body.luna-home .opc-ProductStream-gallery .product-list-item{
    padding: 10px !important;
  }

  /* Image uses full width, no inner padding, cover fill */
  body.luna-home .opc-ProductStream-gallery .productbox .image,
  body.luna-home .opc-ProductStream-gallery .productbox .product-image,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-image,
  body.luna-home .opc-ProductStream-gallery .productlist-item .image,
  body.luna-home .opc-ProductStream-gallery .productlist-item .product-image,
  body.luna-home .opc-ProductStream-gallery .product-list-item .image,
  body.luna-home .opc-ProductStream-gallery .product-list-item .product-image{
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    aspect-ratio: 4 / 5 !important; /* taller, premium feel */
    background: #fff !important;
  }

  body.luna-home .opc-ProductStream-gallery .productbox .image img,
  body.luna-home .opc-ProductStream-gallery .productbox .product-image img,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-image img,
  body.luna-home .opc-ProductStream-gallery .productlist-item .image img,
  body.luna-home .opc-ProductStream-gallery .productlist-item .product-image img,
  body.luna-home .opc-ProductStream-gallery .product-list-item .image img,
  body.luna-home .opc-ProductStream-gallery .product-list-item .product-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Caption area: full width, left aligned, no narrow box */
  body.luna-home .opc-ProductStream-gallery .productbox .caption,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-caption,
  body.luna-home .opc-ProductStream-gallery .productlist-item .caption,
  body.luna-home .opc-ProductStream-gallery .product-list-item .caption{
    padding: 10px 8px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: stretch !important;
    text-align: left !important;
  }

  body.luna-home .opc-ProductStream-gallery .productbox .title,
  body.luna-home .opc-ProductStream-gallery .productbox-title,
  body.luna-home .opc-ProductStream-gallery .productlist-item .title,
  body.luna-home .opc-ProductStream-gallery .product-list-item .title{
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: left !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  /* Price row lower: push to bottom + extra top margin */
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-price,
  body.luna-home .opc-ProductStream-gallery .productbox .price,
  body.luna-home .opc-ProductStream-gallery .productlist-item .price,
  body.luna-home .opc-ProductStream-gallery .product-list-item .price{
    margin-top: 10px !important;
  }

  /* If caption is flex, keep price at bottom when space is available */
  body.luna-home .opc-ProductStream-gallery .productbox .caption .productbox-price,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-caption .productbox-price,
  body.luna-home .opc-ProductStream-gallery .productbox .caption .price,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-caption .price{
    margin-top: auto !important;
  }

  /* Slightly lower the pill itself (if it is positioned) */
  body.luna-home .opc-ProductStream-gallery .productbox .price,
  body.luna-home .opc-ProductStream-gallery .productbox .productbox-price{
    padding-top: 4px !important;
  }
}