/* Stili estratti dagli attributi style="" inline delle pagine.
   Ogni classe .xs-N corrisponde a una dichiarazione che prima era inline. */

body { --scrollbarWidth: 15px; --headerHeight: 0px; }

.xs-1 { position: absolute; }
.xs-2 { --scrollbarWidth: 15px; }
.xs-3 { --background-preheader-brand: var(--color-primary-01-800);--background-preheader-discounts: var(--color-secondary-red-200);--background-preheader-info: var(--color-secondary-blue-100);--background-preheader-opus-orange: var(--color-secondary-orange-200);--countdown-color-preheader-opus-orange: var(--color-secondary-orange-600);--usefullinks-border-color-hover: var(--color-primary-01-500);--usefullinks-button-color: var(--color-grey-999); }
.xs-4 { text-decoration:none; }
.xs-5 { display: none; }
.xs-6 { --imgRatio-679:1/1;--imgRatio-1023:1/1;--imgRatio-1279:3/4;--imgRatio-1919:3/4;--imgRatio-1920:3/4; }
.xs-7 { left: 0px; width: 44.0167%; }
.xs-8 { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }
.xs-9 { width:auto; }
.xs-10 { display:block; width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:var(--border-radius-m); }
.xs-11 { width:100%; height:100%; object-fit:cover; display:block; }
.xs-12 { width:180px; height:180px; overflow:hidden; border-radius:var(--border-radius-m); flex-shrink:0; }
.xs-13 { left: 0px; width: 78.2445%; }
.xs-14 { padding:2.5rem 1rem; }
.xs-15 { display:grid; grid-template-columns:repeat(4, 1fr); gap:2rem; }
.xs-16 { margin-bottom:1rem; }
.xs-17 { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.75rem; }
.xs-18 { max-width:1200px; margin:0 auto; padding:1.5rem 1rem; text-align:center; font-size:0.8125rem; color:var(--color-grey-600,#666); border-top:1px solid var(--color-grey-200,#e0e0e0); }
.xs-19 { margin:0; }
.xs-20 { padding-top:2rem; padding-bottom:4rem; display:grid; grid-template-columns:1fr 360px; gap:3rem; align-items:start; }
.xs-21 { margin-bottom:1.5rem; }
.xs-22 { list-style:none; margin:0; padding:0; }
.xs-23 { display:flex; gap:1.5rem; padding:1.5rem 0; border-bottom:1px solid var(--color-grey-200, #e0e0e0); align-items:flex-start; }
.xs-24 { flex:0 0 120px; }
.xs-25 { width:120px; height:120px; object-fit:cover; border-radius:var(--border-radius-m); }
.xs-26 { flex:1 1 auto; min-width:0; }
.xs-27 { font-weight:600; display:block; margin-bottom:0.5rem; }
.xs-28 { display:flex; align-items:center; gap:0.375rem; margin-bottom:0.5rem; }
.xs-29 { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.75rem; font-size:0.8125rem; color:var(--color-status-text-success, #1a7a1a); }
.xs-30 { display:flex; align-items:center; gap:1.25rem; }
.xs-31 { display:inline-flex; align-items:center; border:1px solid var(--color-grey-400, #b3b3b3); border-radius:var(--border-radius-s); overflow:hidden; }
.xs-32 { width:2.25rem; height:2.25rem; border:none; background:var(--color-grey-100,#f5f5f5); font-size:1.125rem; cursor:pointer; }
.xs-33 { width:2.5rem; text-align:center; font-weight:600; }
.xs-34 { color:var(--color-status-text-error, #c61112); background:none; border:none; cursor:pointer; padding:0; }
.xs-35 { flex:0 0 auto; text-align:right; }
.xs-36 { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.75rem; font-size:0.8125rem; color:var(--color-grey-600, #666); }
.xs-37 { display:none; text-align:center; padding:4rem 1rem; border:1px solid var(--color-grey-200, #e0e0e0); border-radius:var(--border-radius-m); }
.xs-38 { margin-bottom:0.5rem; }
.xs-39 { color:var(--color-grey-600,#666); margin-bottom:1.5rem; }
.xs-40 { display:inline-flex; }
.xs-41 { display:flex; gap:0.75rem; margin-top:2rem; max-width:24rem; }
.xs-42 { flex:1; padding:0.65rem 0.75rem; border:1px solid var(--color-grey-400, #b3b3b3); border-radius:var(--border-radius-s); font-size:0.9375rem; }
.xs-43 { font-size:0.8125rem; margin-top:0.5rem; color:var(--color-grey-600,#666); }
.xs-44 { border:1px solid var(--color-grey-200, #e0e0e0); border-radius:var(--border-radius-m); padding:1.5rem; position:sticky; top:1.5rem; }
.xs-45 { display:flex; justify-content:space-between; margin-bottom:0.75rem; }
.xs-46 { display:none; justify-content:space-between; margin-bottom:0.75rem; color:var(--color-status-text-success, #1a7a1a); }
.xs-47 { display:flex; justify-content:space-between; font-weight:600; font-size:1.125rem; padding-top:0.75rem; border-top:1px solid var(--color-grey-200, #e0e0e0); margin-bottom:1.5rem; }
.xs-48 { width:100%; display:flex; justify-content:center; }
.xs-49 { display:block; text-align:center; margin-top:1rem; }
.xs-50 { --scrollbarWidth: 15px; --headerHeight: 0px; }
.xs-51 { display: block; }
.xs-52 { object-fit: cover; }
.xs-53 { margin-bottom:2rem; }
.xs-54 { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-bottom:2.5rem; }
.xs-55 { display:flex; flex-direction:column; gap:0.4rem; font-size:0.875rem; }
.xs-56 { padding:0.65rem 0.75rem; border:1px solid var(--color-grey-400, #b3b3b3); border-radius:var(--border-radius-s); font-size:1rem; }
.xs-57 { display:flex; flex-direction:column; gap:0.4rem; font-size:0.875rem; grid-column: 1 / -1; }
.xs-58 { display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }
.xs-59 { display:flex; align-items:center; gap:0.75rem; padding:1rem; border:1px solid var(--color-grey-400, #b3b3b3); border-radius:var(--border-radius-m); cursor:pointer; }
.xs-60 { width:1.125rem; height:1.125rem; }
.xs-61 { display:flex; gap:0.75rem; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid var(--color-grey-200, #e0e0e0); }
.xs-62 { width:56px; height:56px; object-fit:cover; border-radius:var(--border-radius-s); flex:none; }
.xs-63 { font-size:0.875rem; flex:1; }
.xs-64 { color:var(--color-grey-600,#666); }
.xs-65 { font-size:0.875rem; white-space:nowrap; }
.xs-66 { padding-top:1.5rem; padding-bottom:4rem; display:grid; grid-template-columns:1fr 340px; gap:3rem; }
.xs-67 { color:var(--color-grey-600,#666); margin-bottom:2rem; }
.xs-68 { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.xs-69 { padding:0.6rem 0.75rem; border:1px solid var(--color-grey-400,#b3b3b3); border-radius:var(--border-radius-s); font-size:0.9375rem; }
.xs-70 { display:flex; flex-direction:column; gap:0.4rem; font-size:0.875rem; grid-column:1 / -1; }
.xs-71 { padding:0.6rem 0.75rem; border:1px solid var(--color-grey-400,#b3b3b3); border-radius:var(--border-radius-s); font-size:0.9375rem; background:#fff; }
.xs-72 { padding:0.6rem 0.75rem; border:1px solid var(--color-grey-400,#b3b3b3); border-radius:var(--border-radius-s); font-size:0.9375rem; font-family:inherit; resize:vertical; }
.xs-73 { justify-self:start; grid-column:1 / -1; }
.xs-74 { display:none; color:var(--color-status-text-success,#1a7a1a); font-size:0.9375rem; margin:0; grid-column:1 / -1; }
.xs-75 { border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); padding:1.5rem; align-self:start; }
.xs-76 { margin-bottom:1.25rem; }
.xs-77 { display:flex; gap:0.75rem; margin-bottom:1.25rem; }
.xs-78 { flex-shrink:0; color:var(--color-grey-600,#666); }
.xs-79 { font-weight:600; margin:0 0 0.2rem; }
.xs-80 { margin:0; font-size:0.9375rem; color:var(--color-grey-700,#444); }
.xs-81 { margin:0; font-size:0.8125rem; color:var(--color-grey-600,#666); }
.xs-82 { display:flex; gap:0.75rem; }
.xs-83 { padding-top:1.5rem; padding-bottom:4rem; }
.xs-84 { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:1.5rem; }
.xs-85 { border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); padding:1rem; position:relative; }
.xs-86 { position:absolute; top:0.75rem; right:0.75rem; width:2rem; height:2rem; border-radius:50%; border:none; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.15); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.xs-87 { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--border-radius-s); margin-bottom:0.75rem; }
.xs-88 { font-weight:600; display:block; margin-bottom:0.5rem; min-height:2.6em; }
.xs-89 { font-weight:600; margin:0 0 0.75rem; }
.xs-90 { width:100%; }
.xs-91 { display:none; text-align:center; padding:4rem 1rem; border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); }
.xs-92 { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.25rem; margin-bottom:3rem; }
.xs-93 { border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); padding:1.5rem; text-decoration:none; color:inherit; }
.xs-94 { margin-bottom:0.75rem; }
.xs-95 { font-weight:600; margin:0 0 0.35rem; }
.xs-96 { font-size:0.875rem; color:var(--color-grey-600,#666); margin:0; }
.xs-97 { border-bottom:1px solid var(--color-grey-200,#e0e0e0); }
.xs-98 { width:100%; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.1rem 0; background:none; border:none; text-align:left; font-size:1rem; font-weight:600; cursor:pointer; }
.xs-99 { flex-shrink:0; transition:transform 0.2s; }
.xs-100 { display:none; padding-bottom:1.1rem; color:var(--color-grey-700,#444); font-size:0.9375rem; line-height:1.6; }
.xs-101 { justify-content:flex-start; }
.xs-102 { text-align:left; margin-left:0; margin-right:0; }
.xs-103 { --scrollbarWidth: 15px; --headerHeight: 34px; }
.xs-104 { padding-top:1.5rem; padding-bottom:4rem; display:grid; grid-template-columns:240px 1fr; gap:3rem; align-items:start; }
.xs-105 { border-right:1px solid var(--color-grey-200,#e0e0e0); padding-right:1.5rem; }
.xs-106 { display:flex; align-items:center; gap:0.75rem; margin-bottom:1.5rem; }
.xs-107 { width:48px; height:48px; border-radius:50%; background:var(--color-grey-100,#f0f0f0); display:flex; align-items:center; justify-content:center; font-weight:600; font-size:1.125rem; color:var(--color-grey-700,#444); }
.xs-108 { font-weight:600; margin:0; }
.xs-109 { font-size:0.8125rem; color:var(--color-grey-600,#666); margin:0; }
.xs-110 { display:flex; flex-direction:column; gap:0.25rem; }
.xs-111 { padding:0.6rem 0.75rem; border-radius:var(--border-radius-s); font-size:0.9375rem; font-weight:600; background:var(--color-grey-100,#f0f0f0); text-decoration:none; color:inherit; }
.xs-112 { padding:0.6rem 0.75rem; border-radius:var(--border-radius-s); font-size:0.9375rem; text-decoration:none; color:inherit; }
.xs-113 { margin-top:0.75rem; padding:0.6rem 0.75rem; border:none; background:none; text-align:left; font-size:0.9375rem; color:var(--color-status-text-error,#c61112); cursor:pointer; }
.xs-114 { grid-column:1 / -1; display:flex; gap:1rem; margin-top:0.5rem; }
.xs-115 { display:none; }
.xs-116 { display:flex; justify-content:space-between; align-items:center; padding:1.25rem 0; border-bottom:1px solid var(--color-grey-200,#e0e0e0); }
.xs-117 { font-weight:600; margin:0 0 0.25rem; }
.xs-118 { font-size:0.8125rem; font-weight:600; color:var(--color-status-text-success,#1a7a1a); background:#eafaf0; padding:0.35rem 0.75rem; border-radius:2rem; }
.xs-119 { font-size:0.8125rem; font-weight:600; color:var(--color-info-700,#0b5f8a); background:#e8f4fb; padding:0.35rem 0.75rem; border-radius:2rem; }
.xs-120 { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:1.25rem; }
.xs-121 { border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); padding:1.25rem; }
.xs-122 { font-weight:600; margin:0 0 0.4rem; }
.xs-123 { margin:0; color:var(--color-grey-700,#444); font-size:0.9375rem; }
.xs-124 { border:1px solid var(--color-grey-200,#e0e0e0); border-radius:var(--border-radius-m); padding:1.25rem; display:flex; justify-content:space-between; align-items:center; }
.xs-125 { font-size:0.8125rem; color:var(--color-grey-600,#666); }

/* Lista dei desideri: titolo prodotto max 2 righe */
.fav-card a.xs-88 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Barra filtri categoria: pannelli dropdown */
.flt-panel {
  position: fixed;
  z-index: 5000;
  min-width: 220px;
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--color-grey-200, #ccc);
  border-radius: var(--border-radius-m, 8px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.14);
  padding: 0.75rem;
  display: none;
  flex-direction: column;
  gap: 0.25rem;
  font-family: Edile, sans-serif;
  font-size: 0.9375rem;
}
.flt-panel.is-open { display: flex; }
.flt-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0.5rem;
  border-radius: var(--border-radius-s, 4px);
  cursor: pointer;
}
.flt-option:hover { background: var(--color-grey-100, #eee); }
.flt-option input { width: 1.125rem; height: 1.125rem; accent-color: #D97757; cursor: pointer; }
.flt-group-title { font-weight: 600; margin: 0.25rem 0 0.25rem 0.5rem; }
.flt-range { display: flex; gap: 0.5rem; padding: 0.25rem 0.5rem; }
.flt-range input {
  width: 90px;
  padding: 0.5rem;
  border: 1px solid var(--color-grey-400, #b3b3b3);
  border-radius: var(--border-radius-s, 4px);
  font-size: 0.9375rem;
}
.flt-on { box-shadow: inset 0 0 0 2px #D97757 !important; background: #FBEFE9 !important; }
.flt-reset { margin-left: 0.5rem; }