.product-search {
  width: min(720px, calc(100% - 40px));
  max-height: min(84dvh, 860px);
  margin: auto;
  padding: 34px;
  border: 1px solid #ded5ca;
  background: #fcfaf7;
  color: #2E3928;
  box-shadow: 0 24px 90px #2E392840;
  overscroll-behavior: contain;
}
.product-search::backdrop { background: #2E3928b3; backdrop-filter: blur(5px); }
.product-search .product-search-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.product-search .product-search-kicker { font-size: 9px; text-transform: uppercase; letter-spacing: 2px; color: #756451; margin: 0 0 9px; }
.product-search h2 { font: 400 39px/1.1 'Cormorant Garamond', Georgia, serif; margin: 0; }
.product-search .product-search-close { display: grid; place-items: center; background: transparent; color: #2E3928; border: 1px solid #ded5ca; min-width: 44px; height: 44px; font-size: 27px; line-height: 1; }
.product-search .product-search-close:hover { background: #eee7de; }
.product-search .product-search-description { font-size: 12px; color: #696d66; margin: 16px 0 26px; line-height: 1.7; }
.product-search .product-search-form label { display: block; font-size: 11px; margin-bottom: 9px; }
.product-search .product-search-field { display: flex; gap: 0; }
.product-search .product-search-field input { min-width: 0; width: 100%; border: 1px solid #b9b7ab; background: #fff; padding: 15px; color: #2E3928; font: inherit; font-size: 16px; border-radius: 0; }
.product-search .product-search-field button { padding: 12px 23px; border: 1px solid #2E3928; background: #2E3928; color: #fff9f0; font-size: 12px; }
.product-search .product-search-field button:hover { background: #2E3928; }
.product-search :focus-visible { outline: 2px solid #756451; outline-offset: 4px; }
.product-search .product-search-field input:focus-visible { outline-offset: -3px; }
.product-search .product-search-status { font-size: 12px; line-height: 1.7; color: #696d66; margin: 20px 0 16px; }
.product-search .product-search-results { padding: 0; margin: 0; list-style: none; }
.product-search .product-search-result { display: grid; grid-template-columns: 86px minmax(0, 1fr) 20px; align-items: center; gap: 20px; padding: 18px 3px; border-top: 1px solid #ded5ca; text-decoration: none; color: #2E3928; transition: background .2s; }
.product-search .product-search-result:hover { background: #f1ece5; }
.product-search .product-search-result img { display: block; width: 86px; height: 108px; object-fit: cover; background: #eee7de; }
.product-search .product-search-details { min-width: 0; overflow-wrap: anywhere; }
.product-search .product-search-category { display: block; font-size: 9px; color: #756451; letter-spacing: 1px; text-transform: uppercase; }
.product-search h3 { font: 400 25px/1.15 'Cormorant Garamond', Georgia, serif; margin: 6px 0 8px; }
.product-search .product-search-price { display: block; font-size: 13px; margin-bottom: 7px; }
.product-search .product-search-availability { display: block; font-size: 10px; color: #2E3928; }
.product-search .product-search-unavailable { color: #80664c; }
.product-search .product-search-arrow { color: #756451; }
@media (max-width: 600px) {
  .product-search { width: calc(100% - 24px); padding: 24px 20px; max-height: 88dvh; }
  .product-search h2 { font-size: 31px; }
  .product-search .product-search-heading { gap: 10px; }
  .product-search .product-search-kicker { font-size: 8px; letter-spacing: 1.2px; }
  .product-search .product-search-field button { padding: 12px 15px; }
  .product-search .product-search-result { grid-template-columns: 70px minmax(0, 1fr) 15px; gap: 14px; }
  .product-search .product-search-result img { width: 70px; height: 90px; }
  .product-search h3 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) { .product-search .product-search-result { transition: none; } }