/* Throws (Pledy) page styles — scoped, minimal and complementary to base.css */

.breadcrumbs { display: inline-flex; gap: var(--space-2); align-items: center; padding-block: var(--space-3); }
.breadcrumbs li+li::before { content: "/"; color: var(--gray-400); margin-inline: var(--space-2); }

.hero { display: grid; gap: var(--space-6); align-items: center; padding-block: var(--space-8); }
@media (min-width: 900px) { .hero { grid-template-columns: 1.2fr 1fr; } }
.hero__search { margin-top: var(--space-4); display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.hero__search input { border-radius: var(--radius-pill); }

/* Filters */
.filters { margin-block: var(--space-6); }
.filters__row { display: grid; gap: var(--space-4); }
@media (min-width: 900px) { .filters__row { grid-template-columns: repeat(6, 1fr); align-items: end; } }
.filters__group { display: grid; gap: var(--space-2); }
.filters__group--end { justify-self: end; min-width: 180px; }
.filters__choices { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.price-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-2); align-items: center; }
.checkbox-line { display: inline-flex; gap: var(--space-2); align-items: center; margin-top: 26px; }
.filters__actions { margin-top: var(--space-3); display: flex; gap: var(--space-4); align-items: center; }

/* Product card */
.product__media {  display: block; height: 400px;}
.product__title a { color: inherit; text-decoration: none; }
.product__title a:hover { text-decoration: underline; }
.product__body { display: grid; gap: 6px; margin-top: var(--space-3); }
.product__actions { display: flex; gap: var(--space-3); align-items: center; margin-top: var(--space-2); }
.wishlist[aria-pressed="true"], .wishlist[data-active="true"] { color: var(--color-primary); border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); }

/* Craft, tips, etc. */
.feature-list { margin-top: var(--space-3); display: grid; gap: 8px; }
.tips { display: grid; gap: 8px; }

/* Personalization */
.personalization { display: grid; gap: var(--space-5); align-items: start; margin-top: var(--space-4); }
@media (min-width: 900px) { .personalization { grid-template-columns: 1fr 1fr; } }
.personalization__preview { width: 100%; }
.preview-throw { position: relative; height: 260px; border-radius: var(--radius-lg); background: linear-gradient(135deg, var(--gray-100), var(--gray-200)); box-shadow: var(--shadow-md); display: grid; place-items: center; }
.preview-monogram { font-family: var(--font-serif); font-size: clamp(28px, 6vw, 48px); font-weight: 700; letter-spacing: 0.1em; opacity: 0.9; }

/* Minor utilities */
.actions { margin-top: var(--space-3); }

/* Accessibility tweaks */
.product-grid:focus-within .product { outline: none; }
.product-grid{display: block;}
.card{
    margin-bottom: 40px;
}