/* MBL Landing v2 — catalog/cases/topcats для LP брендов */

/* HERO с фоном */
.lp__hero--bg{
  position:relative; min-height:380px; padding:0;
  background-size:cover; background-position:center;
  display:flex; align-items:center;
}
.lp__hero--bg .lp__hero-inner{padding:48px 24px; width:100%;}
.lp__hero--bg .lp__hero-text{max-width:640px; color:#fff;}
.lp__hero--bg .lp__hero-h{
  font-size:42px; line-height:1.1; margin:0 0 16px 0; color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.25); font-weight:500;
}
.lp__hero--bg .lp__hero-sub{
  font-size:18px; line-height:1.5; color:rgba(255,255,255,.92);
  margin:0 0 24px 0; max-width:520px;
}
.lp__hero--bg .btn{display:inline-block; padding:14px 28px; border-radius:8px;
  background:#fff; color:#0f141c; font-weight:500; text-decoration:none;
  border:0; font-size:16px;}
.lp__hero--bg .btn:hover{background:#f3f3f3;}
.lp__hero--bg .btn--accent{background:#c9a876; color:#0f141c;}
.lp__hero--bg .btn--accent:hover{background:#b89464;}
@media(max-width:780px){
  .lp__hero--bg{min-height:300px;}
  .lp__hero--bg .lp__hero-h{font-size:28px;}
  .lp__hero--bg .lp__hero-sub{font-size:15px;}
}

/* CATALOG — сетка карточек товара */
.lp__catalog{padding:48px 0;}
.lp__catalog h2{font-size:30px; margin:0 0 8px 0;}
.lp__catalog-sub{color:#666; margin:0 0 28px 0; font-size:15px;}
.catalog__grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;
}
.pcard{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid #e6e6e6; border-radius:10px; overflow:hidden;
  text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s;
}
.pcard:hover{transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.08);}
.pcard__img{
  width:100%; aspect-ratio:1/1; background-size:cover; background-position:center; background-color:#f5f5f5;
}
.pcard__name{padding:10px 12px 4px; font-size:14px; line-height:1.3; font-weight:500; min-height:42px;}
.pcard__price{padding:0 12px 12px; font-size:12px; color:#888;}
.lp__catalog-more{margin-top:24px; text-align:center;}
.lp__catalog-more a{color:#c9a876; font-weight:500; text-decoration:none; font-size:15px;}
.lp__catalog-more a:hover{text-decoration:underline;}
@media(max-width:980px){.catalog__grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:780px){.catalog__grid{grid-template-columns:repeat(2,1fr); gap:12px;} .lp__catalog h2{font-size:22px;}}
@media(max-width:480px){.pcard__name{font-size:13px; min-height:36px;}}

/* CASES — тёмная секция с реальными фото */
.sec--dark{background:#0f141c; color:#fff;}
.lp__cases{padding:56px 0;}
.lp__cases h2{color:#fff; font-size:30px; margin:0 0 8px 0;}
.lp__cases-sub{color:rgba(255,255,255,.7); margin:0 0 28px 0; font-size:15px; max-width:680px;}
.cases__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.ccard{
  background:#1a2230; border-radius:10px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.ccard__img{
  width:100%; aspect-ratio:4/3; background-size:cover; background-position:center;
}
.ccard__title{padding:14px 16px; font-size:14px; color:#fff; font-weight:500;}
@media(max-width:780px){
  .cases__grid{grid-template-columns:1fr; gap:12px;}
  .lp__cases h2{font-size:22px;}
}

/* TOPCATS — категории с фоновым фото */
.lp__topcats{padding:48px 0;}
.lp__topcats h2{font-size:30px; margin:0 0 28px 0;}
.topcats__grid{display:grid; gap:14px;}
.topcats--4{grid-template-columns:repeat(4,1fr);}
.topcats--3{grid-template-columns:repeat(3,1fr);}
.topcats--2{grid-template-columns:repeat(2,1fr);}
.topcat{
  position:relative; aspect-ratio:4/3; border-radius:10px; overflow:hidden;
  background-size:contain; background-position:center; background-repeat:no-repeat;
  background-color:#1a1a1a; cursor:default;
}
.topcat::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.20) 45%, rgba(0,0,0,0) 100%);
}
.topcat__title{
  position:absolute; left:0; right:0; bottom:0; color:#fff; font-weight:500;
  font-size:18px; z-index:1; padding:14px 16px;
  text-shadow:0 1px 3px rgba(0,0,0,.6);
}
@media(max-width:780px){
  .topcats--4{grid-template-columns:repeat(2,1fr);}
  .topcats--3{grid-template-columns:repeat(2,1fr);}
  .lp__topcats h2{font-size:22px;}
}

/* PROCESS / QUALITY / FAQ — небольшие правки */
.lp__process-steps{counter-reset:s; list-style:none; padding:0; margin:24px 0 0 0;
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.lp__process-steps li{position:relative; padding-top:36px; font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);}
.lp__process-steps li::before{
  counter-increment:s; content:counter(s);
  position:absolute; left:0; top:0;
  width:30px; height:30px; border-radius:50%; background:#c9a876; color:#0f141c;
  display:flex; align-items:center; justify-content:center; font-weight:500;
}
.sec--navy{background:#162033; color:#fff;}
.sec--navy h2{color:#fff;}
@media(max-width:780px){
  .lp__process-steps{grid-template-columns:1fr; gap:12px;}
}

.lp__quality .bul{list-style:none; padding:0; margin:18px 0 0 0;}
.lp__quality .bul li{position:relative; padding-left:26px; margin-bottom:10px; font-size:15px; line-height:1.5;}
.lp__quality .bul li::before{content:"✓"; position:absolute; left:0; top:0; color:#c9a876; font-weight:500;}

.lp__faq details{border-bottom:1px solid #eee; padding:14px 0;}
.lp__faq summary{font-weight:500; cursor:pointer; list-style:none; font-size:16px;}
.lp__faq summary::-webkit-details-marker{display:none;}
.lp__faq summary::after{content:" +"; color:#c9a876;}
.lp__faq details[open] summary::after{content:" –";}
.lp__faq p{margin:10px 0 0 0; color:#555; line-height:1.55;}