/* База — как в лендинге «Осенний шарм» (charmstore.club/autumn-charm) */
:root{--page-width:1280px;--page-gutter:22px;--text:#111;--muted:#77726f;--line:#e8e4e1;--accent:#7e2628;--surface:#f4f2f0;--g:clamp(16px,9.4vw,120px);--gap:20px;--space:72px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Montserrat,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}video{display:block}a{color:inherit}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:10px 14px;background:#fff;border:1px solid var(--line)}
.skip-link:focus{transform:none}
.dev-notice{position:sticky;z-index:50;top:0;padding:7px 16px;background:#fff2c7;color:#4c3c06;text-align:center;font-size:12px}
main{width:min(100%,var(--page-width));margin-inline:auto}
.collection-image-link{display:block;height:100%}
.video-link{display:contents}

/* Герой-видео */
.hero{padding:48px var(--g) 0}
.hero video{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:var(--surface)}

/* Текст о коллекции */
.collection-intro{padding:var(--space) var(--g);font-size:12px;line-height:1.7}
.collection-intro__col{display:flex;flex-direction:column;gap:1em;text-align:center}
.collection-intro p{margin:0;text-wrap:pretty}
.collection-intro__final{padding-top:1em;font-weight:500}

/* Фото-сетки: снимки в паре и тройке всегда одного размера */
.pair,.trio{display:grid;gap:clamp(20px,4vw,48px);padding:0 var(--g) var(--space)}
/* Пары: фото разного размера, выровнены по нижнему краю */
.pair{grid-template-columns:1.45fr 1fr;align-items:end}
.pair--rev{grid-template-columns:1fr 1.45fr}
.pair img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pair .collection-image-link{height:auto}
/* Тройки: ряд одной высоты, широкое фото задаёт высоту, соседние уже */
.trio{grid-template-columns:1.4fr 1fr 1fr}
.trio--rev{grid-template-columns:1fr 1fr 1.4fr}
.trio .collection-image-link{position:relative;height:100%}
.trio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trio>:first-child img,.trio--rev>:last-child img{position:static;aspect-ratio:4/5}
.trio--rev>:first-child img{position:absolute;aspect-ratio:auto}
.wide{padding:0 var(--g) var(--space)}
.wide .collection-image-link{max-width:820px;height:auto;margin-inline:auto}
.wide img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* Фото + вертикальное видео: разного размера, как в «Осеннем шарме» */
.frame20-composition{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--space)*.5) var(--g) calc(var(--space)*1.5)}
.frame20-composition--reverse{flex-direction:row-reverse}
.frame20-composition__image{width:44%}
.frame20-composition__video{width:30%;margin-top:clamp(40px,10vw,140px)}
.frame20-composition__image,.frame20-composition__video{flex:none}
.frame20-composition__image img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.frame20-composition__video{display:block;height:auto;aspect-ratio:2/3;object-fit:cover;background:var(--surface)}

/* Товары */
.products{padding:0 var(--g) var(--space)}
.products__heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px}
.products__heading h2,.products__heading a{margin:0;color:var(--text);font-size:14px;font-weight:500;line-height:1.3}
.products__heading a{text-underline-offset:2px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.product-card{min-width:0}
.product-card__media-shell{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:6px;background:var(--surface)}
.product-card__media{display:block;width:100%;height:100%;text-decoration:none}
.product-card__media img,.product-card__placeholder{width:100%;height:100%;object-fit:cover}
.product-card__placeholder{display:block;background:radial-gradient(circle at 50% 32%,#e8e3df 0,#e8e3df 17%,transparent 17.5%),linear-gradient(145deg,#f7f5f3,#e5e0dc)}
.product-card__meta{min-height:74px;padding:16px 0 0}
.product-card__heart{position:absolute;top:0;right:0;display:grid;width:58px;height:52px;place-items:center;cursor:default;user-select:none}
.product-card__heart svg{display:block;width:22px;height:20px}
.product-card__meta h3{display:-webkit-box;min-height:24px;max-height:24px;margin:0 0 4px;overflow:hidden;color:#333;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;line-height:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-card__commerce{display:flex;width:100%;min-height:25px;align-items:center;justify-content:space-between;gap:10px}
.product-card__prices{display:flex;align-items:center;gap:5px;color:#000;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;line-height:12px;white-space:nowrap}
.product-card__soon{color:var(--muted);font-size:12px;font-weight:500}
.product-card__swatches{display:flex;flex:0 0 auto;gap:5px;margin-left:auto}
.product-card__swatches>a{display:block;width:10px;height:10px;border-radius:50%;text-decoration:none}
.product-card__swatches i{display:block;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.product-card__swatches>a.is-active{box-shadow:0 0 0 1px #fff,0 0 0 2px #999}
.product-card__prices del{color:var(--muted);font-weight:400}
.product-card__discount{color:var(--accent)}

/* Кнопка */
.collection-cta{display:flex;justify-content:center;padding:37px var(--page-gutter) 38px}
.collection-cta a{display:flex;width:332px;height:75px;align-items:center;justify-content:center;padding:0 32px;border:1px solid var(--text);border-radius:30px;text-decoration:none;font-size:23.6px;font-weight:500;transition:background-color .16s,color .16s}
.collection-cta a:hover,.collection-cta a:focus-visible{background:var(--text);color:#fff}

@media (max-width:767px){
  :root{--g:16px;--gap:8px;--space:40px}
  body{font-size:12px}
  .hero{padding-top:16px}
  .collection-intro{font-size:12px;line-height:1.6}
  .pair,.trio{gap:10px}
  .trio,.trio--rev{grid-template-columns:1.3fr 1fr}
  .trio>:first-child img{position:static;aspect-ratio:4/5}
  .trio>:nth-child(2) img{position:absolute;aspect-ratio:auto}
  .trio>:nth-child(3){grid-column:1/-1}
  .trio>:nth-child(3) img{position:static;aspect-ratio:4/3}
  .frame20-composition{padding:16px var(--g) 56px}
  .frame20-composition__image{width:52%}
  .frame20-composition__video{width:36%;margin-top:48px}
  .product-card__heart{width:44px;height:36px}
  .product-card__swatches>a{width:7px;height:7px}
  .product-card__soon{font-size:10px}
  .products__heading h2,.products__heading a{font-size:10px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}
  .product-card__meta{min-height:55px;padding-top:5px}
  .product-card__meta h3{font-size:10px;line-height:10px;min-height:20px;margin-bottom:0}
  .collection-cta{padding:0 var(--page-gutter) 48px}
  .collection-cta a{width:min(100%,280px);height:54px;border-radius:24px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}