/* Product card (.ls-pc) used on home, stores, offers, favorites and "similar"
   rows: tall photo with floating badge/heart/share, compact info, neat size
   chips and colour dots, one clear add button. libseh-storefront layer + two-ID
   scope so sitewide button colours don't repaint it. */
@layer libseh-storefront {
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_){
  --pc-wine:#66001f;--pc-paper:#fcf9f3;--pc-sand:#f1e9dc;--pc-line:#e7dccb;--pc-ink:#3f3027;--pc-muted:#655a50;--pc-olive:#59633a;
  position:relative!important;display:flex!important;flex-direction:column!important;background:var(--pc-paper)!important;border:1px solid var(--pc-line)!important;
  border-radius:22px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(63,48,39,.08)!important;padding:0!important;transition:transform .2s ease,box-shadow .2s ease!important
}
@media (hover:hover){
  html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_):hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(63,48,39,.13)!important}
  html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_):hover .ls-pc-media img{transform:scale(1.04)!important}
}

/* Photo */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-media{position:relative!important;aspect-ratio:4/5!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:var(--pc-sand)!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-media > a{display:block!important;width:100%!important;height:100%!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-media img:not(.ui-ico){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform .45s ease!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-media::after{content:''!important;position:absolute!important;inset:auto 0 0 0!important;height:38%!important;background:linear-gradient(to top,rgba(40,24,20,.18),transparent)!important;pointer-events:none!important}

/* Badges */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge{position:absolute!important;top:12px!important;left:auto!important;right:auto!important;inset-inline-start:12px!important;z-index:2!important;display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 10px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.01em!important;border:0!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge,
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge *{color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge{background:var(--pc-olive)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge.ls-pc-sale{background:var(--pc-wine)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-badge + .ls-pc-badge{top:44px!important}

/* Floating heart + share */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-fav-form{position:absolute!important;top:10px!important;left:auto!important;right:auto!important;inset-inline-end:10px!important;z-index:3!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(252,249,243,.9)!important;backdrop-filter:blur(6px)!important;box-shadow:0 4px 12px rgba(40,24,20,.16)!important;display:grid!important;place-items:center!important;color:var(--pc-wine)!important;cursor:pointer!important;transition:transform .15s ease!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-icon:active{transform:scale(.9)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-icon :is(img,svg){width:19px!important;height:19px!important;color:var(--pc-wine)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-fav.saved{background:var(--pc-wine)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-fav.saved img{filter:brightness(0) invert(1)!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-share{position:absolute!important;top:auto!important;bottom:10px!important;left:auto!important;right:auto!important;inset-inline-end:10px!important;z-index:3!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}

/* Info */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-body{display:flex!important;flex-direction:column!important;gap:6px!important;padding:12px 12px 14px!important;background:transparent!important;flex:1!important;text-align:start!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-title,
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-title h3{margin:0!important;color:var(--pc-ink)!important;font-size:14.5px!important;line-height:1.45!important;font-weight:600!important;text-decoration:none!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-store{margin:0!important;color:var(--pc-olive)!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:6px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-store::before{content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--pc-olive)!important;flex:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-price{margin:2px 0 0!important;display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-price strong{color:var(--pc-wine)!important;font-size:18px!important;font-weight:800!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-price s{color:var(--pc-muted)!important;font-size:12.5px!important}

/* Options */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-opts{display:flex!important;flex-direction:column!important;gap:8px!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) :is(.ls-pc-sizes,.ls-pc-colors){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-chip{min-width:34px!important;height:30px!important;min-height:30px!important;padding:0 9px!important;border-radius:10px!important;border:1px solid var(--pc-line)!important;background:#f6f1e8!important;color:var(--pc-ink)!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;line-height:1!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-chip[aria-pressed="true"]{background:var(--pc-wine)!important;border-color:var(--pc-wine)!important;color:#fff!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-chip:disabled{opacity:.4!important;text-decoration:line-through!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-swatch{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:3px!important;border-radius:50%!important;border:1px solid var(--pc-line)!important;background:#f6f1e8!important;box-shadow:none!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-swatch.is-active,
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-swatch[aria-pressed="true"]{border:2px solid var(--pc-wine)!important;padding:2px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-swatch i{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-msg{margin:0!important;font-size:11px!important;color:var(--pc-wine)!important}

/* Actions */
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-buy{margin:auto 0 0!important;padding:4px 0 0!important;background:transparent!important;border:0!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-add{width:100%!important;min-height:42px!important;padding:0 12px!important;border-radius:999px!important;background:var(--pc-wine)!important;border:1px solid var(--pc-wine)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(102,0,31,.22)!important;opacity:1!important;cursor:pointer!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-add:disabled{background:transparent!important;color:var(--pc-wine)!important;border:1px dashed rgba(102,0,31,.45)!important;box-shadow:none!important;cursor:default!important}
html:root body.luxury-ui[data-lang][data-dir][class] .ls-pc:not(#_):not(#_) .ls-pc-view{align-self:center!important;color:var(--pc-muted)!important;font-size:12px!important;text-decoration:underline!important;text-underline-offset:3px!important;background:none!important;border:0!important;padding:2px 0!important;min-height:0!important}
}