/** Shopify CDN: Minification failed

Line 482:3 Expected "}" to go with "{"

**/
#trova-scatola-root{
  --ts-text-primary: var(--color-text-primary, #111827);
  --ts-text-secondary: var(--color-text-secondary, #6b7280);
  --ts-bg-primary: var(--color-background-primary, #ffffff);
  --ts-bg-secondary: var(--color-background-secondary, #f8fafc);
  --ts-border-primary: var(--color-border-primary, #9ca3af);
  --ts-border-secondary: var(--color-border-secondary, #d1d5db);
  --ts-border-tertiary: var(--color-border-tertiary, #e5e7eb);
  --ts-radius-md: var(--border-radius-md, 12px);
  --ts-radius-lg: var(--border-radius-lg, 18px);

  /* nuovi colori filtri */
  --ts-filter-bg: #fafaf8;
  --ts-filter-border: #e7e5df;
  --ts-filter-label: #5f6470;
  --ts-filter-input-bg: #ffffff;
  --ts-filter-input-border: #d9dce3;
  --ts-filter-input-border-hover: #b8bfcb;
  --ts-filter-input-focus: #e8733a;
  --ts-chip-bg: #ffffff;
  --ts-chip-border: #d3d8e2;
  --ts-chip-text: #4b5563;
  --ts-chip-hover-bg: #f5f7fb;
  --ts-chip-hover-border: #aeb7c7;
  --ts-chip-active-bg: #e8733a;
  --ts-chip-active-text: #ffffff;
  --ts-chip-active-border: #e8733a;
  --ts-chip-active-shadow: 0 8px 18px rgba(31, 111, 235, 0.18);

  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem 16px;
  font-family: var(--ts-font-sans);
}

#trova-scatola-root .filters{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:20px;
  padding:22px;
  background:var(--ts-filter-bg);
  border:1px solid var(--ts-filter-border);
  border-radius:22px;
}

#trova-scatola-root .fl{
  font-size:8px;
  font-weight:700;
  color:var(--ts-filter-label);
  letter-spacing:.08em;
  margin-bottom:8px;
  text-transform:uppercase;
}

#trova-scatola-root .finput{
  display:flex;
  align-items:center;
  border:1px solid var(--ts-filter-input-border);
  border-radius:16px;
  background:var(--ts-filter-input-bg);
  overflow:hidden;
  min-height:52px;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

#trova-scatola-root .finput:hover{
  border-color:var(--ts-filter-input-border-hover);
}

#trova-scatola-root .finput:focus-within{
  border-color:var(--ts-filter-input-focus);
  box-shadow:0 0 0 4px rgba(31, 111, 235, 0.12);
}

#trova-scatola-root .finput input,
#trova-scatola-root .finput select{
  flex:1;
  border:none;
  padding:14px 16px;
  font-size:15px;
  font-weight:500;
  color:var(--ts-text-primary);
  background:transparent;
  outline:none;
  width:100%;
  box-shadow:none;
  min-height:auto;
}

#trova-scatola-root .finput input::placeholder{
  color:#9aa3b2;
}

#trova-scatola-root .finput .unit{
  padding:0 14px;
  font-size:12px;
  font-weight:600;
  color:var(--ts-text-secondary);
  border-left:1px solid var(--ts-border-tertiary);
  white-space:nowrap;
}

#trova-scatola-root .dim-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  grid-column:1/-1;
}

#trova-scatola-root .tol-row{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:14px;
  padding:8px 2px 2px;
}

#trova-scatola-root .tol-row label{
  font-size:13px;
  color:var(--ts-text-secondary);
  white-space:nowrap;
}

#trova-scatola-root .tol-row strong{
  color:var(--ts-text-primary);
}

#trova-scatola-root .tol-row input[type=range]{
  flex:1;
}

#trova-scatola-root .tag-filters{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#trova-scatola-root .tag{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--ts-chip-border);
  border-radius:999px;
  background:var(--ts-chip-bg);
  color:var(--ts-chip-text);
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  line-height:1;
  padding:10px 16px;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .12s ease;
  white-space:nowrap;
  box-shadow:none;
  min-height:auto;
}

#trova-scatola-root .tag:hover{
  background:var(--ts-chip-hover-bg);
  border-color:var(--ts-chip-hover-border);
  color:var(--ts-text-primary);
}

#trova-scatola-root .tag:active{
  transform:translateY(1px);
}

#trova-scatola-root .tag.on{
  background:var(--ts-chip-active-bg);
  color:var(--ts-chip-active-text);
  border-color:var(--ts-chip-active-border);
  box-shadow:var(--ts-chip-active-shadow);
}

#trova-scatola-root .tag.on .tag-icon{
  filter:brightness(0) invert(1);
}

#trova-scatola-root .reset-btn{
  appearance:none;
  -webkit-appearance:none;
  font-size:13px;
  font-weight:600;
  color:#7a5a00;
  background:#fff7db;
  border:1px solid #f1d98b;
  border-radius:999px;
  cursor:pointer;
  padding:8px 14px;
  text-decoration:none;
  box-shadow:none;
  min-height:auto;
  transition:all .16s ease;
}

#trova-scatola-root .reset-btn:hover{
  background:#ffefb8;
  border-color:#e7c659;
  color:#5e4300;
}

#trova-scatola-root .divider{
  border:none;
  border-top:.5px solid var(--ts-border-tertiary);
  margin:16px 0;
}

#trova-scatola-root .grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:12px;
}

#trova-scatola-root .card{
  border:.5px solid var(--ts-border-tertiary);
  border-radius:var(--ts-radius-lg);
  overflow:hidden;
  background:var(--ts-bg-primary);
  cursor:pointer;
  transition:border-color .12s;
}

#trova-scatola-root .card:hover{
  border-color:var(--ts-border-primary);
}

#trova-scatola-root .card-img{
  width:100%;
  aspect-ratio:1;
  object-fit:contain;
  background:var(--ts-bg-secondary);
  padding:12px;
}

#trova-scatola-root .card-body{
  padding:10px 12px;
}

#trova-scatola-root .card-title{
  font-size:13px;
  font-weight:500;
  color:var(--ts-text-primary);
  line-height:1.35;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#trova-scatola-root .card-dims{
  font-size:11px;
  color:var(--ts-text-secondary);
  margin-bottom:6px;
}

#trova-scatola-root .card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#trova-scatola-root .card-price{
  font-size:15px;
  font-weight:500;
  color:var(--ts-text-primary);
}

#trova-scatola-root .card-old{
  font-size:11px;
  color:var(--ts-text-secondary);
  text-decoration:line-through;
}

#trova-scatola-root .card-tag{
  font-size:10px;
  padding:3px 8px;
  border-radius:100px;
  background:var(--ts-bg-secondary);
  color:var(--ts-text-secondary);
  border:.5px solid var(--ts-border-tertiary);
  text-transform:capitalize;
}

#trova-scatola-root .card-tag.avana{
  background:#FAEEDA;
  color:#854F0B;
  border-color:#FAC775;
}

#trova-scatola-root .card-tag.bianco{
  background:#E6F1FB;
  color:#185FA5;
  border-color:#B5D4F4;
}

#trova-scatola-root .empty{
  text-align:center;
  padding:3rem 1rem;
  color:var(--ts-text-secondary);
  font-size:14px;
}

#trova-scatola-root .empty strong{
  display:block;
  font-size:18px;
  color:var(--ts-text-primary);
  margin-bottom:6px;
  font-weight:500;
}

#trova-scatola-root .match-badge{
  font-size:10px;
  padding:2px 7px;
  border-radius:100px;
  background:#EAF3DE;
  color:#3B6D11;
  border:.5px solid #C0DD97;
}

#trova-scatola-root .section-label{
  font-size:11px;
  font-weight:500;
  color:var(--ts-text-secondary);
  letter-spacing:.06em;
  margin-bottom:10px;
}
#trova-scatola-root .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

#trova-scatola-root .top > div:last-child{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  text-align:right;
  white-space:nowrap;
}
@media (max-width: 767px){
    /* prodotti uno per riga */
  #trova-scatola-root .grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  /* card mobile a griglia */
  #trova-scatola-root .card{
    display:grid;
    grid-template-columns:84px minmax(0,1fr) auto;
    grid-template-areas:
      "image title price"
      "image dims  price";
    column-gap:12px;
    row-gap:6px;
    align-items:start;
    padding:10px;
  }

  #trova-scatola-root .card-img{
    grid-area:image;
    width:84px;
    height:84px;
    min-width:84px;
    max-width:84px;
    aspect-ratio:1;
    padding:6px;
    border-radius:10px;
  }

  #trova-scatola-root .card-body{
    display:contents;
  }

  #trova-scatola-root .card-title{
    grid-area:title;
    margin:0;
    font-size:14px;
    line-height:1.3;
    -webkit-line-clamp:3;
    align-self:start;
  }

  #trova-scatola-root .card-dims{
    grid-area:dims;
    margin:0;
    font-size:12px;
    line-height:1.3;
    align-self:start;
  }

  #trova-scatola-root .card-footer{
    grid-area:price;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-start;
    gap:6px;
    min-width:72px;
  }

  #trova-scatola-root .card-footer > div:first-child{
    text-align:right;
  }

  #trova-scatola-root .card-price{
    font-size:16px;
    line-height:1.1;
    white-space:nowrap;
  }

  #trova-scatola-root .card-old{
    font-size:11px;
  }

  #trova-scatola-root .card-tag,
  #trova-scatola-root .match-badge{
    font-size:10px;
      #trova-scatola-root .filters{
    grid-template-columns:1fr;
    gap:14px;
    padding:6px;
    border-radius:18px;
  }

  #trova-scatola-root .dim-row{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  #trova-scatola-root .dim-row .fl{
    font-size:8px;
    letter-spacing:.04em;
    margin-bottom:6px;
  }

  #trova-scatola-root .finput{
    min-height:26px;
    border-radius:14px;
  }

  #trova-scatola-root .finput input,
  #trova-scatola-root .finput select{
    padding:11px 12px;
    font-size:14px;
  }

  #trova-scatola-root .tag{
    font-size:12px;
    padding:9px 13px;
  }

  #trova-scatola-root .tol-row{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  #trova-scatola-root .tol-row label{
    white-space:normal;
  }
  }