:root {
  --navy:    #1a2d5a;
  --navy-dk: #111e3e;
  --red:     #8b1a1a;
  --red-h:   #a52020;
  --white:   #ffffff;
  --pearl:   #f7f6f2;
  --text:    #111111;
  --mid:     #444444;
  --muted:   #777777;
  --ll:      rgba(0,0,0,0.08);
  --ld:      rgba(255,255,255,0.10);
  --fh:      'Montserrat', sans-serif;
  --fb:      'Manrope', sans-serif;
  --fd11:    'Montenegrin Gothic One', serif;
  --ease:    cubic-bezier(.25,.46,.45,.94);
  --hh:      90px;
}



*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--pearl);color:var(--text);font-family:var(--fb);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

.rev{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rev.in{opacity:1;transform:none;}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

.stag{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:var(--red);font-weight:700;margin-bottom:16px;display:inline-block;}
.stag-d{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:rgba(255,255,255,.4);font-weight:700;margin-bottom:16px;display:inline-block;}
.stag-w{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:rgba(255,255,255,.5);font-weight:700;margin-bottom:16px;display:inline-block;}

/* ═══ HEADER ═══ */
.hdr{position:fixed;top:0;left:0;width:100%;height:var(--hh);padding:0 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:1px solid var(--ll);background:rgba(247,246,242,.95);backdrop-filter:blur(14px);transition:all .3s;}
.hdr.sc{height: 90px;box-shadow:0 4px 24px rgba(0,0,0,.05);}
.logo{display:flex;align-items:center;gap:15px;flex-shrink:0;}
.logo img{height:60px;width:auto;}
.logo-txt{font-family:var(--fd11);font-size:31px;font-weight:400;text-transform:uppercase;letter-spacing:-.5px;color:var(--navy);line-height:1.1; margin-top: -5px;}
.logo-txt sup{font-size:15px;font-weight:400; margin-left: -5px;}
.logo-sub{display:block;font-family:var(--fb);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:2px;}
nav{display:flex;gap:28px;align-items:center;}
nav a{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text);transition:color .2s;}
nav a:hover,nav a.act{color:var(--red);}
nav a.active {
    color: #8B1A1A !important; /* Сложени твоя цвят, например златно, червено или navy */
    font-weight: 700;              /* Може леко да удебелиш текста за акцент */
}
.ndw{position:relative;}
.ndw>a{display:flex;align-items:center;gap:4px;cursor:pointer;}
.ndw>a::after{content:'▾';font-size:9px;transition:transform .2s;}
.ndw:hover>a::after{transform:rotate(180deg);}
.ndrop{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--white);border:1px solid var(--ll);box-shadow:0 16px 48px rgba(0,0,0,.09);min-width:260px;padding:6px 0;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;}
.ndw:hover .ndrop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.ndrop a{display:block;padding:10px 20px;font-size:12px;letter-spacing:.5px;color:var(--mid);transition:color .15s,background .15s;}
.ndrop a:hover{color:var(--red);background:var(--pearl);}
.nav-cta{padding:11px 22px;border:2px solid var(--red);border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--red);transition:all .25s;}
.nav-cta:hover{background:var(--red);color:var(--white);}
.nav-cta.active1{background:var(--red);color:var(--white);}
.burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:17px;cursor:pointer;background:none;border:none;padding:0;z-index:1005;}
.burger span{display:block;width:100%;height:2px;background:var(--navy);transition:.28s;}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.mob{display:none;position:fixed;top:var(--hh);left:0;right:0;bottom:0;background:var(--white);padding:28px 5%;overflow-y:auto;z-index:999;flex-direction:column;border-top:3px solid var(--navy);}
.mob.open{display:flex;}
.mob a{padding:14px 0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text);border-bottom:1px solid var(--ll);transition:color .2s;}
.mob a:hover{color:var(--red);}
.mob .ms{padding-left:14px;font-size:12px;text-transform:none;font-weight:500;letter-spacing:.4px;color:var(--muted);border-bottom:none;padding-top:6px;padding-bottom:6px;}
.mob-cta{margin-top:20px!important;padding:14px!important;text-align:center;background:var(--red)!important;color:#fff!important;border-radius:50px;border-bottom:none!important;}

/* ═══ 1. HERO (начало) ═══ */
.hero{position:relative;min-height:100vh;padding-top:var(--hh);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;background:var(--navy);}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.95;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(17,30,62,.95) 0%,rgba(17,30,62,.45) 55%,rgba(17,30,62,.1) 100%);}
.hero-inner{position:relative;z-index:1;padding: 0 5% 6rem;}
.hero h1{font-family:var(--fh);font-size:clamp(5px,7.0vw,50px);line-height:.95;font-weight:900;text-transform:uppercase;letter-spacing:-3px;color:var(--white);margin-bottom:0;}
.hero h1 em{font-style:italic;color:var(--red);}
.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:flex-end;gap:30px; padding-top:20px;margin-top:18px;}
.hero-desc{font-size:17px;color:rgba(255,255,255,.7);line-height:1.8;max-width:540px;}
.hero-cta-pill{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--white);color:var(--navy);font-family:var(--fh);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;border-radius:50px;transition:all .3s var(--ease);}
.hero-cta-pill:hover{background:var(--red);color:var(--white);transform:translateY(-2px);}

/* ═══ PAGE HERO (вътрешни страници) ═══ */
.page-hero{padding:calc(var(--hh) + 20px) 5% 30px;background:var(--white);border-bottom:1px solid var(--ll);}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:28px;}
.breadcrumb a{color:var(--muted);transition:color .2s;}
.breadcrumb a:hover{color:var(--red);}
.breadcrumb span{opacity:.4;}
.page-hero h1{font-family:var(--fh);font-size:clamp(30px,9vw,40px);line-height:1.05;font-weight:900;text-transform:uppercase;letter-spacing:-2.5px;color:var(--navy);max-width:1300px;}
.page-hero h1 em{font-style:italic;color:var(--red);}
.page-hero-sub{font-size:17px;color:var(--mid);line-height:1.8;max-width:800px;margin-top:28px;}

/* ═══ 2. ABOUT (начало) ═══ */
.about{background:var(--white);border-bottom:1px solid var(--ll);padding: 2% 5%;}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about h2{font-family:var(--fh);font-size:clamp(28px,3.5vw,37px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;color:var(--navy);margin-bottom:24px;}
.about h2 em{font-style:italic;color:var(--red);}
.about p{font-size:16px;color:var(--mid);line-height:1.85;margin-bottom:14px;}
.about-nums{display:flex;gap:0;margin-top:40px;padding-top:36px;border-top:1px solid var(--ll);}
.anum{flex:1;padding-right:24px;}
.anum:not(:last-child){border-right:1px solid var(--ll);margin-right:24px;}
.anum strong{display:block;font-family:var(--fh);font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--navy);letter-spacing:-1px;line-height:1;}
.anum strong span{color:var(--red);}
.anum small{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;}

.about-img{width:100%; overflow:hidden; }
.about-img img{width:100%;height:100%;object-fit:cover;}
.about-img .ph-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);min-height:400px;}
.about-img .ph-box span{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;}

/* ═══ INTRO SPLIT (вътрешни страници) — бял ═══ */
.intro1{background:var(--navy);border-bottom:1px solid var(--ll);padding:2rem 5%; color: #FFFFFF;}
.intro{background:var(--white);border-bottom:1px solid var(--ll);padding:3rem 5%;}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:normal;}
.intro-img{width:100%; overflow:hidden;}
.intro-img .ph-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);min-height:340px;  margin-top: 120px; }



.intro p{font-size:16px;color:var(--mid);line-height:1.9;margin-bottom:16px;}
.intro-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border:2px solid var(--navy);color:var(--navy);font-family:var(--fh);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .25s;margin-top:8px;}
.intro-btn:hover{background:var(--navy);color:var(--white);}
.intro-list{margin-top:24px;display:flex;flex-direction:column;gap:12px;}
.intro-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--mid);line-height:1.6;}
.intro-list li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--navy);color:var(--white);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px;}

/* ═══ MISSION / PROCESS ROW — тъмносин 3 колони ═══ */
.mission{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);border-bottom:1px solid rgba(255,255,255,.06);}
.m-cell{padding:4rem 3rem;border-right:1px solid rgba(255,255,255,.08);}
.m-cell:last-child{border-right:none;}
.m-num{font-family:var(--fh);font-size:13px;font-weight:900;letter-spacing:2px;color:var(--red);margin-bottom:20px;}
.m-cell h2{font-family:var(--fh);font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--white);margin-bottom:14px;line-height:1.25;}
.m-cell p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.8;}

/* ═══ STATS — бял ═══ */
.stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);border-bottom:1px solid var(--ll);}
.s-cell{padding:1.5rem 2rem;text-align:center;border-right:1px solid var(--ll);}
.s-cell:last-child{border-right:none;}
.s-cell strong{display:block;font-family:var(--fh);font-size:clamp(32px,4.5vw,52px);font-weight:900;color:var(--navy);letter-spacing:-1.5px;line-height:1;}
.s-cell strong span{color:var(--red);}
.s-cell small{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;}

/* ═══ TIMELINE — перлен ═══ */
.history{background:var(--pearl);border-bottom:1px solid var(--ll);padding:7rem 5%;}
.hist-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.sec-title{font-family:var(--fh);font-size:clamp(30px,4.5vw,37px);line-height:1.0;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;color:var(--navy);margin-bottom:16px;}
.sec-title em{font-style:italic;color:var(--red);}
.sec-title-dark{color:var(--navy);}
.sec-title-light{color:var(--white);}
.tl{margin-top:40px;}
.tl-item{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--ll);}
.tl-item:last-child{border-bottom:none;}
.tl-year{font-family:var(--fh);font-size:13px;font-weight:900;letter-spacing:1px;color:var(--red);padding-top:3px;text-transform:uppercase;}
.tl-item h3{font-family:var(--fh);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.3px;color:var(--navy);margin-bottom:8px;}
.tl-item p{font-size:14px;color:var(--mid);line-height:1.8;}
.quote-box{padding:1rem 2.5rem;background:var(--white);border-left:3px solid var(--red);margin-top:5rem;}
.quote-box p{font-family:var(--fh);font-size:18px;font-weight:700;font-style:italic;color:var(--navy);line-height:1.55;margin-bottom:12px;}
.quote-box span{font-size:20px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:700;}
.hist-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--white);margin-bottom:0;}
.hist-img .ph-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);min-height:300px;}

/* ═══ VALUES / FEATURE GRID — бял, 4 in a row ═══ */
.values{background:var(--white);border-bottom:1px solid var(--ll);padding:3rem 5%;}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ll);border:1px solid var(--ll);margin-top:56px;}
.v-card{background:var(--white);padding:2.5rem 2rem;transition:background .25s;}
.v-card:hover{background:var(--pearl);}
.v-icon{font-size:28px;margin-bottom:20px;display:block;}
.v-card h3{font-family:var(--fh);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:-.3px;color:var(--navy);margin-bottom:10px;line-height:1.25;}
.v-card p{font-size:13px;color:var(--muted);line-height:1.75;}

/* ═══ 3. CONTACT STRIP — тъмносин ═══ */
.contact-strip{background:var(--navy);padding:1rem 5%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;border-bottom:1px solid rgba(255,255,255,.06);}
.cs-left h2{font-family:var(--fh);font-size:clamp(17px,2.5vw,16px);font-weight:900;text-transform:uppercase;letter-spacing:-0.5px;color:var(--white);margin-bottom:1px;}
.cs-left p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;}
.cs-contacts{display:flex;gap:32px;align-items:center;flex-wrap:wrap;}
.cs-item{display:flex;flex-direction:column;gap:2px;}
.cs-item span{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);}
.cs-item a{font-family:var(--fh);font-size:16px;font-weight:700;color:var(--white);transition:color .2s;letter-spacing:-.3px;}
.cs-item a:hover{color:var(--red);}
.cs-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--red);color:var(--white);font-family:var(--fh);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .25s;white-space:nowrap;flex-shrink:0;}
.cs-btn:hover{background:var(--red-h);transform:translateY(-2px);}

/* ═══ 4. УСЛУГИ — бял ═══ */
.services{background:var(--white);border-bottom:1px solid var(--ll);padding:3rem 5%;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ll);border:1px solid var(--ll);}
.scard{background:var(--white);padding:2.5rem 2rem;transition:background .25s;position:relative;}
.scard:hover{background:var(--pearl);}
.scard::after{content:'';position:absolute;bottom:0;left:2rem;right:2rem;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);}
.scard:hover::after{transform:scaleX(1);}
.snum{font-family:var(--fh);font-size:11px;font-weight:900;letter-spacing:2px;color:var(--red);margin-bottom:18px;}
.scard h3{font-family:var(--fh);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--navy);margin-bottom:12px;line-height:1.2;}
.scard p{font-size:13px;color:var(--muted);line-height:1.75;}
.scard-lnk{display:inline-block;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--navy);transition:color .2s;}
.scard:hover .scard-lnk{color:var(--red);}

/* ═══ 5. ПОРТФОЛИО — тъмносин ═══ */
.portfolio{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.06);padding:3rem 5%;}
.port-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:3.5rem;}
.pitem{cursor:pointer;}
.pimg{width:100%;aspect-ratio:16/10;overflow:hidden;background:#1e2a45;}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.pitem:hover .pimg img{transform:scale(1.04);}
.pmeta{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.pmeta h3{font-family:var(--fh);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--white);}
.pmeta-cat{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);}
.pmeta-arr{font-size:18px;color:rgba(255,255,255,.3);transition:color .2s,transform .2s;}
.pitem:hover .pmeta-arr{color:var(--red);transform:translateX(4px);}
.port-all{text-align:center;}
.port-all a{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border:2px solid rgba(255,255,255,.25);color:var(--white);font-family:var(--fh);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .25s;}
.port-all a:hover{border-color:var(--white);transform:translateY(-2px);}

/* ═══ 6. КАТАЛОЗИ — бял, един до друг ═══ */
.catalogs{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-bottom:1px solid var(--ll);}
.cat-card{padding:3rem 5%;border-right:1px solid var(--ll);display:flex;flex-direction:column;gap:1.5rem;transition:background .25s;}
.cat-card:last-child{border-right:none;}
.cat-card:hover{background:var(--pearl);}
.cat-url{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
.cat-name{font-family:var(--fh);font-size:clamp(22px,3vw,36px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;color:var(--navy);line-height:1.05;border-left:3px solid var(--red);padding-left:16px;}
.cat-desc{font-size:15px;color:var(--mid);line-height:1.8;}
.cat-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--navy);color:var(--navy);font-family:var(--fh);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .25s;align-self:flex-start;margin-top:8px;}
.cat-link:hover{background:var(--navy);color:var(--white);}

/* ═══ 7. БЛОГ — перлен ═══ */
.blog{background:var(--pearl);border-bottom:1px solid var(--ll);padding: 3rem 5% 1.5rem 5%;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;}
.bcard{display:flex;flex-direction:column;gap:14px; }
.bimg{width:100%;aspect-ratio:16/9;  display:flex;align-items:center;justify-content:center;font-size:2.5rem;}
.bimg img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease);}
.bcard:hover .bimg img{transform:scale(1.04);}

.bimg2{width:100%;aspect-ratio:16/9;  display:flex;align-items:center;justify-content:center;font-size:2.5rem;border: 10px solid #DDDDDD;}
.bimg2 img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease);}
.bcard:hover .bimg2 img{transform:scale(1.04);}

.bimg1 {
  width: 100%;
  aspect-ratio: 16/7;
  overflow: hidden;
  background: #1e2a45;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #DDDDDD;
}
.bimg1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s var(--ease);
}
.bcard:hover .bimg1 img {
  transform: scale(1.04);
}


.bmeta{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.bcard h3{font-family:var(--fh);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--navy);line-height:1.2;transition:color .2s;}
.bcard:hover h3{color:var(--red);}
.bread{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);}
.bimg-link {
    display: block;
    width: 100%;
    text-decoration: none;
}

/* ═══ 8. CTA — тъмносин ═══ */
.cta{background:var(--navy);padding:3rem 5%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;border-bottom:1px solid rgba(255,255,255,.06);}
.cta h2{font-family:var(--fh);font-size:clamp(15px,6.5vw,60px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;color:var(--white);line-height:1.0;}
.cta h2 em{font-style:italic;color:var(--red);}
.cta-btns{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center;}
.cta-main{padding:16px 36px;background:var(--white);color:var(--navy);font-family:var(--fh);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .3s;}
.cta-main:hover{background:var(--red);color:var(--white);transform:translateY(-2px);}
.cta-phones{font-size:13px;color:rgba(255,255,255,.4);letter-spacing:2px;}
.cta-phones a{color:rgba(255,255,255,.4);transition:color .2s;}
.cta-phones a:hover{color:rgba(255,255,255,.75);}

/* ═══ CONTACT FORM (<?php echo $urlpage4;?>) ═══ */
.contact-wrap{background:var(--white);border-bottom:1px solid var(--ll);padding:2rem 5%;}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;}
.cinfo-item{display:flex;flex-direction:column;gap:4px;padding:24px 0;border-bottom:1px solid var(--ll);}
.cinfo-item:first-child{padding-top:0;}
.cinfo-item span{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);}
.cinfo-item a,.cinfo-item p{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.3px;}
.cinfo-item a:hover{color:var(--red);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.form-group label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);}
.form-group input,.form-group select,.form-group textarea{font-family:var(--fb);font-size:15px;color:var(--text);padding:14px 16px;border:1px solid var(--ll);background:var(--pearl);transition:border-color .2s,background .2s;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--navy);background:var(--white);}
.form-group textarea{resize:vertical;min-height:130px;}
.form-submit{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--navy);color:var(--white);font-family:var(--fh);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:50px;cursor:pointer;transition:all .25s;}
.form-submit:hover{background:var(--red);transform:translateY(-2px);}
.form-note{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7;}
.map-box{width:100%;aspect-ratio:21/7;background:var(--pearl);margin-top:0;overflow:hidden;}
.map-box .ph-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);min-height:260px;}

/* ═══ FOOTER ═══ */
footer{background:var(--navy-dk);border-top:3px solid var(--red);}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:3% 5% 1% 5%;border-bottom:1px solid rgba(255,255,255,.07);}
.ft-brand img{height: auto;filter:brightness(0) invert(1);margin-bottom:14px;}
.ft-brand p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.8;max-width:260px;margin-bottom:22px;}
.ft-soc{display:flex;gap:8px;}
.ft-soc a{width:34px;height:34px;border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:11px;color: #CC0000;transition:all .2s;}
.ft-soc a svg{ color: #CC0000; }
.ft-soc a:hover{border-color:var(--red);color:#fff;background:var(--red);}
footer h4{font-family:var(--fh);font-size:10px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:18px;}
footer ul li{margin-bottom:9px;}
footer ul li a,footer ul li span{font-size:12px;color:rgba(255,255,255,.45);}
footer ul li a:hover{color:#fff;}
.ft-bot{display:block;justify-content:space-between;align-items:center;padding:10px 5%;font-size:12px;color:rgba(255,255,255,.30);}
.ft-bot p{color:rgba(255,255,255,.50);}
.ft-bot a{color:rgba(255,255,255,.22);transition:color .2s;}
.ft-bot a:hover{color:rgba(255,255,255,.5);}

/* ═══ RESPONSIVE (мобилна версия — непроменена спрямо оригинала) ═══ */
@media(max-width:960px){
  nav,.nav-cta{display:none;}
  .burger{display:flex;}
  .hero h1{letter-spacing:-2px;}
  .hero-bottom{grid-template-columns:1fr;}
  .about-inner{grid-template-columns:1fr;gap:3rem;}
  .about-img{aspect-ratio:16/9;}
  .intro-grid{grid-template-columns:1fr;gap:2.5rem;}
  .mission{grid-template-columns:1fr;}
  .m-cell{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);}
  .m-cell:last-child{border-bottom:none;}
  .stats{grid-template-columns:1fr 1fr;}
  .s-cell:nth-child(2){border-right:none;}
  .s-cell:nth-child(3){border-top:1px solid var(--ll);}
  .s-cell:nth-child(4){border-right:none;border-top:1px solid var(--ll);}
  .hist-grid{grid-template-columns:1fr;gap:2.5rem;}
  .val-grid{grid-template-columns:1fr 1fr;}
  .contact-strip{grid-template-columns:1fr;gap:2rem;}
  .cs-contacts{gap:20px;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .port-grid{grid-template-columns:1fr;}
  .catalogs{grid-template-columns:1fr;}
  .cat-card{border-right:none;border-bottom:1px solid var(--ll);}
  .cat-card:last-child{border-bottom:none;}
  .blog-grid{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;gap:3rem;}
  .ft-grid{grid-template-columns:1fr 1fr;gap:2rem;padding:5rem 5% 2.5rem;}
  .ft-bot{flex-direction:column;gap:8px;text-align:center;}
  .intro-img .ph-box{ margin-top: 0px; min-height:auto; }
  .quote-box{ margin-top:3rem;} 
}
@media(max-width:600px){
  .services-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .val-grid{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:1fr;}
  .about-nums{flex-direction:column;gap:16px;}
  .anum{border-right:none!important;margin-right:0!important;padding-right:0!important;padding-bottom:14px;border-bottom:1px solid var(--ll);}
  .anum:last-child{border-bottom:none;padding-bottom:0;}
  .cta-btns{flex-direction:column;}
  .cs-contacts{flex-direction:column;gap:16px;}
  .tl-item{grid-template-columns:1fr;gap:6px;}
  .form-row{grid-template-columns:1fr;gap:0;}
}


/* ═══ НОВИНИ / СТАТИЯ (НОВИ КЛАСОВЕ) ═══ */

/* Заглавие на един ред в Page Hero */
.article-hero-title {
  font-family: var(--fh);
  font-size: clamp(22px, 3.5vw, 42px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: var(--navy);
  line-height: 1.15;
  white-space: normal; /* Гарантира гъвкавост, че няма да се счупи агресивно */
}
.article-hero-title em {
  font-style: italic;
  color: var(--red);
}

/* Основен контейнер на статията */
.article-section {
  background: var(--white);
  border-bottom: 1px solid var(--ll);
  padding: 3rem 5%;
}

.article-container {
  max-width: 1400px;
  margin: 0 auto;
}

/* Блок на текста с обвиваща снимка */
.article-body {
  font-size: 16px;
  color: var(--mid);
  line-height: 1.85;
}

.article-body p {
  margin-bottom: 20px;
}
.article-body a {
  color: #8B1A1A;
}
.article-body ul, .article-body ol {
  margin-left: 25px;
}
.article-body ul li, .article-body ol li {
  list-style-type: disc;
}

.article-body h3 {
  font-family: var(--fh);
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--navy);
  margin: 12px 0 16px 0;
  letter-spacing: -0.5px;
}

/* Снимка вътре в текста (float вдясно, около която тече текстът) */
.article-float-img {
  float: right;
  width: 45%;
  max-width: 480px;
  margin:  10px 0 24px 36px;
  background: var(--pearl);
  border: 1px solid var(--ll);
  overflow: hidden;
}

.article-float-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.article-float-img figcaption {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 14px;
  background: var(--pearl);
  border-top: 1px solid var(--ll);
  text-align: center;
}

/* Изчистване на float след текста */
.article-body::after {
  content: "";
  display: table;
  clear: both;
}

/* Галерия с допълнителни снимки под текста */
.article-gallery-wrap {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid var(--ll);
}

.article-gallery-title {
  font-family: var(--fh);
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--navy);
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.article-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.article-gallery-item {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--pearl);
  border: 1px solid var(--ll);
}

.article-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s var(--ease);
}

.article-gallery-item:hover img {
  transform: scale(1.06);
}

/* Респонзив за мобилни устройства */
@media (max-width: 820px) {
  .article-float-img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 24px 0;
  }

  .article-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}

@media (max-width: 580px) {
.page-hero h1 {
  font-family: var(--fh);
  font-size: clamp(22px, 3.5vw, 42px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: var(--navy);
  line-height: 1.15;
  white-space: normal;
}

}
@media (max-width: 540px) {
  .article-gallery {
    grid-template-columns: 1fr;
  }


}


/* ═══ БЛОГ LOAD MORE (НОВИ КЛАСОВЕ) ═══ */

/* Скриване на статиите след 6-тата */
.bcard-hidden {
  display: none !important;
  opacity: 0;
  transform: translateY(20px);
}

/* Плавна анимация при показване */
.bcard-show {
  display: flex !important;
  animation: bcardFadeIn 0.5s var(--ease) forwards;
}

@keyframes bcardFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Контейнер и бутон "Зареди още" */
.blog-load-more-wrap {
  text-align: center;
  margin-top: 48px;
  width: 100%;
}

.blog-load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 36px;
  background: transparent;
  border: 2px solid var(--navy);
  color: var(--navy);
  font-family: var(--fh);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.25s var(--ease);
}

.blog-load-more-btn:hover {
  background: var(--navy);
  color: var(--white);
  transform: translateY(-2px);
}

.blog-load-more-btn span {
  font-size: 14px;
  transition: transform 0.2s;
}

.blog-load-more-btn:hover span {
  transform: translateY(3px);
}

/* Скриване на бутона, когато няма повече статии */
.blog-load-more-btn.is-hidden {
  display: none !important;
}

/* Мобилна версия за бутона */
@media (max-width: 600px) {
  .blog-load-more-wrap {
    margin-top: 32px;
  }
  .blog-load-more-btn {
    width: 100%;
    padding: 14px 20px;
  }
}




/* Fancybox линк върху снимките */
.article-gallery-item a,
.article-float-img a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Видео каре в галерията */
.article-gallery-item video,
.article-gallery-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
}

/* Значка за видео */
.gallery-video-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  z-index: 2;
  pointer-events: none;
}



/* Дискретна значка за AI Видео */
.ai-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(17, 30, 62, 0.85);
  color: #ffffff;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* ═══ FAQ SECTION (ЧЕСТО ЗАДАВАНИ ВЪПРОСИ) ═══ */
.faq {
  background: var(--navy);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 3rem 5%;
}

.faq-inner {
  max-width: 1400px;
  margin: 0 auto;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
}

.faq-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 24px 28px;
  border-left: 3px solid var(--red);
  transition: background 0.25s, transform 0.25s;
}

.faq-item:hover {
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-2px);
}

.faq-item h3 {
  font-family: var(--fh);
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  color: var(--white);
  margin-bottom: 10px;
  line-height: 1.35;
}

.faq-item p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.75;
}

/* Респонзив за телефони и таблети */
@media (max-width: 820px) {
  .faq-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .faq-item {
    padding: 20px;
  }
}

.hp-field {
  display: none !important;
  visibility: hidden !important;
}


a.linka {
    color: #CC0000;
}