.detail-page { background:#fffefe; }
.detail-header { border-bottom:3px solid var(--blue); }
.detail-nav { display:flex; gap:1rem; align-items:center; }
.detail-main { max-width:1320px; margin:auto; padding:4.5rem max(4vw,1.25rem) 7rem; }
.back-link { color:var(--purple); font-weight:700; text-decoration:none; }
.detail-title { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin:3rem 0 2.5rem; }
.detail-title h1 { font-size:clamp(3.4rem,7vw,6.8rem); }
.status-chip { flex:none; padding:.55rem 1rem; border:2px solid var(--ink); border-radius:99px; background:var(--butter); font-weight:700; }
.photo-grid { display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; gap:1rem; }
.photo-grid img { display:block; width:100%; height:100%; min-height:260px; object-fit:cover; border:4px solid var(--ink); border-radius:1.5rem; background:#fff; }
.photo-grid img:first-child { grid-row:1/3; min-height:620px; }
.detail-content { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-top:4rem; }
.detail-content h2 { font-size:clamp(2.2rem,4vw,3.8rem); }
.detail-content h3 { margin:2rem 0 .7rem; font:700 1.25rem Fredoka,sans-serif; }
.detail-content ul { padding-left:1.2rem; }
.specs { overflow:hidden; border:3px solid var(--ink); border-radius:1.4rem; background:#fff; }
.specs div { display:grid; grid-template-columns:140px 1fr; gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid var(--line); }
.specs div:last-child { border:0; }
.specs b { color:var(--purple); }
.detail-note { margin-top:3rem; padding:1.3rem; border-radius:1rem; background:var(--blue); font-weight:600; }
.detail-cta { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-top:4rem; padding:2.2rem; border-radius:1.5rem; background:linear-gradient(135deg,#e9f8ff,var(--blue)); }
.detail-cta h2 { margin:0; font-size:clamp(2rem,4vw,3rem); }
@media(max-width:760px){.detail-title,.detail-cta{align-items:flex-start;flex-direction:column}.photo-grid{grid-template-columns:1fr;grid-template-rows:auto}.photo-grid img:first-child{grid-row:auto;min-height:360px}.photo-grid img{min-height:300px}.detail-content{grid-template-columns:1fr;gap:2rem}.specs div{grid-template-columns:105px 1fr}}
.breadcrumbs { display:flex; gap:.6rem; margin-bottom:2rem; font-weight:700; }
.breadcrumbs a { color:var(--purple); text-decoration:none; }
.item-hero { display:grid; grid-template-columns:1.25fr .75fr; gap:3.5rem; align-items:center; }
.item-photos { display:grid; grid-template-columns:1.45fr .55fr; gap:.8rem; }
.item-photos>img,.item-photos>div img { display:block; width:100%; height:100%; object-fit:cover; border:4px solid var(--ink); border-radius:1.25rem; background:#fff; }
.item-main-photo { min-height:650px; }
.item-photos>div { display:grid; grid-template-rows:1fr 1fr; gap:.8rem; }
.item-copy h1 { margin:.7rem 0 1.3rem; font-size:clamp(3rem,6vw,6rem); }
.item-copy .status-chip { display:inline-block; margin-bottom:1.5rem; }
.item-lede { font-size:1.08rem; }
.color-line { display:grid; gap:.25rem; margin:2rem 0; padding:1rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.color-line b { color:var(--purple); }
.item-details { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-top:5rem; }
.item-details h2 { font-size:clamp(2.3rem,4vw,4rem); }
.item-details li { margin:.5rem 0; }
.catalog-main { max-width:1450px; margin:auto; padding:5rem max(4vw,1.25rem) 7rem; }
.catalog-intro { max-width:900px; margin-bottom:6rem; }
.catalog-intro h1 { margin:.8rem 0 1.5rem; font-size:clamp(3.8rem,8vw,7.5rem); }
.catalog-intro>p:not(.eyebrow) { max-width:600px; font-size:1.1rem; }
.catalog-intro .status-chip { display:inline-block; margin-top:1.2rem; }
.catalog-group { margin-top:5rem; }
.catalog-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:1.5rem; border-bottom:3px solid var(--blue); }
.catalog-heading h2 { font-size:clamp(2.5rem,5vw,4.5rem); }
.catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.2rem; }
.catalog-card { display:block; overflow:hidden; padding-bottom:1.2rem; color:var(--ink); text-decoration:none; border:3px solid var(--ink); border-radius:1.2rem; background:#fff; box-shadow:6px 6px 0 var(--blue); transition:transform .2s ease; }
.catalog-card:hover { transform:translateY(-5px); }
.catalog-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; margin-bottom:1rem; }
.catalog-card span,.catalog-card h3,.catalog-card b { display:block; margin-left:1rem; margin-right:1rem; }
.catalog-card span { color:var(--purple); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.catalog-card h3 { min-height:2.8rem; margin-top:.35rem; margin-bottom:.6rem; font:700 1.12rem/1.15 Fredoka,sans-serif; }
.catalog-card b { color:var(--purple); font-size:.82rem; }
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-hero{grid-template-columns:1fr}.item-main-photo{min-height:500px}}
@media(max-width:720px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-photos{grid-template-columns:1fr}.item-photos>div{grid-template-columns:1fr 1fr;grid-template-rows:auto}.item-main-photo{min-height:380px}.item-details{grid-template-columns:1fr;gap:2rem}}
@media(max-width:460px){.catalog-grid{grid-template-columns:1fr}}