.catalog-refine{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.catalog-refine label{display:grid;gap:8px;flex:1;min-width:160px;font-size:13px;color:var(--muted,#687484)}.catalog-refine select,.variant-select{font:inherit;color:#171c20;background:#fff;border:1px solid #d8dde5;border-radius:10px;padding:12px;width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}.variant-label{display:grid;gap:8px;margin:20px 0 12px;font-size:12px;color:#687484}.product-card .product-info>p{font-size:13px;line-height:1.65;min-height:5em}.product-card .variant-select{font-size:12px}.product-card[hidden]{display:none!important}.order-notice{max-width:850px;color:#687484;font-size:14px;line-height:1.75;margin:20px 0 28px}.variant-table-wrap{overflow:auto}.variant-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.variant-table td,.variant-table th{padding:14px 10px;border-bottom:1px solid #d8dde5}.variant-table td:last-child{white-space:nowrap}.related-models{display:flex;flex-wrap:wrap;gap:20px}.category-hub{padding-top:70px;padding-bottom:70px}.category-hub section{margin-top:60px}.category-hub h1{font-size:clamp(36px,6vw,72px);letter-spacing:-.05em}.category-hub h2{margin-bottom:25px}.category-hub>.order-notice{margin-bottom:40px}.product-landing-copy .variant-select{font-size:14px}.breadcrumbs{flex-wrap:wrap}.product-name{overflow-wrap:anywhere}@media(max-width:600px){.catalog-refine{gap:10px}.catalog-refine label{min-width:calc(50% - 10px)}.catalog-refine label:last-child{flex-basis:100%}.product-card .product-info>p{min-height:0}.variant-table{font-size:12px}.category-hub{padding-top:35px}.catalog-refine select,.product-card .variant-select,.product-landing-copy .variant-select{font-size:16px}}
.product-card{display:flex;flex-direction:column}.product-card .product-picture{flex-shrink:0}.product-card .product-info{display:flex;flex-direction:column;flex:1}.product-card .variant-label{margin-top:auto;padding-top:20px}.product-card .product-buy{margin-top:0}

/* Intrinsic select/table widths must not expand the document on mobile Safari. */
.product-landing-grid > *, .product-info, .variant-label { min-width: 0; }
@media (max-width: 760px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
  .product-card .product-picture { aspect-ratio: 1 / 1; }
  .product-card .product-picture > img { padding: 8px; }
  .product-card .stock-label { top: 10px; left: 8px; font-size: 8px; }
  .product-card .product-index { top: 10px; right: 8px; font-size: 8px; }
  .product-card .picture-arrow { width: 24px; height: 24px; right: 8px; bottom: 8px; }
  .product-card .product-info { padding: 12px 0 0; }
  .product-card .product-name { font-size: 16px; line-height: 1.35; }
  .product-card .product-info > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 11px; line-height: 1.6; min-height: 0; }
  .product-card .variant-label { padding-top: 12px; font-size: 11px; }
  .product-card .variant-select { padding: 10px 6px; font-size: 16px; }
  .product-card .product-buy { flex-direction: column; align-items: stretch; gap: 10px; padding-top: 12px; }
  .product-card .product-buy strong { font-size: 22px; }
  .product-card .add-button { width: 100%; min-height: 44px; padding: 10px; justify-content: space-between; gap: 6px; font-size: 11px; }
  html[data-currency="UZS"] .product-card .product-buy strong { font-size: 18px; }
}