.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-grid--list{grid-template-columns:minmax(0,1fr)}.product-grid>*{min-width:0}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);min-width:0;height:100%;transition:border-color .2s ease, background-color .2s ease, transform .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product-card:focus-visible{border-color:var(--line-strong);background:var(--bg-raised)}@media (hover:hover){.product-card:hover{border-color:var(--line-strong);background:var(--bg-raised)}}.product-card:focus-visible{outline:2px solid var(--brand-pink);outline-offset:3px}.pc-media{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.pc-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}@media (hover:hover){.product-card:hover .pc-media img{transform:scale(1.025)}}.pc-badge{position:absolute;top:14px;left:14px}.pc-badge.chip--pink{color:var(--text);background:#080608db;border-color:#ffffff24}.pc-body{flex:1;padding:26px 28px 24px}.pc-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pc-status{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.pc-rating{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;display:inline-flex}.pc-rating svg{width:12px;height:12px;color:var(--brand-pink);fill:currentColor;stroke-width:0}.product-card h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere;margin:18px 0 0;font-size:23px;font-weight:700;line-height:1.15}.pc-tags{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pc-tags li{border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:24px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.pc-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.pc-price{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.pc-price strong{color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:650;line-height:1.1}@media (hover:hover){.product-card:hover .pc-cta{border-color:var(--brand-pink-hover);background:var(--brand-pink-hover)}.product-card:hover .pc-cta .action-arrow svg{transform:translate(3px)}}.product-card--list{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);display:grid}.product-card--list .pc-media{aspect-ratio:auto;border-right:1px solid var(--line);border-bottom:0;grid-row:1/3;min-height:100%}.product-card--list .pc-body{padding:28px 32px 20px}.product-card--list .pc-footer{padding:18px 32px}.product-card--skeleton .pc-skeleton-line,.product-card--skeleton .pc-skeleton-title,.product-card--skeleton .pc-skeleton-price,.product-card--skeleton .pc-skeleton-action{border-radius:var(--radius-sm);background:#ffffff0d;display:block}.product-card--skeleton .pc-skeleton-line{width:40%;height:12px}.product-card--skeleton .pc-skeleton-title{width:70%;height:26px;margin:16px 0 14px}.product-card--skeleton .pc-skeleton-price{width:72px;height:36px}.product-card--skeleton .pc-skeleton-action{width:110px;height:36px}@media (max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid--list{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.product-grid,.product-grid--list{grid-template-columns:minmax(0,1fr)}.product-card--list{display:flex}.product-card--list .pc-media{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line)}.pc-body,.product-card--list .pc-body{padding:20px}.pc-footer,.product-card--list .pc-footer{padding:14px 20px}}@media (prefers-reduced-motion:reduce){@media (hover:hover){.product-card:hover .pc-media img{transform:none}}}.catalog-bar,.catalog-toolbar{min-height:72px;padding:14px var(--pad-x);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.catalog-bar h2{margin:0}.catalog-search{width:100%;max-width:360px;position:relative}.catalog-search>svg{width:16px;height:16px;color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catalog-search input{height:40px;padding-left:38px}.catalog-categories{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr))}.category-skeleton{align-content:start;gap:18px;min-height:460px;padding:40px 44px;display:grid}.category-skeleton span{border-radius:var(--radius-sm);background:#ffffff0d;height:14px;display:block}.category-skeleton span:first-child{width:40%}.category-skeleton span:nth-child(2){width:30%;height:40px;margin-top:24px}.category-skeleton span:nth-child(3){width:55%;height:28px}.category-skeleton span:nth-child(4){width:100%;height:88px;margin-top:12px}.catalog-toolbar-actions{align-items:center;gap:12px;display:flex}.catalog-view-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.catalog-view-toggle button{width:36px;height:34px;color:var(--text-subtle);place-items:center;transition:color .15s,background-color .15s;display:grid}.catalog-view-toggle button+button{border-left:1px solid var(--line-strong)}@media (hover:hover){.catalog-view-toggle button:hover{color:var(--text)}}.catalog-view-toggle button[aria-pressed=true]{color:var(--text);background:#ffffff0f}.catalog-view-toggle svg{width:16px;height:16px}.catalog-filters{padding:22px var(--pad-x) 26px;border-bottom:1px solid var(--line);background:var(--bg-raised);grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:20px;display:grid}.catalog-filter{gap:10px;display:grid}.catalog-filter--end{justify-items:end}.catalog-filter-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:40px;color:var(--text-muted);text-align:left;padding:0 14px;font-size:14px;transition:border-color .15s,background-color .15s,color .15s}@media (hover:hover){.catalog-filter-toggle:hover{color:var(--text);border-color:#ffffff3d}}.catalog-filter-toggle.is-on{border-color:rgb(var(--brand-pink-rgb) / .55);background:rgb(var(--brand-pink-rgb) / .1);color:var(--text)}.catalog-products{padding-block:48px 128px}.catalog-state{text-align:center;max-width:560px;margin:0 auto;padding:56px 24px}.catalog-state-icon{border:1px solid var(--line-strong);border-radius:var(--radius-md);place-items:center;width:52px;height:52px;margin:0 auto 20px;display:grid}.catalog-state-icon svg{width:22px;height:22px}.catalog-state h2{color:var(--text);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:21px;font-weight:650}.catalog-state p{color:var(--text-muted);margin:10px 0 0;font-size:15px;line-height:1.65}@media (max-width:860px){.catalog-bar,.catalog-toolbar{padding-inline:20px}.catalog-categories{grid-template-columns:minmax(0,1fr)}.catalog-filters{grid-template-columns:minmax(0,1fr);padding-inline:20px}.catalog-filter--end{justify-items:start}.catalog-products{padding-block:28px 88px}}@media (max-width:560px){.catalog-toolbar{flex-wrap:wrap}.catalog-search{max-width:none}.catalog-toolbar-actions{justify-content:space-between;width:100%}.catalog-toolbar--loading{min-height:121px}}
