/* ===== AIHAL COPPER — стили сайта ===== */

:root{
  --copper: #B5691E;
  --copper-light: #D9AD6E;
  --copper-dark: #7C4419;
  --gold: #D4A24C;
  --charcoal: #201A14;
  --charcoal-2: #2B2118;
  --cream: #FAF5EC;
  --cream-2: #F3E9D8;
  --text: #2B2018;
  --text-soft: #5C4D3E;
  --white: #FFFFFF;
  --radius: 14px;
  --shadow: 0 12px 30px rgba(43,32,20,0.10);
  --shadow-lg: 0 24px 60px rgba(43,32,20,0.16);
  --maxw: 1180px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', sans-serif;
  color:var(--text);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.logo-text,.step-num{font-family:'Oswald', sans-serif; text-transform:none;}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px;}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 26px; border-radius:999px; font-weight:600; font-size:15px;
  border:2px solid transparent; cursor:pointer; transition:.2s ease; white-space:nowrap;
}
.btn-primary{background:var(--copper); color:#fff;}
.btn-primary:hover{background:var(--copper-dark); transform:translateY(-1px);}
.btn-outline{border-color:var(--copper); color:var(--copper-dark); background:transparent;}
.btn-outline:hover{background:var(--copper); color:#fff;}
.btn-accent{background:#25D366; color:#fff;}
.btn-accent:hover{background:#1eb858;}
.btn-sm{padding:10px 18px; font-size:13.5px;}
.btn-block{width:100%;}

/* ===== HEADER ===== */
.site-header{
  position:sticky; top:0; z-index:50; background:rgba(250,245,236,0.92);
  backdrop-filter:blur(8px); border-bottom:1px solid rgba(181,105,30,0.15);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 24px; gap:20px;}
.logo{display:flex; align-items:center; gap:10px;}
.logo-mark{
  width:40px; height:40px; border-radius:10px; background:linear-gradient(135deg,var(--copper-light),var(--copper-dark));
  color:#fff; font-family:'Oswald',sans-serif; font-weight:600; font-size:18px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.logo-text{display:flex; flex-direction:column; font-weight:600; font-size:19px; letter-spacing:1px; color:var(--charcoal);}
.logo-text small{font-family:'Inter',sans-serif; font-weight:500; font-size:11px; letter-spacing:.5px; color:var(--text-soft); text-transform:none;}
.nav{display:flex; gap:26px; flex-wrap:wrap;}
.nav a{font-size:14.5px; font-weight:500; color:var(--text-soft); transition:.2s;}
.nav a:hover{color:var(--copper-dark);}
.header-actions{display:flex; align-items:center; gap:16px;}
.phone-link{display:flex; align-items:center; gap:6px; font-weight:600; font-size:14.5px; color:var(--charcoal); white-space:nowrap; flex-shrink:0;}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
.burger span{width:24px; height:2px; background:var(--charcoal);}

/* ===== HERO ===== */
.hero{padding:64px 0 40px;}
.hero-inner{display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;}
.eyebrow{color:var(--copper-dark); font-weight:700; letter-spacing:2px; text-transform:uppercase; font-size:12.5px; margin-bottom:14px;}
.eyebrow.center{text-align:center;}
.hero-text h1{font-size:44px; line-height:1.15; font-weight:600; color:var(--charcoal); margin-bottom:20px;}
.hero-lead{font-size:16.5px; color:var(--text-soft); max-width:520px; margin-bottom:28px;}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px;}
.hero-badges{display:flex; gap:28px; flex-wrap:wrap;}
.badge{display:flex; flex-direction:column;}
.badge strong{font-size:18px; color:var(--copper-dark); font-family:'Oswald',sans-serif;}
.badge span{font-size:12.5px; color:var(--text-soft);}
.hero-visual{display:flex; justify-content:center;}

/* Контакты на первом экране */
.hero-contacts{display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 4px;}
.hero-contacts .hc-item{
  display:flex; align-items:center; gap:10px; text-decoration:none;
  background:#fff; border:1px solid #E7DCC8; border-radius:12px;
  padding:10px 14px; transition:.18s; box-shadow:0 2px 8px rgba(43,32,20,0.05);
}
.hero-contacts .hc-item:hover{border-color:var(--copper); transform:translateY(-1px); box-shadow:0 6px 16px rgba(43,32,20,0.1);}
.hero-contacts .hc-item svg{color:var(--copper); flex-shrink:0;}
.hero-contacts .hc-item span{display:flex; flex-direction:column; line-height:1.25;}
.hero-contacts .hc-item b{font-size:14.5px; color:var(--charcoal); white-space:nowrap;}
.hero-contacts .hc-item small{font-size:11px; color:var(--text-soft);}
.hero-contacts .hc-phone b{font-size:16px;}
.hero-contacts .hc-wa svg{color:#25D366;}

/* Быстрая форма на первом экране */
.quick-form{
  width:100%; max-width:420px; background:#fff; border:1px solid #E7DCC8;
  border-radius:16px; padding:24px 22px; box-shadow:0 14px 38px rgba(43,32,20,0.12);
}
.quick-form h3{font-size:19px; margin-bottom:4px; color:var(--charcoal);}
.quick-form .qf-note{font-size:12.5px; color:var(--text-soft); margin-bottom:14px; line-height:1.45;}
.quick-form label{display:block; font-size:12.5px; color:var(--text-soft); margin-bottom:10px;}
.quick-form input[type="text"], .quick-form select{
  width:100%; margin-top:4px; padding:10px 12px; border:1px solid #E0D3BC;
  border-radius:9px; font-family:'Inter',sans-serif; font-size:14px; background:var(--cream);
}
.quick-form input:focus, .quick-form select:focus{outline:2px solid var(--copper-light);}
.quick-form .consent-row{display:flex; gap:8px; align-items:flex-start; margin:2px 0 14px;}
.quick-form .consent-row input[type="checkbox"]{width:auto; margin:3px 0 0; flex-shrink:0; accent-color:var(--copper);}
.quick-form .consent-row label{font-size:11.5px; margin:0; line-height:1.4;}
.quick-form .consent-row label a{color:var(--copper-dark); text-decoration:underline;}
.quick-form .form-note{font-size:12.5px; margin-top:10px; text-align:center;}
@media (max-width:980px){.quick-form{max-width:100%; margin-top:8px;}}
.photo-collage{position:relative; width:100%; max-width:420px; aspect-ratio:1/1;}
.photo-collage img{position:absolute; object-fit:cover; border-radius:18px; box-shadow:0 20px 45px rgba(43,32,20,0.28); border:5px solid #fff;}
.collage-main{width:78%; height:82%; top:0; left:0; z-index:1;}
.collage-small{width:46%; height:40%; z-index:2;}
.collage-small-1{bottom:0; right:0;}
.collage-small-2{top:6%; right:-4%; width:38%; height:34%;}
@media (max-width:980px){.photo-collage{max-width:340px; margin:0 auto;}}

/* ===== TRUST STRIP ===== */
.trust-strip{background:var(--charcoal); padding:26px 0;}
.trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.trust-item{display:flex; align-items:center; gap:12px; color:var(--cream-2); font-size:13.5px;}
.trust-item svg{color:var(--gold); flex-shrink:0;}

/* ===== SECTIONS ===== */
.section{padding:90px 0;}
.section-alt{background:var(--cream-2);}
.section-dark{background:var(--charcoal); color:var(--cream-2);}
.section-title{font-size:32px; font-weight:600; color:var(--charcoal); margin-bottom:14px;}
.section-title.center{text-align:center;}
.section-dark .section-title{color:#fff;}
.section-lead{color:var(--text-soft); max-width:640px; margin-bottom:50px; font-size:15.5px;}
.section-lead.center{margin-left:auto; margin-right:auto; text-align:center;}

/* ===== WILDBERRIES BLOCK ===== */
.wb-block-section{padding:40px 0;}
.wb-block{
  display:flex; align-items:center; gap:26px; flex-wrap:wrap;
  background:linear-gradient(135deg,#F4EEFF,#FFFFFF);
  border:1px solid #D7C4F7; border-radius:var(--radius);
  padding:30px 34px; box-shadow:var(--shadow);
}
.wb-block-badge{
  flex-shrink:0; width:56px; height:56px; border-radius:14px;
  background:linear-gradient(135deg,#9F45FF,#6C1FD1); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:'Oswald',sans-serif; font-weight:600; font-size:18px; letter-spacing:1px;
}
.wb-block-text{flex:1; min-width:240px;}
.wb-block-text h3{font-size:19px; color:var(--charcoal); margin-bottom:8px;}
.wb-block-text p{color:var(--text-soft); font-size:14.5px; margin-bottom:6px;}
.wb-article b{color:var(--charcoal);}
.wb-note{font-size:12px !important; color:var(--text-soft); opacity:.8;}
.wb-btn{background:#8B2FE0; color:#fff; flex-shrink:0;}
.wb-btn:hover{background:#711FC0;}
.wb-item{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:10px 0;}
.wb-item .wb-article{margin-bottom:0;}
@media (max-width:640px){
  .wb-block{padding:24px;}
}

/* ===== PRODUCTS ===== */
.products-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.product-card{
  background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
  display:flex; flex-direction:column; transition:.25s ease; border:1px solid rgba(181,105,30,0.08);
}
.product-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg);}
.product-visual{background:#FAF6EF; padding:20px;}
.product-photo{padding:0; aspect-ratio:1/1; overflow:hidden;}
.product-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease;}
.product-card:hover .product-photo img{transform:scale(1.04);}
.product-body{padding:26px 24px 24px; display:flex; flex-direction:column; flex:1;}
.product-body h3{font-size:19px; margin-bottom:10px; color:var(--charcoal);}
.product-desc{font-size:14px; color:var(--text-soft); margin-bottom:18px;}
.spec-list{display:flex; flex-direction:column; gap:8px; margin-bottom:22px; flex:1;}
.spec-list li{display:flex; justify-content:space-between; font-size:13.5px; border-bottom:1px dashed rgba(92,77,62,0.2); padding-bottom:7px;}
.spec-list li span{color:var(--text-soft);}
.spec-list li b{color:var(--charcoal); text-align:right;}
.price-row{display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:6px; border-top:1px solid rgba(181,105,30,0.12);}
.price-label{display:block; font-size:11.5px; color:var(--text-soft); text-transform:uppercase; letter-spacing:.5px;}
.price{display:block; font-size:18px; font-weight:700; color:var(--copper-dark); font-family:'Oswald',sans-serif;}
.fine-print{text-align:center; font-size:12.5px; color:var(--text-soft); margin-top:32px;}

/* ===== CERTIFICATES ===== */
.cert-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:36px;}

/* Секция "Применение" — карточек не кратно 4, центрируем неполную строку */
#primenenie .cert-grid{display:flex; flex-wrap:wrap; justify-content:center;}
#primenenie .cert-card{flex:1 1 260px; max-width:283px;}
.cert-card{background:#fff; border-radius:var(--radius); padding:28px 22px; box-shadow:var(--shadow); text-align:left;}
.cert-card svg{color:var(--copper); margin-bottom:14px;}
.cert-card h3{font-size:16.5px; margin-bottom:8px; color:var(--charcoal);}
.cert-card p{font-size:13.5px; color:var(--text-soft);}
.cert-download{
  display:flex; align-items:stretch; gap:24px; flex-wrap:wrap;
  background:linear-gradient(120deg,#fff,var(--cream-2)); border:1px solid rgba(181,105,30,0.25);
  border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); max-width:900px; margin:0 auto 18px; text-align:left;
  overflow:hidden;
}
.cert-photo{width:170px; height:170px; border-radius:10px; object-fit:cover; flex-shrink:0; box-shadow:0 6px 16px rgba(43,32,20,0.18);}
.cert-download-text{flex:1; min-width:260px; display:flex; flex-direction:column; gap:12px;}
.cert-download-text h3{font-size:17px; color:var(--charcoal);}
.cert-download-text p{font-size:13.5px; color:var(--text-soft); line-height:1.65;}
.cert-download-text .btn{align-self:flex-start;}
@media (max-width:640px){.cert-photo{width:100%; height:200px;}}
.cert-note{display:flex; gap:14px; align-items:flex-start; background:#fff; border-radius:var(--radius); padding:20px 24px; box-shadow:var(--shadow); max-width:820px; margin:0 auto;}
.cert-note svg{color:var(--copper); flex-shrink:0; margin-top:2px;}
.cert-note p{font-size:14px; color:var(--text-soft);}
.cert-note a{color:var(--copper-dark); font-weight:600; text-decoration:underline;}

/* ===== STEPS / DELIVERY ===== */
.steps-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:56px;}
.step{background:#fff; border-radius:var(--radius); padding:26px 22px; box-shadow:var(--shadow); position:relative;}
.step-num{
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:50%; background:var(--copper); color:#fff; font-weight:700; font-size:15px; margin-bottom:14px;
}
.step h4{font-size:16px; margin-bottom:8px; color:var(--charcoal);}
.step p{font-size:13.5px; color:var(--text-soft);}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.info-block{background:#fff; border-radius:var(--radius); padding:30px; box-shadow:var(--shadow);}
.info-block h3{font-size:18px; margin-bottom:16px; color:var(--charcoal);}
.check-list li{position:relative; padding-left:26px; margin-bottom:10px; font-size:14.5px; color:var(--text-soft);}
.check-list li::before{content:"✓"; position:absolute; left:0; color:var(--copper); font-weight:700;}

/* ===== ABOUT ===== */
.about-grid{display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;}
.about-grid p{color:var(--text-soft); margin-bottom:16px; font-size:15px;}
.about-stats{display:flex; gap:34px; margin-top:26px; flex-wrap:wrap;}
.about-stats b{display:block; font-size:26px; color:var(--copper-dark); font-family:'Oswald',sans-serif;}
.about-stats span{font-size:12.5px; color:var(--text-soft);}
.about-visual svg{max-width:320px; margin:0 auto;}

/* ===== FAQ ===== */
.faq-list{max-width:780px; margin:0 auto; display:flex; flex-direction:column; gap:12px;}
.faq-item{background:#fff; border-radius:12px; box-shadow:var(--shadow); overflow:hidden;}
.faq-q{
  width:100%; text-align:left; padding:20px 24px; background:none; border:none; cursor:pointer;
  font-size:15.5px; font-weight:600; color:var(--charcoal); display:flex; justify-content:space-between; align-items:center;
  font-family:'Inter',sans-serif;
}
.faq-q span{color:var(--copper); font-size:20px; transition:.2s;}
.faq-item.open .faq-q span{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
.faq-a p{padding:0 24px 20px; font-size:14px; color:var(--text-soft);}

/* ===== CONTACTS ===== */
.contacts-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start;}
.contacts-lead{color:#D7C9B4; margin-bottom:28px;}
.contact-list{display:flex; flex-direction:column; gap:14px;}
.contact-row{
  display:flex; align-items:center; gap:14px; background:rgba(255,255,255,0.06);
  padding:16px 18px; border-radius:12px; font-size:15px; transition:.2s;
}
.contact-row span{white-space:nowrap;}
.contact-row:not(.contact-row-static):hover{background:rgba(212,162,76,0.18);}
.contact-row svg{color:var(--gold); flex-shrink:0;}
.contact-form{background:#fff; border-radius:var(--radius); padding:30px; box-shadow:var(--shadow-lg); color:var(--text);}
.contact-form h3{font-size:19px; margin-bottom:18px; color:var(--charcoal);}
.contact-form label{display:block; font-size:13px; font-weight:600; color:var(--text-soft); margin-bottom:14px;}
.contact-form input, .contact-form select, .contact-form textarea{
  width:100%; margin-top:6px; padding:11px 13px; border-radius:8px; border:1px solid #DDD0BC;
  font-family:'Inter',sans-serif; font-size:14px; background:var(--cream);
}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{outline:2px solid var(--copper-light);}
.form-note{font-size:11.5px; color:var(--text-soft); margin-top:10px; text-align:center;}

.consent-row{display:flex; align-items:flex-start; gap:10px; margin-bottom:16px;}
.consent-row input[type="checkbox"]{width:auto; margin:3px 0 0; flex-shrink:0; accent-color:var(--copper);}
.consent-row label{margin:0; font-size:12.5px; font-weight:400; line-height:1.5; color:var(--text-soft);}
.consent-row label a{color:var(--copper-dark); text-decoration:underline;}

/* ===== FOOTER ===== */
.site-footer{background:#17110C; padding:40px 0; color:#B7A88F;}
.footer-inner{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center;}
.footer-logo .logo-text{color:#fff;}
.footer-disclaimer{font-size:12px; max-width:640px; line-height:1.7;}
.footer-requisites{font-size:11.5px; color:#8A7A63;}
.footer-copy{font-size:12px;}
.footer-links{display:flex; gap:18px; font-size:12px;}
.footer-links a{text-decoration:underline; color:#B7A88F;}
.footer-links a:hover{color:#fff;}

/* ===== LEGAL PAGE ===== */
.legal-content{max-width:820px; margin:0 auto;}
.legal-updated{color:var(--text-soft); font-size:13px; margin:6px 0 30px;}
.legal-content h2{font-family:'Oswald',sans-serif; font-size:20px; margin:32px 0 12px; color:var(--charcoal);}
.legal-content p{margin-bottom:14px; line-height:1.75;}
.legal-list{list-style:disc; padding-left:22px; margin-bottom:14px;}
.legal-list li{margin-bottom:8px; line-height:1.6;}
.legal-note{margin-top:36px; padding:16px 18px; background:var(--cream-2); border-radius:10px; font-size:13px; color:var(--text-soft);}

/* ===== FLOATING ELEMENTS ===== */
.fab-whatsapp{
  position:fixed; bottom:26px; right:26px; width:58px; height:58px; border-radius:50%;
  background:#25D366; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(37,211,102,0.45); z-index:60; transition:.2s;
}
.fab-whatsapp:hover{transform:scale(1.08);}
.back-to-top{
  position:fixed; bottom:26px; right:96px; width:44px; height:44px; border-radius:50%;
  background:var(--charcoal); color:#fff; border:none; font-size:18px; cursor:pointer;
  opacity:0; pointer-events:none; transition:.25s; z-index:60;
}
.back-to-top.show{opacity:1; pointer-events:auto;}

/* ===== REVEAL ANIMATION ===== */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:translateY(0);}

/* ===== RESPONSIVE ===== */
@media (max-width:980px){
  .hero-inner, .about-grid, .contacts-grid{grid-template-columns:1fr;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid{grid-template-columns:1fr;}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .steps-grid{grid-template-columns:repeat(2,1fr);}
  .two-col{grid-template-columns:1fr;}
  .about-visual{order:-1; max-width:260px; margin:0 auto;}
  .nav{display:none;}
  .burger{display:flex;}
  .header-actions .phone-link span{display:none;}
}
@media (max-width:640px){
  .hero-text h1{font-size:32px;}
  .section{padding:60px 0;}
  .cert-grid, .steps-grid, .trust-grid{grid-template-columns:1fr;}
  .header-actions{gap:10px;}
  .btn-sm{padding:9px 14px; font-size:12.5px;}
  .back-to-top{right:26px; bottom:92px;}
}

/* mobile nav open state */
.nav.open{
  display:flex; position:absolute; top:100%; left:0; right:0; background:var(--cream);
  flex-direction:column; padding:20px 24px; gap:16px; border-bottom:1px solid rgba(181,105,30,0.15);
  box-shadow:var(--shadow);
}