/* La Gardenia – Shop online ([shop_la_gardenia]) */
#lg-shop {
  --lg-ink: #1a1a1a;
  --lg-paper: #ffffff;
  --lg-mist: #f4f2ef;
  --lg-photo: #ebe8e4;
  --lg-line: #dcd9d4;
  --lg-stone: #6b6b6b;
  --lg-serif: 'iowan-old-style-bt', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 72px 24px 120px;
  background: var(--lg-paper); color: var(--lg-ink); font-size: 16px; line-height: 1.6; text-align: left;
}
#lg-shop *, #lg-shop *::before, #lg-shop *::after { box-sizing: inherit; }
#lg-shop [hidden] { display: none !important; }
#lg-shop h1, #lg-shop h2, #lg-shop p, #lg-shop ul { margin: 0; padding: 0; }
#lg-shop a { color: inherit; text-decoration: none; }
#lg-shop :focus-visible { outline: 2px solid var(--lg-ink); outline-offset: 3px; }

/* intestazione */
#lg-shop .lg-shop__head { text-align: center; max-width: 720px; margin: 0 auto 56px; }
#lg-shop .lg-shop__kicker { font-family: var(--lg-serif); font-size: 14px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 14px; color: var(--lg-stone); }
#lg-shop .lg-shop__title { font-family: var(--lg-serif); font-weight: 400; font-size: 69px; line-height: 1.05; text-transform: uppercase; letter-spacing: 2px; color: var(--lg-ink); }
#lg-shop .lg-shop__lead { margin-top: 18px; font-size: 18px; color: #3a3a3a; }

/* filtri e ordinamento */
#lg-shop .lg-shop__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--lg-line); }
#lg-shop .lg-shop__filters { display: flex; flex-wrap: wrap; gap: 10px; }
#lg-shop .lg-shop__chip {
  font-family: var(--lg-serif); font-size: 15px; letter-spacing: 1px; text-transform: uppercase;
  min-height: 42px; padding: 0 20px; border: 1px solid var(--lg-ink); border-radius: 20px;
  background: var(--lg-paper); color: var(--lg-ink); cursor: pointer; white-space: nowrap; line-height: 1;
  transition: background-color .2s, color .2s;
}
#lg-shop .lg-shop__chip:hover { background: var(--lg-mist); }
#lg-shop .lg-shop__chip[aria-pressed="true"] { background: var(--lg-ink); color: var(--lg-paper); }
#lg-shop .lg-shop__sort { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--lg-stone); flex: none; }
#lg-shop .lg-shop__sort select {
  font: inherit; font-size: 15px; color: var(--lg-ink); background: var(--lg-paper);
  border: 1px solid var(--lg-line); border-radius: 20px; padding: 9px 36px 9px 16px; min-height: 42px; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%231a1a1a' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
#lg-shop .lg-shop__count { margin: 18px 0 40px; font-size: 14px; color: var(--lg-stone); }

/* griglia */
#lg-shop .lg-shop__grid { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 80px 48px; }
#lg-shop .lg-shop__item { display: flex; flex-direction: column; align-items: center; text-align: center; }
#lg-shop .lg-shop__media { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 30px; overflow: hidden; background: var(--lg-photo); margin-bottom: 22px; }
#lg-shop .lg-shop__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
#lg-shop .lg-shop__item:hover .lg-shop__media img { transform: scale(1.03); }
#lg-shop .lg-shop__badge {
  position: absolute; top: 16px; left: 16px; padding: 5px 14px; border-radius: 20px;
  background: var(--lg-paper); color: var(--lg-ink); font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
}
#lg-shop .lg-shop__item.is-out .lg-shop__media img { opacity: .55; }
#lg-shop .lg-shop__name { font-family: var(--lg-serif); font-weight: 400; font-size: 22px; line-height: 1.25; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
#lg-shop .lg-shop__cat { font-size: 13px; color: var(--lg-stone); margin-bottom: 6px; }
#lg-shop .lg-shop__price { font-size: 18px; margin-bottom: 18px; }
#lg-shop .lg-shop__price del { color: var(--lg-stone); font-size: 15px; margin-right: 6px; }
#lg-shop .lg-shop__price ins { text-decoration: none; }
#lg-shop .lg-shop__price .woocommerce-Price-amount { font-weight: 400; }
#lg-shop .lg-shop__price .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#lg-shop .lg-shop__item .lg-shop__btn { margin-top: auto; }

#lg-shop .lg-shop__btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 30px;
  border: 1px solid var(--lg-ink); border-radius: 20px; background: var(--lg-ink); color: var(--lg-paper);
  font-family: var(--lg-serif); font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.2; text-align: center;
  transition: background-color .2s, color .2s;
}
#lg-shop a:hover .lg-shop__btn, #lg-shop .lg-shop__btn:hover { background: var(--lg-paper); color: var(--lg-ink); }

/* caricamento, errori */
#lg-shop .lg-shop__skeleton .lg-shop__media { animation: lg-pulse 1.4s ease-in-out infinite; }
#lg-shop .lg-shop__skeleton .lg-shop__bone { display: block; height: 14px; width: 60%; margin: 6px auto; border-radius: 7px; background: var(--lg-photo); }
@keyframes lg-pulse { 50% { opacity: .55; } }
#lg-shop .lg-shop__state { text-align: center; padding: 48px 24px; background: var(--lg-mist); border-radius: 30px; }
#lg-shop .lg-shop__state p { margin-bottom: 18px; }

/* su misura */
#lg-shop .lg-shop__custom { margin-top: 130px; padding-top: 80px; border-top: 1px solid var(--lg-line); }
#lg-shop .lg-shop__h2 { font-family: var(--lg-serif); font-weight: 400; font-size: 44px; line-height: 1.15; text-align: center; margin-bottom: 44px; }
#lg-shop .lg-shop__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
#lg-shop .lg-shop__card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 48px 44px; border-radius: 30px; background: var(--lg-mist); }
#lg-shop .lg-shop__card-kicker { font-family: var(--lg-serif); font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: var(--lg-stone); }
#lg-shop .lg-shop__card-title { font-family: var(--lg-serif); font-size: 30px; line-height: 1.2; }
#lg-shop .lg-shop__card-text { font-size: 16px; color: #3a3a3a; margin-bottom: 14px; }
#lg-shop .lg-shop__card .lg-shop__btn { margin-top: auto; }

/* tablet */
@media (max-width: 1024px) {
  #lg-shop .lg-shop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 28px; }
  #lg-shop .lg-shop__title { font-size: 52px; }
  #lg-shop .lg-shop__media { border-radius: 24px; }
}

/* mobile */
@media (max-width: 767px) {
  #lg-shop { padding: 40px 16px 90px; }
  #lg-shop .lg-shop__head { margin-bottom: 32px; }
  #lg-shop .lg-shop__title { font-size: 40px; }
  #lg-shop .lg-shop__lead { font-size: 16px; }
  #lg-shop .lg-shop__bar { flex-direction: column; align-items: stretch; gap: 14px; }
  #lg-shop .lg-shop__filters { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; }
  #lg-shop .lg-shop__filters::-webkit-scrollbar { display: none; }
  #lg-shop .lg-shop__chip { font-size: 13px; min-height: 40px; padding: 0 16px; }
  #lg-shop .lg-shop__sort { justify-content: space-between; }
  #lg-shop .lg-shop__sort select { flex: 1; max-width: 230px; }
  #lg-shop .lg-shop__count { margin: 14px 0 26px; }
  #lg-shop .lg-shop__grid { gap: 40px 14px; }
  #lg-shop .lg-shop__media { border-radius: 14px; margin-bottom: 12px; }
  #lg-shop .lg-shop__badge { top: 8px; left: 8px; padding: 3px 9px; font-size: 10px; }
  #lg-shop .lg-shop__name { font-size: 15px; letter-spacing: 1px; margin-bottom: 4px; }
  #lg-shop .lg-shop__cat { display: none; }
  #lg-shop .lg-shop__price { font-size: 15px; margin-bottom: 10px; }
  #lg-shop .lg-shop__item .lg-shop__btn { width: 100%; min-height: 40px; padding: 0 8px; font-size: 11px; letter-spacing: .5px; }
  #lg-shop .lg-shop__custom { margin-top: 80px; padding-top: 56px; }
  #lg-shop .lg-shop__h2 { font-size: 30px; margin-bottom: 28px; }
  #lg-shop .lg-shop__cards { grid-template-columns: 1fr; gap: 16px; }
  #lg-shop .lg-shop__card { padding: 32px 24px; border-radius: 20px; align-items: center; text-align: center; }
  #lg-shop .lg-shop__card-title { font-size: 24px; }
  #lg-shop .lg-shop__card .lg-shop__btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  #lg-shop *, #lg-shop *::before, #lg-shop *::after { animation: none !important; transition: none !important; }
}