:root { --ink:#111; --muted:#737373; --paper:#fff; --rule:#e6e6e6; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site { width:min(100% - 32px,1280px); margin:auto; }
header { position:relative; display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-bottom:1px solid var(--rule); }
.brand, h1 { font-family:'DM Serif Display',Georgia,serif; font-weight:400; }
.brand { font-size:25px; }
.back-link { font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
main { width:min(100%,980px); padding:76px 0 100px; }
h1 { margin:0 0 12px; font-size:clamp(52px,8vw,88px); line-height:.92; }
.intro { margin:0 0 32px; color:var(--muted); font-size:11px; line-height:1.7; }
.filter-label { display:block; margin-bottom:8px; color:var(--muted); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
#size-filter { width:220px; margin-bottom:40px; padding:11px 20px 11px 0; border:0; border-bottom:1px solid var(--ink); border-radius:0; color:var(--ink); background-color:var(--paper); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23111' stroke-width='1.2'/%3E%3C/svg%3E"); background-position:right 4px center; background-repeat:no-repeat; font:inherit; font-size:12px; appearance:none; -webkit-appearance:none; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px 14px; }
.product-card { min-width:0; }
.product-image { display:block; width:100%; aspect-ratio:3 / 4; object-fit:cover; background:#eee; filter:saturate(.85); }
.product-details { display:flex; justify-content:space-between; gap:10px; padding-top:11px; font-size:11px; line-height:1.4; }
.product-price { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.favorite-toggle { width:24px; height:24px; padding:0; border:0; color:var(--muted); background:none; font-size:20px; line-height:1; cursor:pointer; }
.favorite-toggle:hover, .favorite-toggle.is-favorite { color:#c44646; }
.product-details span:first-child { min-width:0; }
.product-details span:last-child { white-space:nowrap; color:var(--muted); }
.product-stock { display:block; margin-top:6px; color:var(--muted); font-size:9px; }
.add-product { margin-top:10px; padding:0 0 5px; border:0; border-bottom:1px solid var(--ink); color:var(--ink); background:none; font:inherit; font-size:9px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.add-product:hover { color:var(--muted); border-color:var(--muted); }
.empty-products { grid-column:1 / -1; color:var(--muted); font-size:11px; }
.baby-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.baby-choice { display:flex; flex-direction:column; min-height:220px; justify-content:space-between; padding:24px; border:1px solid var(--ink); }
.baby-choice:hover { color:var(--muted); }
.baby-choice span, .baby-choice small { font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.baby-choice strong { font-family:'DM Serif Display',Georgia,serif; font-size:42px; font-weight:400; }
.baby-choice small { color:var(--muted); }
footer { display:flex; justify-content:space-between; margin-top:72px; padding:24px 0; border-top:1px solid var(--rule); color:var(--muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
@media (max-width:640px) { .site{width:calc(100% - 28px)} header{padding-top:17px} .brand{font-size:22px} main{padding:50px 0 70px} .filter-label{margin-bottom:6px} #size-filter{width:min(100%,260px); min-height:42px; margin-bottom:32px; padding:10px 20px 10px 0} .product-grid{grid-template-columns:repeat(2,1fr);gap:24px 12px} .baby-choice-grid{grid-template-columns:1fr} footer{display:block;line-height:2.2} footer span{display:block} }