@import url("shared.css?v=20261104-gold-fields");
.shop-grid{background:#fafbf8;border-radius:24px;margin-top:35px;margin-bottom:45px;padding-top:30px;padding-bottom:35px}
.filters{align-self:start;background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 20px #12392d04}
.page-title{background:linear-gradient(110deg,#f6f3e9,#eef3eb);padding:38px 0}
@media(max-width:600px){.shop-grid{margin-top:20px;border-radius:0}.filters{padding:18px}}
/* Keep dropdown focus contained; avoid the oversized global gold outline. */
.filters select{
  appearance:none;
  -webkit-appearance:none;
  min-height:44px;
  padding:11px 36px 11px 12px;
  border:1px solid #dfe7df;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%235b7465' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  transition:border-color .15s,background-color .15s;
}
.filters select:focus{
  outline:none;
  outline-offset:0;
  border-color:#729783;
  background-color:#f4f8f3;
  box-shadow:none;
}
.filters select:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 1px #729783;
}

/* Override browser and shared focus rings without changing dimensions. */
.filters select,
.filters select:focus,
.filters select:focus-visible,
.filters select:active{
  outline:0 !important;
  outline-offset:0 !important;
  box-shadow:none !important;
  border-width:1px !important;
}
.filters select:focus-visible{border-color:#124b38;background-color:#edf4ed}