/* ГороДверей — витрина шоурума. Самостоятельный компонент главной страницы. */
.gd-showroom{padding:30px 32px;border:1px solid var(--gd-line);border-radius:var(--gd-radius-lg);background:var(--gd-surface);box-shadow:var(--gd-shadow-sm)}
.gd-showroom__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,.55fr);gap:30px;align-items:end;margin-bottom:22px}
.gd-showroom__head h2{margin:6px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1;letter-spacing:-.04em}
.gd-showroom__head>p{margin:0;color:var(--gd-muted);font-size:13px;line-height:1.6}
.gd-showroom__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gd-showroom-card{min-width:0;overflow:hidden;border:1px solid var(--gd-line);border-radius:14px;background:var(--gd-surface-soft);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gd-showroom-card:hover{transform:translateY(-2px);border-color:var(--gd-line-strong);box-shadow:var(--gd-shadow-md)}
.gd-showroom-card__media{position:relative;height:330px;overflow:hidden;background:var(--gd-surface);display:flex;align-items:center;justify-content:center;text-decoration:none}
.gd-showroom-card__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:14px;transition:transform .25s ease}
.gd-showroom-card:hover .gd-showroom-card__media img{transform:scale(1.015)}
.gd-showroom-card__badge{position:absolute;z-index:2;left:11px;top:11px;max-width:calc(100% - 22px);padding:7px 10px;border:1px solid color-mix(in srgb,var(--gd-gold) 55%,var(--gd-line));border-radius:999px;background:color-mix(in srgb,var(--gd-surface) 92%,transparent);color:var(--gd-gold);font-size:9px;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(8px)}
.gd-showroom-card__placeholder{font-size:34px;font-weight:900;letter-spacing:-.05em;color:color-mix(in srgb,var(--gd-muted) 35%,transparent)}
.gd-showroom-card__body{min-width:0;flex:1;padding:16px;display:flex;flex-direction:column}
.gd-showroom-card__eyebrow{color:var(--gd-muted);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.gd-showroom-card h3{margin:7px 0 0;font-size:20px;line-height:1.12;letter-spacing:-.025em}
.gd-showroom-card h3 a{text-decoration:none}
.gd-showroom-card__footer{margin-top:auto;padding-top:20px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.gd-showroom-card__price{min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--gd-text)}
.gd-showroom-card__price strong{font-size:18px;line-height:1.1}
.gd-showroom-card__old-price{color:var(--gd-muted);font-size:10px;text-decoration:line-through}
.gd-showroom-card__more{min-height:40px;padding:0 11px;border:1px solid var(--gd-line);border-radius:8px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.gd-showroom-card__more span,.gd-showroom__all span{color:var(--gd-gold);font-size:14px}
.gd-showroom__actions{display:flex;justify-content:flex-end;margin-top:18px}
.gd-showroom__all{min-height:44px;padding:0 14px;border:1px solid var(--gd-line);border-radius:9px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:11px;font-weight:800}
.gd-showroom-card a:focus-visible,.gd-showroom__all:focus-visible{outline:2px solid var(--gd-gold);outline-offset:3px}

@media(max-width:1100px){
  .gd-showroom__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gd-showroom-card__media{height:360px}
}
@media(max-width:760px){
  .gd-showroom{padding:24px 18px;border-radius:14px}
  .gd-showroom__head{grid-template-columns:1fr;gap:12px;margin-bottom:18px}
  .gd-showroom__grid{display:flex;gap:10px;margin-inline:-18px;padding-inline:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .gd-showroom__grid::-webkit-scrollbar{display:none}
  .gd-showroom-card{flex:0 0 min(82vw,320px);scroll-snap-align:start}
  .gd-showroom-card__media{height:330px}
  .gd-showroom-card__footer{align-items:flex-start;flex-direction:column}
  .gd-showroom-card__more{width:100%;justify-content:center}
  .gd-showroom__actions{justify-content:stretch}
  .gd-showroom__all{width:100%;justify-content:center;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .gd-showroom-card,.gd-showroom-card__media img{transition:none}
}