/* LuckyShop 2026 sector-art enhancement: factory demos only for photography.
 * No rewrites of user-owned photos or functional commerce controls.
 */
[data-lwshop-art="v1"]{
  --lsg-radius:clamp(15px,2vw,28px);
  --lsg-gold:#e2bf91;
}
[data-lwshop-art="v1"] .storefront-hero{isolation:isolate;overflow:hidden;position:relative;min-width:0}
[data-lwshop-art="v1"][data-lwshop-art-image="factory"] .storefront-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(112deg,transparent,rgba(17,22,29,.03)),var(--lsg-hero);
  background-position:center; background-size:cover;opacity:.24;
  transform:scale(1.01);
}
[data-lwshop-art="v1"] .storefront-hero > *{position:relative;z-index:1}
[data-lwshop-art="v1"] .storefront-hero .hero-art{min-width:0;overflow:hidden}
[data-lwshop-art="v1"][data-lwshop-art-image="factory"] .storefront-hero .pds-photo{
  border-radius:calc(var(--lsg-radius) - 4px);overflow:hidden;
  box-shadow:0 24px 55px rgba(13,19,18,.14);
}
[data-lwshop-art="v1"] .storefront-hero .pds-photo img{
  width:100%;height:100%;object-fit:cover;
}
[data-lwshop-art="v1"][data-lwshop-art-tier="hiend"] .storefront-hero::before{opacity:.12}
[data-lwshop-art="v1"][data-lwshop-art-light="true"] .storefront-hero::before{opacity:.19}
[data-lwshop-art="v1"][data-lwshop-art-image="factory"] .storefront-hero .pds-copy{
  text-shadow:0 1px 8px rgba(11,16,20,.05);
}
[data-lwshop-art="v1"] .lsg-benefits{
  position:relative;isolation:isolate;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;
  margin:0 0 clamp(20px,3vw,38px);border-radius:0 0 17px 17px;
  background:linear-gradient(108deg,rgba(255,255,255,.84),rgba(255,255,255,.48));
  border:1px solid rgba(136,162,140,.20);border-top:0;
}
[data-lwshop-art="v1"] .lsg-benefits span{
  display:inline-flex;align-items:center;gap:9px;font-size:clamp(11px,.95vw,13px);
  line-height:1.4;font-weight:650;letter-spacing:.01em;color:inherit;
}
[data-lwshop-art="v1"] .lsg-benefits span + span::before{
  content:"";display:inline-block;width:4px;height:4px;background:var(--lsg-accent);
  border-radius:50%;opacity:.75;margin:0 8px 0 3px;flex-shrink:0;
}
[data-lwshop-art="v1"] .preview-product{
  position:relative;overflow:hidden;border-radius:18px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
[data-lwshop-art="v1"] .preview-product:hover{
  transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,28,25,.13);
}
[data-lwshop-art="v1"] .preview-product img{object-fit:contain;max-width:100%}
[data-lwshop-art="v1"] .preview-product:has(img) .product-picture{
  position:relative;isolation:isolate;
  background-image:radial-gradient(ellipse at 54% 30%,rgba(255,255,255,.35),transparent 70%);
}
[data-lwshop-art="v1"] .preview-product .preview-product-footer button,
[data-lwshop-art="v1"] .storefront-link{
  border-radius:10px;transition:filter .18s ease,transform .18s ease;
}
[data-lwshop-art="v1"] .preview-product .preview-product-footer button:hover,
[data-lwshop-art="v1"] .storefront-link:hover{filter:brightness(1.07);transform:translateY(-1px)}
[data-lwshop-art="v1"] :is(.storefront-link,.preview-product-footer button):focus-visible{
  outline:3px solid var(--lsg-accent);outline-offset:3px;
}
/* The basic tier gets a real cinematic sector photo, never a blurry icon background. */
[data-lwshop-art="v1"][data-lwshop-art-tier="basic"][data-lwshop-art-image="factory"] .hero-art{
  border-radius:18px;overflow:hidden;box-shadow:0 22px 36px rgba(14,25,22,.13)
}
[data-lwshop-art="v1"][data-lwshop-art-tier="basic"][data-lwshop-art-image="factory"] .hero-art img.lwshop-world-picture{
  object-fit:cover;object-position:64% center;
}
[data-lwshop-art="v1"] .storefront-products-heading{
  position:relative;padding-bottom:12px;
}
[data-lwshop-art="v1"] .storefront-products-heading::after{
  content:"";position:absolute;left:0;bottom:0;width:min(88px,22vw);height:3px;
  background:var(--lsg-accent);border-radius:9px;
}
/* Per-sector composition accents derived from the nine signed-off art boards. */
[data-lwshop-art-sector="kvetinarstvi"] .lsg-benefits,
[data-lwshop-art-sector="beauty"] .lsg-benefits{
  background:linear-gradient(105deg,#fffaf4f4,#f6f0ea9b);
}
[data-lwshop-art-sector="gastro"] .lsg-benefits,
[data-lwshop-art-sector="remeslo"] .lsg-benefits{
  background:linear-gradient(105deg,#e8ddc9dc,#f4ece2bf);
}
[data-lwshop-art-sector="auto"] .storefront-hero{background:#10191e}
[data-lwshop-art-sector="elektrikar"] .storefront-hero .pds-edition,
[data-lwshop-art-sector="technologie"] .storefront-hero .pds-edition{letter-spacing:.11em}
[data-lwshop-art-sector="fitness"] .preview-product .preview-product-footer button{font-weight:850}
[data-lwshop-art-sector="gaming"] .storefront-hero::after,
[data-lwshop-art-sector="herni-server"] .storefront-hero::after{
  content:"";position:absolute;right:0;top:0;width:min(280px,28%);height:240px;
  pointer-events:none;z-index:0;
  background:var(--lsg-motif) center/contain no-repeat;opacity:.16;
}
/* True standalone Basic page has a distinct hero structure, keep its authored content. */
body[data-lwshop-art="v1"][data-lwshop-art-tier="basic"][data-lwshop-art-image="factory"] .hero-graphic{
  background:var(--lsg-hero) center/cover no-repeat;position:relative;
  border-radius:16px;overflow:hidden;
}
body[data-lwshop-art="v1"][data-lwshop-art-tier="basic"][data-lwshop-art-image="factory"] .hero-graphic > .lwshop-world-picture{
  opacity:.02;pointer-events:none;
}
body[data-lwshop-art="v1"][data-lwshop-art-tier="basic"] .product-card{
  border-radius:16px;transition:transform .2s ease,box-shadow .2s ease;
}
body[data-lwshop-art="v1"][data-lwshop-art-tier="basic"] .product-card:hover{
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,26,20,.14)
}
@media(max-width:800px){
  [data-lwshop-art="v1"] .lsg-benefits{gap:8px;padding:13px 16px}
  [data-lwshop-art="v1"] .lsg-benefits span{font-size:11px}
  [data-lwshop-art="v1"] .storefront-hero::before{opacity:.16!important}
}
@media(max-width:390px){
  [data-lwshop-art="v1"] .lsg-benefits{padding:12px;gap:4px}
  [data-lwshop-art="v1"] .lsg-benefits span{width:100%;font-size:11px}
  [data-lwshop-art="v1"] .lsg-benefits span + span::before{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  [data-lwshop-art="v1"] .preview-product,
  [data-lwshop-art="v1"] .preview-product-footer button,
  [data-lwshop-art="v1"] .storefront-link{transition:none!important;transform:none!important}
}

/* Actual editable category rails: imagery and labels are separate DOM layers. */
[data-lwshop-art="v1"] .lsg-category-gallery{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(9px,1.2vw,18px);margin:clamp(22px,3vw,45px) 0 clamp(30px,4vw,56px);
  min-width:0;isolation:isolate;
}
[data-lwshop-art="v1"] .lsg-category-card{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:end;min-width:0;height:clamp(145px,18vw,230px);
  padding:clamp(14px,1.8vw,25px);border-radius:18px;overflow:hidden;
  background-image:linear-gradient(0deg,rgba(7,13,18,.88),rgba(7,13,18,.06) 80%),var(--lsg-category-art);
  background-size:cover;background-position:center;color:#fff;
  box-shadow:0 13px 27px rgba(8,19,15,.13);isolation:isolate;
  border:1px solid rgba(255,255,255,.16);
  transition:transform .2s ease,box-shadow .2s ease;
}
[data-lwshop-art="v1"] .lsg-category-card::after{
  content:"";position:absolute;left:0;bottom:0;right:0;height:3px;
  background:var(--lsg-accent);opacity:.9;pointer-events:none;
}
[data-lwshop-art="v1"] .lsg-category-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(8,19,15,.2)}
[data-lwshop-art="v1"] .lsg-category-card:focus-visible{outline:3px solid var(--lsg-accent);outline-offset:3px}
[data-lwshop-art="v1"] .lsg-category-kicker{font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;opacity:.88;margin-bottom:9px}
[data-lwshop-art="v1"] .lsg-category-card strong{font-size:clamp(14px,1.4vw,20px);font-weight:800;line-height:1.3;max-width:90%;text-wrap:balance}
[data-lwshop-art="v1"] .lsg-category-arrow{position:absolute;right:16px;bottom:17px;display:grid;place-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);border-radius:50%;width:28px;height:28px;font-size:16px}
[data-lwshop-art="v1"][data-lwshop-art-tier="hiend"] .lsg-category-card{height:clamp(180px,21vw,280px);border-radius:10px}
[data-lwshop-art="v1"][data-lwshop-art-tier="basic"] .lsg-category-card{height:clamp(140px,17vw,200px)}
body[data-lwshop-art="v1"] .lsg-category-gallery{margin-left:auto;margin-right:auto;max-width:1220px;padding:0 clamp(16px,3vw,42px)}
/* Real existing per-sector photos are now the visible Premium demo artwork.
   They remain replaceable by customer-owned media and never become product data. */
.storefront[data-lwshop-art="v1"][data-lwshop-art-tier="premium"][data-lwshop-art-image="factory"] .product-picture img.lsg-product-image{
 position:absolute!important;inset:0;width:100%!important;height:100%!important;
 display:block;object-fit:cover!important;object-position:center;z-index:2;
 border-radius:inherit;
}
.storefront[data-lwshop-art="v1"][data-lwshop-art-tier="premium"][data-lwshop-art-image="factory"] .product-picture img[data-lsg-original-src]{
 object-fit:cover!important;width:100%!important;height:100%!important;
}
/* After reset and reapply there is exactly one grid; media is always decorative factory art. */
@media(max-width:720px){
 [data-lwshop-art="v1"] .lsg-category-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 [data-lwshop-art="v1"] .lsg-category-card{height:175px;border-radius:13px;padding:13px}
 [data-lwshop-art="v1"] .lsg-category-card:nth-child(3){grid-column:span 2;height:140px}
 [data-lwshop-art="v1"] .lsg-category-card strong{font-size:14px}
 [data-lwshop-art="v1"][data-lwshop-art-tier="hiend"] .lsg-category-card{height:195px}
}
@media(max-width:360px){
 [data-lwshop-art="v1"] .lsg-category-gallery{gap:7px}
 [data-lwshop-art="v1"] .lsg-category-card{height:146px;padding:11px}
 [data-lwshop-art="v1"] .lsg-category-kicker{font-size:9px}
 [data-lwshop-art="v1"] .lsg-category-arrow{right:8px;bottom:10px;width:24px;height:24px}
}

/* Gentle, separate transparent industry motif behind factory benefit labels. */
[data-lwshop-art="v1"][data-lwshop-art-image="factory"] .lsg-benefits::after{
  content:"";position:absolute;right:8px;top:50%;width:72px;height:72px;
  transform:translateY(-50%);background:var(--lsg-motif) center/contain no-repeat;
  opacity:.12;pointer-events:none;z-index:0;
}
[data-lwshop-art="v1"] .lsg-benefits span{position:relative;z-index:1}
@media(max-width:390px){
  [data-lwshop-art="v1"][data-lwshop-art-image="factory"] .lsg-benefits::after{width:46px;height:46px;opacity:.07}
}

/* Fresh Basic Shop: real renderer uses div#storefront (or body in standalone
   exports), never main#storefront. Scope to opt-in background3 only.
   A real dark image fallback makes white category labels readable when images
   are loading; footer uses the shell's actual dark/light ink, not palette-muted. */
:is(body, #storefront.storefront)[data-lbg-backgrounds="20261031-background3"][data-lbg-mode="shop"] .lsg-category-card {
  background-color: #081820 !important;
}
:is(body, #storefront.storefront)[data-lbg-backgrounds="20261031-background3"][data-lbg-mode="shop"] .lws-footer-summary {
  color: var(--lws-brand-ink, #f3f6f5) !important;
  opacity: 1 !important;
}