/* ============================================================
   Aummi — дополнительные стили (страницы + модалка + мелочи)
   ============================================================ */

/* ---- Hero-слайдер с контентом (главная) ---- */
.is-front .hero-caption{
	position:absolute; inset:0; z-index:3; width:100%;
	display:flex; align-items:center; justify-content:center;
	padding:40px var(--pad);
}
.is-front .hero-slide-content{width:100%;}
.hero-slide-content{display:none;text-align:center;}
.hero-slide-content.active{display:block;}
.hero-slide-content h2{color:#fff;max-width:18em;margin:0 auto;font-weight:700;font-size:clamp(26px,3.6vw,46px);text-shadow:0 2px 10px rgba(0,0,0,.6);}
.hero-slide-content .eyebrow{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;}
.hero-slide-content .hero-actions{margin-top:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ---- service-card (главная: направления) ---- */
.service-card{display:block;background:#fff;border:1px solid #ccc;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s;}
.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12);}
.service-card__img{height:220px;overflow:hidden;}
.service-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:brightness(.7);}
.service-card:hover .service-card__img img{transform:scale(1.05);}
.service-card__body{padding:24px;text-align:center;}
.service-card__body h3{font-size:18px;font-weight:700;margin:0 0 8px;}
.service-card__body p{font-size:15px;color:var(--ink-soft);margin:0 0 16px;line-height:1.5;}
.service-card__link{color:var(--accent);font-size:14px;font-weight:600;}
@media(max-width:900px){.service-card{grid-column:span 1;}}
@media(max-width:620px){.service-card__img{height:180px;}}
@media(max-width:620px){.directions-grid{grid-template-columns:1fr !important;}}

/* ---- преимущества в детальных услугах / SEO grid ---- */
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.seo-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
@media(max-width:900px){.seo-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:620px){
	.seo-grid{grid-template-columns:1fr !important;}
	.seo-row{flex-direction:column;align-items:flex-start !important;gap:12px !important;}
	.advantages-grid{grid-template-columns:1fr !important;}
	.contact-row{flex-direction:column !important;}
	.gallery-select{display:block !important;margin-top:-8px;}
	.gallery-tabs .gallery-tab{display:none !important;}
}

/* ---- Кнопки с шиммером (hero CTA в услугах) ---- */
.hero-btn{position:relative;overflow:hidden;}
.hero-btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:btnShimmer 2.4s infinite;}
@keyframes btnShimmer{0%{left:-100%}100%{left:200%}}

/* ---- затемнение hero у детальных услуг ---- */
.service-hero .hero-veil{background:rgba(0,0,0,.65) !important;}

/* ---- gallery-select (мобильный селект категорий портфолио) ---- */
.gallery-select{display:none;width:100%;padding:12px 40px 12px 16px;font-size:15px;font-family:var(--font-body);border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;}
@media(max-width:620px){
	.gallery-tabs{display:flex !important;margin-top:0 !important;}
	.gallery-select{display:block !important;margin-bottom:8px;}
}

/* ---- отзывы: табы (tab-panel) ---- */
.tab-panel{display:none;}
.tab-panel.active{display:block;}
#reviewTabs{margin-bottom:32px;}

/* ---- модалка заявки ---- */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999;display:none;align-items:center;justify-content:center;padding:16px;}
.modal.open{display:flex;}
.modal__box{background:#fff;border-radius:var(--radius);padding:36px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.modal__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);line-height:1;}
.modal__close:hover{color:var(--ink);}
.modal__title{font-weight:600;font-size:18px;margin-bottom:16px;text-align:center;}
.modal input[type=text],.modal input[type=tel]{
	width:100%;background:#fff;border:1px solid #c8c8c8;border-radius:3px;padding:13px 14px;color:var(--ink);
	font-family:var(--font-body);font-size:15px;outline:none;margin-bottom:12px;
}
.form__consent{margin:4px 0 12px;}
.consent-line{font-size:12px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;}
.consent-line a{color:var(--accent);text-decoration:underline;}
.consent-line input{width:14px;height:14px;accent-color:#27ae60;cursor:pointer;}
.modal .quiz-submit{width:100%;}

/* ---- плавающая кнопка звонка ---- */
.float-call{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;align-items:center;gap:8px;background:#27ae60;color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 4px 16px rgba(39,174,96,.4);transition:transform .2s,box-shadow .2s;}
.float-call:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(39,174,96,.5);}

/* ---- кнопки в CTA-ленте (как в оригинале) ---- */
.cta-band .btn-black::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(39,174,96,.45),transparent);animation:ctaShimmer 2.4s infinite;}

/* ---- служебные классы форм ---- */
.alert-ok{display:none;text-align:center;margin-top:14px;}
.aummi-form .alert-ok.show{display:block;}
.form-error{display:none;color:#d41f1f;font-size:14px;text-align:center;margin-top:10px;}
.form-error.show{display:block;}

/* футер-меню */
.foot .foot-links a{display:block;color:#b9bdc4;font-size:14px;text-decoration:none;margin-bottom:9px;}
.foot .foot-links a:hover{color:var(--accent);}
.foot .foot-links{padding:0;margin:0;}

/* ---- ��������� �������� (privacy) ---- */
.privacy-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:40px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.privacy-box h2{font-size:22px;margin-bottom:20px;}
.privacy-box p{color:var(--ink-soft);font-size:15px;line-height:1.7;margin-bottom:20px;}
.privacy-box ul{color:var(--ink-soft);font-size:15px;line-height:1.7;margin-bottom:20px;padding-left:24px;}
.privacy-box a{color:var(--accent);}
.quiz-consent-label{font-size:12px;color:var(--muted);text-align:center;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;}
.quiz-consent-label a{color:var(--accent);text-decoration:underline;}
@media(max-width:620px){.quiz-consent-label{font-size:10px !important;display:block !important;}}
.quiz-fields input,.quiz-fields select{width:100%;}
.gallery-panel{display:none;}
.gallery-panel.active{display:block;}
.gallery-content .gallery-panel.active{display:block;}

/* ---- стабильная высота главного слайдера (мобильные) ---- */
@media (max-width: 620px) {
	.is-front .hero-slider{height:600px;min-height:600px;}
	.is-front .hero-caption{padding:20px 16px;align-items:center;}
	.is-front .hero-slide-content .hero-actions{margin-top:18px;}
}