/* Talaieh category tiles and truthful fulfillment offers.
   Separate asset for shared-hosting installations without a fresh Vite build. */
.t-home-categories .t-category-grid-home,
.t-page-category-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start;
  gap: .65rem .38rem !important;
  min-inline-size: 0;
}
.t-home-categories .t-category-grid-home > .t-inline-empty,
.t-page-category-grid > .t-inline-empty {
  grid-column: 1 / -1;
  min-inline-size: 0;
  padding: .9rem 1rem;
}
.t-home-categories .t-category-grid-home:has(> :only-child),
.t-page-category-grid:has(> :only-child) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.t-home-categories .t-category-tile,
.t-page-category-grid .t-category-tile {
  display: flex !important;
  flex-direction: column;
  min-inline-size: 0;
  min-block-size: 0 !important;
  align-items: center;
  justify-content: flex-start;
  gap: .4rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  padding: .22rem .06rem .5rem;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: background .16s ease, transform .16s ease;
}
.t-home-categories .t-category-tile:hover,
.t-page-category-grid .t-category-tile:hover { background: rgb(255 255 255 / .75); box-shadow: none; transform: translateY(-2px); }
.t-home-categories .t-category-tile:focus-visible,
.t-page-category-grid .t-category-tile:focus-visible { outline: 3px solid #a56c04; outline-offset: 3px; }
.t-home-categories .t-category-tile > svg,
.t-page-category-grid .t-category-tile > svg { display: none !important; }
.t-home-categories .t-category-tile .t-category-visual,
.t-page-category-grid .t-category-tile .t-category-visual {
  display: grid;
  inline-size: min(100%, clamp(3.35rem, 18vw, 7.5rem)) !important;
  block-size: auto !important;
  aspect-ratio: 1;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border-radius: 29% !important;
  background: #fff0c9;
  color: #9b6815;
}
.t-category-tile:nth-child(8n + 1) .t-category-visual { background: #ffedd1; color: #94621b; }
.t-category-tile:nth-child(8n + 2) .t-category-visual { background: #f8d5e5; color: #964e74; }
.t-category-tile:nth-child(8n + 3) .t-category-visual { background: #dae6ff; color: #4464a2; }
.t-category-tile:nth-child(8n + 4) .t-category-visual { background: #e2e7c9; color: #66833c; }
.t-category-tile:nth-child(8n + 5) .t-category-visual { background: #e5ddff; color: #74649e; }
.t-category-tile:nth-child(8n + 6) .t-category-visual { background: #d3e8e2; color: #426d64; }
.t-category-tile:nth-child(8n + 7) .t-category-visual { background: #fff2c9; color: #967022; }
.t-category-tile:nth-child(8n + 8) .t-category-visual { background: #e6e5e1; color: #6d6760; }
.t-category-tile .t-category-visual img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.t-category-tile .t-category-visual svg { inline-size: 40%; block-size: 40%; stroke-width: 1.65; }
.t-category-tile > .min-w-0 { inline-size: 100%; min-inline-size: 0; }
.t-home-categories .t-category-tile .t-category-name,
.t-page-category-grid .t-category-tile .t-category-name {
  display: -webkit-box;
  overflow: hidden;
  min-block-size: 2.75em;
  color: #29241d;
  font-size: clamp(.72rem, 2.9vw, .86rem) !important;
  font-weight: 760;
  line-height: 1.4;
  text-overflow: clip;
  white-space: normal !important;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.t-category-tile .t-category-copy { display: none; }
.t-fulfillment-flags { display: flex; flex-wrap: wrap; align-items: center; gap: .27rem; margin-block-start: .45rem; }
.t-fulfillment-tag { display: inline-flex; min-inline-size: 0; align-items: center; gap: .2rem; border-radius: .48rem; padding: .18rem .36rem; background: #f1eee6; color: #625646; font-size: .65rem; font-weight: 760; line-height: 1.65; }
.t-fulfillment-tag svg { flex: 0 0 auto; }
.t-fulfillment-tag.is-pickup { background: #e9f4ee; color: #225a3f; }
.t-fulfillment-tag.is-shipping { background: #e9effc; color: #284d82; }
.t-fulfillment-tag.is-free { background: #dbf5e7; color: #145c37; }
.t-fulfillment-estimate { display: inline-flex; align-items: center; gap: .2rem; color: #586679; font-size: .65rem; font-weight: 700; line-height: 1.6; }
.t-fulfillment-detail { margin-block: .7rem .55rem; gap: .4rem; }
.t-fulfillment-detail .t-fulfillment-tag { padding: .4rem .55rem; font-size: .8rem; }
.t-fulfillment-detail .t-fulfillment-estimate { flex-basis: 100%; font-size: .75rem; }
.t-fulfillment-choice { display: flex; min-block-size: 3.1rem; align-items: center; gap: .45rem; border: 1px solid #e8dfd1; border-radius: .8rem; background: #fffdf9; padding: .55rem .75rem; font-size: .81rem; font-weight: 720; cursor: pointer; }
.t-fulfillment-choice:has(input:checked) { border-color: #bd923c; background: #fff6df; }
.t-fulfillment-choice:has(input:disabled) { opacity: .52; cursor: not-allowed; }
.t-fulfillment-choice input { inline-size: 1.08rem; block-size: 1.08rem; flex: 0 0 auto; accent-color: #927012; }
@media (min-width: 40rem) {
  .t-home-categories .t-category-grid-home,
  .t-page-category-grid { gap: 1.1rem .7rem !important; }
  .t-category-tile .t-category-visual { inline-size: min(100%, 7.5rem) !important; }
}
@media (min-width: 64rem) {
  .t-home-categories .t-category-grid-home,
  .t-page-category-grid,
  .t-home-categories .t-category-grid-home:has(> :only-child),
  .t-page-category-grid:has(> :only-child) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
}
@media (max-width: 22rem) {
  .t-home-categories .t-category-grid-home,
  .t-page-category-grid { gap: .45rem .2rem !important; }
  .t-home-categories .t-category-tile .t-category-visual,
  .t-page-category-grid .t-category-tile .t-category-visual { inline-size: min(100%, 3.6rem) !important; }
  .t-home-categories .t-category-tile .t-category-name,
  .t-page-category-grid .t-category-tile .t-category-name { font-size: .66rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  .t-category-tile { transition: none !important; }
  .t-category-tile:hover { transform: none !important; }
}