a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}
.site-header.dark{background:rgba(14,17,23,.9)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}

.nav{display:flex;gap:18px;align-items:center}
.nav a{font-weight:500;font-size:16px;opacity:.86}
.btn,.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--primary);color:#fff;padding:13px 20px;border-radius:999px;font-weight:850;cursor:pointer}
.btn.secondary{background:#111827}
.section{padding:0 0 72px 0}
@media (max-width: 768px){
	.section {
    padding: 0 0 36px 0!important;
}
.section h2:first-child{
	margin-top:0
}
}

.lead{font-size:20px;margin:0 0 28px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.badge{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}
.visual-card{background:#111827;color:#fff;border-radius:32px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.visual-card strong{font-size:56px;color:var(--accent)}
.cards,.pricing,.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.card h3{margin:0 0 8px;}
.muted{color:#6b7280}
.price{font-size:30px;font-weight:950;color:#111827}
.calc{display:grid;grid-template-columns:1fr 360px;gap:22px}
.calc-panel,.calc-result{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:24px;padding:24px}
.field{margin:0 0 16px}
.field label{display:block;font-weight:850;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d1d5db;border-radius:12px;font:inherit}
.total{font-size:42px;font-weight:950;color:var(--primary)}
.case-img{height:220px;border-radius:20px;background:#e5e7eb;object-fit:cover;width:100%}
.faq details{background:#fff;color:#111827;border: 1px solid var(--mama-gray-300);border-radius:16px;padding:18px;margin-bottom:10px}

		.faq summary::marker{background-color: var(--mama-gray-100);
		content:"";
		background:url(https://reklama96.ru/public/assets/img/arrdown.svg) no-repeat 0 0;
		width:24px;
		height:24px
		
		}
		summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:inline-block;
   
   font-size:18px;
   cursor: pointer;
   position: relative;
   width:100%
}
summary:before {  
  right: 0;
  top: 8px;
  color: transparent;
  background:url(https://reklama96.ru/public/assets/img/arrdown.svg) no-repeat 0 0;
  background-size:16px;
  width:16px;
height:12px;
  content: "";
  position: absolute;
  transition: transform .1s;
}
details[open] > summary:before {
  transform: rotateZ(180deg);
}


@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
  
}

.faq summary{font-weight:600;cursor:pointer}

/* ===== АККОРДЕОН ===== */
        .accordion-item {
            border: 1px solid var(--mama-gray-300);
            border-radius: var(--radius-sm);
            margin-bottom: 0.75rem;
            overflow: hidden;
            background: white;
        }
        .accordion-header {
            background: white;
            padding: 1rem 1.25rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.2s;
        }
        .accordion-header:hover {
            background-color: var(--mama-gray-100);
        }
        .accordion-icon {
            font-size: 1.25rem;
            transition: transform 0.2s;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }
        .accordion-content {
            max-height: 0;
            padding: 0 1.25rem;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.2s;
            border-top: 1px solid transparent;
        }
        .accordion-item.active .accordion-content {
            max-height: 300px;
            padding: 1rem 1.25rem;
            border-top-color: var(--mama-gray-300);
        }
.text-white{
	color:#fff!important
}	
.big-card {
    background:rgba(0, 91, 255, 0.08);
    border-radius: 36px;
    padding: 32px;
	
}
.big-card p{
	max-width:560px
}	
.lead-form{background:var(--mama-gray-900);color:#fff;border-radius:28px;padding:34px}
.lead-form .muted{color:#cbd5e1}
.lead-form input,.lead-form textarea{background:#fff;color:#111827}
.footer{background:#0e1117;color:#fff;padding:40px 0;margin-top:60px}
.reveal{opacity:0;transform:translateY(22px);transition:.55s ease}
.reveal.visible{opacity:1;transform:none}

/* Gallery grid crop */
.gallery-grid{
  display:grid;
  gap:18px;
}
.gallery-cols-3{grid-template-columns:repeat(3,1fr)}
.gallery-cols-4{grid-template-columns:repeat(4,1fr)}

.gallery-img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:20px;
  background:#e5e7eb;
  cursor:pointer;
}

/* Gallery masonry / proportional */
.gallery-masonry{
  column-gap:18px;
}
.gallery-masonry.gallery-cols-3{columns:3}
.gallery-masonry.gallery-cols-4{columns:4}

.gallery-masonry-img{
  width:100%;
  height:auto;
  border-radius:20px;
  margin:0 0 18px;
  break-inside:avoid;
  cursor:pointer;
  background:#e5e7eb;
}

/* Gallery slider */
.gallery-slider{
  position:relative;
  overflow:hidden;
  border-radius:16px;
}
.gallery-viewport{
  overflow:hidden;
  border-radius:24px;
}
.gallery-track{
  display:flex;
  transition:transform .35s ease;
  will-change:transform;
  gap:18px;
}
.gallery-slide{
  height:460px;
  object-fit:cover;
  border-radius:16px;
  cursor:pointer;
  flex:0 0 calc((100% - (18px * (var(--per-view, 1) - 1))) / var(--per-view, 1));
  min-width:0;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:44px;
  height:44px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#111827;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.gallery-arrow[data-prev]{left:14px}
.gallery-arrow[data-next]{right:14px}

.gallery-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  padding:16px 0 0;
}
.gallery-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  background:#cbd5e1;
  cursor:pointer;
  padding:0;
}
.gallery-dot.active{
  background:var(--primary);
  width:24px;
}

/* Lightbox */
.lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.9);
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.lightbox.active{display:flex}
.lightbox img{
  max-width:92vw;
  max-height:90vh;
  border-radius:18px;
  object-fit:contain;
}
.lightbox-close,
.lightbox-nav{
  position:absolute;
  border:0;
  background:#fff;
  color:#111;
  cursor:pointer;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
}
.lightbox-close{
  top:20px;
  right:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:28px;
}
.lightbox-nav{
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border-radius:50%;
  font-size:36px;
  line-height:1;
}
.lightbox-prev{left:20px}
.lightbox-next{right:20px}

@media(max-width:900px){
  .hero-grid,.calc{grid-template-columns:1fr}
  .cards,.pricing,.cases-grid{grid-template-columns:1fr}
  .nav{display:none}
  .gallery-cols-3,.gallery-cols-4{grid-template-columns:1fr}
  .gallery-masonry.gallery-cols-3,.gallery-masonry.gallery-cols-4{columns:1}
  .gallery-slide{height:300px;flex-basis:100%}
  .gallery-track{gap:0}
}