/* базовые переменные */
:root{
  --c-text:#222;
  --c-muted:#666;
  --c-bg:#fff;
  --c-accent:#e7a19a; /* розовый из ваших писем */
  --radius:12px;
  --container:1160px;
  --thumb-size:72px;
}

.breadcrumb {
  display: none;
}

img{max-width:100%;height:auto;display:block}
.container{max-width:var(--container);margin-inline:auto;padding-inline:16px}

/* hero */
.hero{position:relative;color:#fff}
.hero__bg img{width:100%;height:52vw;max-height:680px;object-fit:cover}
.hero__content{position:absolute;inset:auto 0 8%;text-align: center;max-height: 60px;color: white;}
.hero__title{font:400 40px/1.1 "Proxima Nova", sans-serif;margin:0 0 8px;color: white;}
.hero__meta{display:flex;gap:16px;font:400 14px/1.2 "Proxima Nova", sans-serif;text-transform:uppercase;letter-spacing:.06em;justify-content: center;}

@media (max-width:768px){
  .hero__bg img{height:72vw;max-height:none}
  .hero__title{font-size:28px}
  .hero__meta{font-size:12px}
}

/* intro */
.intro{padding:56px 0 30px}
.intro__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
.intro__title{font:400 28px/1.25 "Proxima Nova", sans-serif;margin:0 0 12px}
.intro__lead{font:500 20px/1.6 "Proxima Nova", sans-serif;margin:0 0 16px;color:var(--c-text)}
.intro__body{color:var(--c-muted); font:400 20px/1.6 "Proxima Nova", sans-serif}
.intro__cta{margin-top:20px}

@media (max-width:992px){
  .intro__grid{grid-template-columns:1fr}
}

/* gallery: CSS-only scroll-snap + thumbs */
.gallery{--thumb:var(--thumb-size)}
.gallery__viewport{
  display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px;
  border-radius:var(--radius);
  aspect-ratio: 1 / 1;
}
.gallery__slide{min-width:100%;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden}
.gallery__slide img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.gallery__thumbs{display:flex;gap:8px;margin-top:10px}
.gallery__thumb{padding:0;border:0;background:transparent;border-radius:4px;overflow:hidden;cursor:pointer}
.gallery__thumb img{width:var(--thumb);height:var(--thumb);object-fit:cover;display:block}

/* cards grid */
.merch{background: #faf7f6;padding:56px 0}
/* merch intro block (instead of section title) */
.merch-intro{ 
  text-align:center; 
  margin: 0 0 28px; 
  padding: 28px 0; 
  border-top: 1px solid rgba(0,0,0,.6); 
  border-bottom: 1px solid rgba(0,0,0,.6); 
}
.merch-intro__lead{
  font: 400 28px/1.35 "Proxima Nova", sans-serif; 
  margin: 0 0 20px; 
  color: var(--c-text);
}
.merch-intro__sub{
  font: 400 24px/1.4 "Proxima Nova", sans-serif; 
  margin: 0; 
  color: var(--c-text);
}
.merch .wrap_container {
      padding: 0 30px;
}
@media (max-width: 768px){
  .merch-intro{padding:22px 0;margin-bottom:22px}
  .merch-intro__lead{font-size:20px}
  .merch-intro__sub{font-size:18px}
}
.section-title{font:400 28px/1.25 "Proxima Nova", sans-serif;margin:0 0 24px;text-align:center}
.section-subtitle {    font-size: 17px;
    text-align: center;
    max-width: 680px;
    margin: -12px auto 0;
    line-height: 1.3;}
.cards{--cols:3;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:20px;list-style:none;padding:0;margin:0}
@media (max-width:992px){.cards{--cols:2}}
@media (max-width:560px){.cards{--cols:1}}

.product-card{background:var(--c-bg);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.product-card__link{color:inherit;text-decoration:none;display:block;height:100%; cursor: default;}
.product-card__media{position:relative; aspect-ratio:1/1; overflow:hidden}
.product-card__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .3s ease}
.product-card__media img:nth-child(2){opacity:0}
.product-card:hover .product-card__media img:nth-child(1){opacity:0}
.product-card:hover .product-card__media img:nth-child(2){opacity:1}
.product-card__body{padding:14px 16px}
.product-card__title{font:400 18px/1.3 "Proxima Nova", sans-serif;margin:0 0 6px}
.product-card__desc{color:var(--c-muted);margin:0}

/* symbols list (media objects) */
.symbols{padding:56px 0}
.symbol-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}
.symbol{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;     font-size: 16px;line-height: 1.4;}
.symbol__title{font:400 18px/1.3 "Proxima Nova", sans-serif;margin:0 0 4px}
.symbol__text{color:var(--c-muted);margin:0}

  .symbol__content {    position: relative;     margin-top: 80px;     margin-left: 100px;}
  .symbol__icon img {    width: 202px;
    height: 202px;
    object-fit: contain;
    min-width: 202px;
    margin-left: -20px;}

@media (max-width:560px){
  .symbol{grid-template-columns:56px 1fr}
  .symbol__icon img{width:56px;height:56px; min-width: 102px;}
  .symbol__content {margin: 0;}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:4px;border:1px solid currentColor;text-decoration:none;transition:.2s}
.btn_primary{background:var(--c-accent);color:#fff;border-color:var(--c-accent); text-transform: uppercase;}
.btn_primary:hover{filter:brightness(.95)}

/* slider state */
.gallery__thumb[aria-current="true"],
.gallery__thumb.is-active{outline:2px solid var(--c-accent); outline-offset:2px}