/* Item catalogue extension. The existing Sungrace design tokens stay intact. */
#design-gallery{scroll-margin-top:112px}
.item-directory{padding:42px 0 56px}.item-directory .section-head{margin-bottom:25px}.item-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.item-directory-link{border:1px solid var(--border);border-radius:var(--radius);padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--white);font:500 .95rem/1.45 var(--font-display);transition:border-color .2s,box-shadow .2s}.item-directory-link:hover{border-color:var(--accent);box-shadow:0 5px 20px #13265b0b}.item-directory-link svg{width:17px;flex-shrink:0;color:var(--accent)}
.item-hero .photo-hero-grid{grid-template-columns:1fr 1.08fr}.item-hero .kicker{margin-top:12px}.item-hero .item-type{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:15px}.item-hero .lede{max-width:630px}.item-hero .hero-look img{aspect-ratio:3/2;object-fit:contain;background:#f7f8fa}.item-hero.item-copy-only .photo-hero-grid{grid-template-columns:1fr}.item-copy-only h1{max-width:1100px!important}
.item-gallery .look-card img{object-fit:contain;background:#f6f8fa}.item-gallery .look-card figcaption{padding:20px}.item-gallery .shot-type{color:var(--ink-muted);font-size:.83rem}.item-gallery .shot-reference{font:600 .78rem var(--font-display);letter-spacing:.05em;color:var(--accent)}.item-gallery .look-meta{margin-bottom:11px}.item-gallery h3{font-size:1.06rem;line-height:1.45;margin:0 0 8px}.item-gallery p{font-size:1rem}.item-gallery .card-link{min-height:32px}
.item-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.item-spec{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white)}.item-spec span{display:block;font-size:.78rem;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}.item-spec h3{font-size:1.05rem;line-height:1.5;font-weight:500}.sample-branding-note{border-left:3px solid var(--accent);padding:12px 18px;background:var(--bg-alt);font-size:.91rem;color:var(--ink-muted);line-height:1.6;margin-top:28px;max-width:960px}
.item-family-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.item-family-links a{padding:8px 14px;border-radius:99px;background:var(--bg-alt);border:1px solid var(--border);font-size:.93rem}.item-family-links a:hover{border-color:var(--accent)}.item-family-links a[aria-current=page]{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}
@media(max-width:1100px){.item-directory-grid,.item-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.item-hero .photo-hero-grid{grid-template-columns:1fr}.item-directory-grid,.item-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.item-directory{padding:32px 0 42px}}@media(max-width:540px){.item-directory-grid{grid-template-columns:1fr 1fr;gap:10px}.item-directory-link{font-size:.84rem;padding:16px 13px;gap:8px}.item-specs{grid-template-columns:1fr}.item-hero h1{font-size:2.15rem}.item-gallery h3{font-size:1.1rem}.item-directory-link svg{width:14px}}
@media(prefers-reduced-motion:reduce){.item-directory-link{transition:none}}
.item-directory-link{display:block;padding:0;overflow:hidden}.item-thumbnail{display:block;aspect-ratio:3/2;background:#f6f7f9;overflow:hidden}.item-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.item-directory-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;min-height:86px}.item-directory-title svg{width:17px;flex-shrink:0}.product-item-directory{margin-top:42px;padding-top:34px;border-top:1px solid var(--border)}.product-item-directory h3{margin-bottom:20px}.item-related-grid{margin-top:28px}
@media(max-width:540px){.item-directory-title{padding:14px 13px;font-size:.84rem;line-height:1.45;min-height:82px}.item-directory-title svg{width:14px}.item-directory-grid{gap:12px}}