.ymcd {
    --ymcd-ink:#141413; --ymcd-muted:#53514e; --ymcd-line:#dedbd4;
    --ymcd-base:#f8f7f4; --ymcd-mark:#f7eee0; --ymcd-accent:#a73d2b;
    color:var(--ymcd-ink); background:var(--ymcd-base);
    font-family:Inter,Arial,sans-serif; font-size:16px; line-height:1.55;
}
.ymcd *, .ymcd *::before, .ymcd *::after { box-sizing:border-box; }
.ymcd-wrap { max-width:1220px; margin:0 auto; padding:42px 40px 72px; }
.ymcd .ymcd-breadcrumb { position:static; inset:auto; width:auto; height:auto; min-height:0; padding:0; background:none; box-shadow:none; border:0; transform:none; display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:24px; font-size:13px; color:var(--ymcd-muted); }
.ymcd-breadcrumb a,.ymcd-series-head a,.ymcd-collection-head a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.ymcd-hero { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1fr); align-items:center; gap:58px; }
.ymcd-visual { display:grid; grid-template-columns:minmax(0,340px) 78px; gap:12px; justify-content:center; }
.ymcd-figure { margin:0; background:#fff; border:1px solid var(--ymcd-line); }
.ymcd img { display:block; width:100%; height:auto; aspect-ratio:2/3; object-fit:cover; }
.ymcd-figure img { object-position:center; }
.ymcd-figure figcaption { display:grid; gap:1px; padding:13px 16px; border-top:1px solid #e7dbcc; background:var(--ymcd-mark); color:#473327; }
.ymcd-figure figcaption strong { font-size:15px; font-weight:700; }
.ymcd-figure figcaption span { font-size:13px; }
.ymcd-thumbs { list-style:none; padding:0; margin:0; display:grid; align-content:start; gap:10px; }
.ymcd-thumbs a { display:block; border:1px solid var(--ymcd-line); }
.ymcd h1,.ymcd h2,.ymcd h3 { font-family:Archivo,Arial,sans-serif; letter-spacing:-.026em; color:var(--ymcd-ink); }
.ymcd h1 { font-size:clamp(36px,4.5vw,60px); line-height:1.02; font-weight:700; margin:9px 0 13px; }
.ymcd-overline { text-transform:uppercase; font-size:12px; letter-spacing:.16em; font-weight:700; color:var(--ymcd-accent); margin:0; }
.ymcd-code { font-family:Inter,Arial,sans-serif; font-weight:600; color:var(--ymcd-muted); font-size:12px; letter-spacing:.11em; }
.ymcd-details .ymcd-code { margin:0 0 16px; }
.ymcd-description { margin:0 0 23px; font-size:16px; line-height:1.6; max-width:48ch; color:var(--ymcd-muted); }
.ymcd-specs { margin:0 0 22px; border-top:1px solid var(--ymcd-line); }
.ymcd-specs div { display:grid; grid-template-columns:minmax(105px,35%) 1fr; gap:14px; padding:12px 0; border-bottom:1px solid var(--ymcd-line); }
.ymcd-specs dt { font-size:13px; color:var(--ymcd-muted); }
.ymcd-specs dd { margin:0; font-weight:600; font-size:14px; }
.ymcd-cta { border:0; border-radius:0; background:#151514; color:#fff; padding:14px 19px; font:600 14px Inter,Arial,sans-serif; cursor:pointer; }
.ymcd-cta span { margin-left:8px; }
.ymcd a:focus-visible,.ymcd button:focus-visible { outline:2px solid var(--ymcd-accent); outline-offset:4px; }
.ymcd-series { margin-top:40px; padding-top:22px; border-top:1px solid var(--ymcd-line); }
.ymcd-series-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px; margin:0 0 14px; }
.ymcd h2 { font-size:clamp(23px,2.7vw,34px); margin:0; line-height:1.1; }
.ymcd-series-head a { font-size:13px; }
.ymcd-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:14px; }
.ymcd-card { background:#fff; border:1px solid var(--ymcd-line); }
.ymcd-card a { display:block; color:inherit; text-decoration:none; }
.ymcd-card-visual { position:relative; overflow:hidden; }
.ymcd-card img { aspect-ratio:3/4; object-position:center; }
.ymcd-card-badge { display:block; position:absolute; left:10px; top:10px; background:#ffefda; color:#4d2c1b; border:1px solid #dfc9b0; padding:5px 7px; font-weight:700; font-size:11px; line-height:1.2; }
.ymcd-card-body { padding:11px 13px 14px; }
.ymcd-card h3 { font-size:17px; line-height:1.18; margin:4px 0 9px; }
.ymcd-card-link { font-size:12px; font-weight:600; }
.ymcd-collection-head { margin:8px 0 25px; max-width:650px; }
.ymcd-collection-head p:not(.ymcd-overline) { color:var(--ymcd-muted); }
@media(max-width:900px) {
    .ymcd-wrap { padding:28px 24px 56px; }
    .ymcd-hero { gap:28px; }
    .ymcd-visual { grid-template-columns:minmax(0,1fr) 53px; gap:8px; }
}
@media(max-width:640px) {
    .ymcd-wrap { padding:20px 18px 40px; }
    .ymcd-breadcrumb { margin-bottom:16px; }
    .ymcd-hero { display:flex; flex-direction:column; align-items:stretch; gap:23px; }
    .ymcd-details { order:-1; }
    .ymcd h1 { font-size:36px; }
    .ymcd-cta { min-height:44px; }
    .ymcd-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .ymcd-card img { aspect-ratio:2/3; }
}
