/* BROER — dark "black + milk chocolate" theme override for Lawride.
   Loaded AFTER css/style.css. Do not edit style.css directly — add overrides here
   so the base template stays easy to diff/update. */

:root{
  --broer-bg-deep:#14100d;
  --broer-bg-panel:#1d1712;
  --broer-bg-panel-2:#241c15;
  --broer-gold:#c9a05c;
  --broer-gold-deep:#a87f3f;
  --broer-text-heading:#f3ece0;
  --broer-text-body:#c7bfb2;
  --broer-text-muted:#8c8377;
  --broer-border:#3a2f24;
}

html, body{ background:var(--broer-bg-deep); color:var(--broer-text-body); }

h1,h2,h3,h4,h5,h6{ color:var(--broer-text-heading); }

a{ color:var(--broer-gold); }
a:hover, a:focus{ color:var(--broer-gold-deep); }

/* ---- top bar ---- */
.header-top{ background:var(--broer-bg-panel); border-bottom:1px solid var(--broer-border); }
.header-top__info li a{ color:var(--broer-text-body); }
.header-top__social li a{ color:var(--broer-text-muted); }
.header-top__info li a:hover, .header-top__social li a:hover{ color:var(--broer-gold); }

/* ---- main nav (kept solid, not transparent-over-hero, for reliable contrast) ---- */
.header_area{ background:var(--broer-bg-deep); border-bottom:1px solid var(--broer-border); }
.header_area .navbar{ background:transparent !important; }
.header_area .navbar .nav .nav-item .nav-link{ color:var(--broer-text-heading) !important; }
.header_area .navbar .nav .nav-item:hover .nav-link,
.header_area .navbar .nav .nav-item.active .nav-link{ color:var(--broer-gold) !important; }
.header_area .navbar .nav .nav-item.submenu ul{ background:var(--broer-bg-panel) !important; box-shadow:0 10px 30px rgba(0,0,0,.5); min-width:260px; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{ white-space:nowrap; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item{ border-bottom:1px solid var(--broer-border); }
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{ color:var(--broer-text-body) !important; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link{ background-color:var(--broer-gold) !important; color:var(--broer-bg-deep) !important; }
.header_area.navbar_fixed .main_menu{ background:var(--broer-bg-deep) !important; box-shadow:0 3px 16px rgba(0,0,0,.5); }
.header_area .navbar-social li i, .header_area .navbar-social li span{ color:var(--broer-text-muted); }
.header_area .navbar-social li a:hover i{ color:var(--broer-gold); }
.navbar-toggler .icon-bar{ background:var(--broer-text-heading); }

/* ---- hero ---- */
.hero-banner{ background-image:url("../img/banner/hero-banner-library.jpg") !important; background-position:center !important; }
.hero-banner::after{ background:linear-gradient(180deg, rgba(20,16,13,.38), rgba(20,16,13,.8)) !important; }
.hero-banner__content{ color:var(--broer-text-heading); max-width:920px !important; }
.hero-banner__content h1{ font-size:34px; line-height:1.28; }
@media (min-width:768px){ .hero-banner__content h1{ font-size:44px; } }
@media (min-width:992px){ .hero-banner__content h1{ font-size:48px; } }
.hero-banner__content p{ color:var(--broer-text-heading); font-family:"Lora",serif; font-style:italic; font-size:18px; line-height:1.6; opacity:.92; max-width:720px; margin-left:auto; margin-right:auto; }
.hero-banner__eyebrow{ color:#dfb877; letter-spacing:.1em; text-transform:uppercase; font-size:16px; font-weight:700; margin-bottom:16px; display:block; }

/* ---- buttons ---- */
.button{ background-color:var(--broer-gold) !important; border-color:var(--broer-gold) !important; color:var(--broer-bg-deep) !important; font-weight:700; }
.button:hover{ background-color:var(--broer-gold-deep) !important; border-color:var(--broer-gold-deep) !important; color:var(--broer-bg-deep) !important; }
.button.button--ghost{ background-color:transparent !important; color:var(--broer-text-heading) !important; border-color:var(--broer-text-heading) !important; }
.button.button--ghost:hover{ border-color:var(--broer-gold) !important; color:var(--broer-gold) !important; }

/* ---- section basics ---- */
.section-intro__title{ color:var(--broer-text-heading) !important; }
.section-intro p{ color:var(--broer-text-muted); }
.bg-albaster{ background-color:var(--broer-bg-panel) !important; }

/* ---- stats ---- */
.static__single{ background:var(--broer-bg-panel) !important; box-shadow:0 15px 30px rgba(0,0,0,.35); border:1px solid var(--broer-border); }
.static__single h3{ color:var(--broer-gold); }
.static__single h3::after{ background:var(--broer-gold) !important; }
.static__single h4{ color:var(--broer-text-heading); }

/* ---- founder / quote block (replaces the stock "about video" block) ---- */
.founder-quote{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:48px 40px; }
.founder-quote blockquote{ font-family:"Lora",serif; font-size:22px; line-height:1.5; color:var(--broer-text-heading); font-style:italic; margin:0 0 20px; }
.founder-quote__name{ color:var(--broer-gold); font-weight:700; }
.founder-quote__role{ color:var(--broer-text-muted); font-size:14px; }
.founder-quote__img{ width:100%; max-width:240px; border-radius:4px; box-shadow:0 15px 30px rgba(0,0,0,.4); }

/* ---- founder story block (about.html) — real photo, no stock video skeleton ---- */
.founder-story__img{ width:100%; max-width:340px; border-radius:4px; box-shadow:0 20px 40px rgba(0,0,0,.45); }
.founder-story h3{ margin-bottom:20px; }

/* ---- "Наша спеціалізація" intro — larger lede text ---- */
.section-intro--spec p{ font-size:18px; line-height:1.6; max-width:760px; margin-left:auto; margin-right:auto; }

/* ---- header-top messenger icons (WhatsApp/Telegram/Viber) ---- */
.header-top__msg{ margin-left:8px; color:var(--broer-text-muted); font-size:13px; }
.header-top__msg:hover{ color:var(--broer-gold); }
.contact-info .header-top__msg{ margin-left:10px; font-size:14px; }
.footer-legal{ color:var(--broer-text-muted); font-size:13px; margin-top:8px; margin-bottom:0; }

/* ---- 5 directions (subject cards) ---- */
.card-subject__imgOverlay{ background:rgba(201,160,92,0.55) !important; }
.card-subject__imgOverlay i{ font-size:34px; color:var(--broer-bg-deep) !important; }
.card-subject__body{ background:var(--broer-bg-panel) !important; min-height:150px; }
.card-subject:hover .card-subject__body{ background:var(--broer-bg-panel-2) !important; }
.card-subject__body h3{ font-size:17px; line-height:1.3; }
.card-subject__body h3 a{ color:var(--broer-text-heading) !important; }
.card-subject__body p{ color:var(--broer-text-muted); font-size:13px; }

/* logo (text wordmark — no brand image supplied yet) */
.broer-logo{ font-family:"Lora",serif; font-size:28px; font-weight:700; color:var(--broer-text-heading) !important; letter-spacing:.03em; }

/* ---- case-study carousel (reuses the testimonial owl-carousel markup) ---- */
.testimonial__item{ background:var(--broer-bg-panel) !important; border:1px solid var(--broer-border); }
.testimonial__content h3{ color:var(--broer-text-heading); }
.testimonial__content p{ color:var(--broer-text-muted); }
.testimonial__i{ color:var(--broer-text-body) !important; }
.testimonial__icon{ color:rgba(201,160,92,0.15) !important; }
.testimonial .owl-dots .owl-dot span{ background:var(--broer-border) !important; }
.testimonial .owl-dots .owl-dot.active span{ background:var(--broer-gold) !important; }
.case-figure{ color:var(--broer-gold); font-weight:700; }

/* ---- team ---- */
.card-team{ background:var(--broer-bg-panel) !important; }
.card-team:hover{ background:var(--broer-bg-panel-2) !important; }
.card-team__body{ border-color:transparent !important; }
.card-team:hover .card-team__body{ border-color:var(--broer-gold) !important; }
.card-team__body h3 a{ color:var(--broer-text-heading) !important; }
.card-team__body p{ color:var(--broer-text-muted); }
.card-team__social li a{ color:var(--broer-text-muted); }
.card-team__social li a:hover{ color:var(--broer-gold); }
/* hover-reveal bio only on devices with real mouse hover — on touch, :hover can "stick" after a tap and looks like a permanent overlay */
@media (hover:hover) and (pointer:fine){
  .card-team--hover:hover .card-team__hover{ opacity:1; }
}

/* ---- CTA band ---- */
.cta-wrapper::after{ background:linear-gradient(180deg, rgba(20,16,13,.75), rgba(20,16,13,.92)) !important; }
.cta-wrapper h2{ color:var(--broer-text-heading); }
.cta-wrapper p{ color:var(--broer-text-body); }

/* ---- blog preview cards ---- */
.card-blog{ background:transparent !important; }
.card-blog__body{ border-bottom:1px solid var(--broer-border) !important; }
.card-blog__body h3 a{ color:var(--broer-text-heading) !important; }
.card-blog__body p{ color:var(--broer-text-muted); }
.card-blog__info li, .card-blog__info li a{ color:var(--broer-text-muted) !important; }
.card-blog__footer{ color:var(--broer-text-heading) !important; }
.card-blog__footer a{ color:var(--broer-text-heading) !important; }
.card-blog:hover .card-blog__footer a{ color:var(--broer-gold) !important; }

/* ---- certificates gallery (about.html) ---- */
.cert-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:767px){ .cert-gallery{ grid-template-columns:repeat(2,1fr); } }
.cert-gallery__item{ display:block; background:var(--broer-bg-panel); border:1px solid var(--broer-border); overflow:hidden; transition:border-color .25s ease; }
.cert-gallery__item:hover{ border-color:var(--broer-gold); }
.cert-gallery__media{ background:#fdfdfd; height:210px; display:flex; align-items:center; justify-content:center; padding:12px; }
.cert-gallery__media img{ max-width:100%; max-height:100%; object-fit:contain; display:block; }
.cert-gallery__caption{ display:block; padding:12px 14px; font-size:12.5px; color:var(--broer-text-muted); text-align:center; border-top:1px solid var(--broer-border); }

/* ---- contact page ---- */
.contact-info{ margin-bottom:26px; }
.contact-info__icon{ color:var(--broer-gold); font-size:22px; }
.contact-info h3{ font-size:18px; margin-bottom:4px; }
.contact-info h3 a{ color:var(--broer-text-heading); }
.contact-info p{ color:var(--broer-text-muted); margin-bottom:0; }
.form-contact .form-control{ background:var(--broer-bg-panel) !important; color:var(--broer-text-heading) !important; border:1px solid var(--broer-border) !important; border-radius:0 !important; }
.form-contact .form-control::placeholder{ color:var(--broer-text-muted); }
.urgency-toggle label{ display:block; color:var(--broer-text-body); font-weight:400; font-size:14px; margin-bottom:8px; }
.urgency-toggle input{ margin-right:8px; }
.button-contactForm{ border-radius:0; }

/* ---- footer ---- */
.footer-area{ background:var(--broer-bg-deep) !important; border-top:1px solid var(--broer-border); }

/* ---- small inner-page hero (services/about/cases/blog/contact) ---- */
.hero-banner--sm{ height:260px !important; }
.hero-banner--sm h1{ color:var(--broer-text-heading); }
.banner-breadcrumb .breadcrumb{ background:transparent; justify-content:center; margin:10px 0 0; padding:0; }
.banner-breadcrumb .breadcrumb-item, .banner-breadcrumb .breadcrumb-item a{ color:var(--broer-text-body); }
.banner-breadcrumb .breadcrumb-item.active{ color:var(--broer-gold); }
.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before{ color:var(--broer-text-muted); }

/* ---- services detail blocks ---- */
.service-block{ padding:70px 0; border-bottom:1px solid var(--broer-border); scroll-margin-top:110px; }
.service-block__img{ width:100%; opacity:.85; }
.service-block__eyebrow{ display:inline-block; font-family:"Lora",serif; font-size:14px; color:var(--broer-gold); border:1px solid var(--broer-gold); border-radius:50%; width:34px; height:34px; line-height:32px; text-align:center; margin-bottom:16px; }
.service-block h3{ margin-bottom:20px; }
.service-block__list{ list-style:none; padding:0; margin:0 0 26px; }
.service-block__list li{ position:relative; padding-left:22px; margin-bottom:10px; color:var(--broer-text-body); }
.service-block__list li::before{ content:"—"; position:absolute; left:0; color:var(--broer-gold); }
.service-block h3{ font-size:24px; }
.case-figures{ color:var(--broer-gold); font-weight:700; margin:20px 0; }
.case-quote{ border-left:3px solid var(--broer-gold); padding-left:20px; margin:0; font-style:italic; color:var(--broer-text-heading); }
.case-quote span{ display:block; margin-top:10px; font-style:normal; font-size:13px; color:var(--broer-text-muted); }

/* ---- about page extras ---- */
.about__team-lede{ max-width:820px; margin:0 auto 16px; color:var(--broer-text-muted); }
.about__photo-note{ color:var(--broer-text-muted); font-size:12px; font-style:italic; }
.text-muted-broer{ color:var(--broer-text-muted); }

/* team card hover bio — reveal is scoped near line 126 to devices with real mouse hover */
.card-team__media{ position:relative; overflow:hidden; }
.card-team__hover{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(20,16,13,.92); color:var(--broer-text-body); font-size:13px; padding:16px; display:flex; align-items:center; opacity:0; transition:opacity .3s ease; }

/* counters (about page) */
.counters{ background-color:var(--broer-bg-panel-2); background-blend-mode:multiply; }
.counters::after{ content:""; }
.counters__single h2{ color:var(--broer-gold) !important; }
.counters__single h4{ color:var(--broer-text-heading) !important; }

/* ================ Blog: hub / rubric / article ================ */

/* rubric tiles on blog.html */
.rubric-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media (max-width:767px){ .rubric-grid{ grid-template-columns:1fr; } }
@media (max-width:575px){ .rubric-card--wide{ flex-direction:column; } .rubric-card--wide .rubric-card__media{ width:100%; aspect-ratio:3/2; } }
.rubric-card{ display:block; background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:34px 28px; text-align:center; transition:background .25s ease, border-color .25s ease; height:100%; }
.rubric-card:hover{ background:var(--broer-bg-panel-2); border-color:var(--broer-gold); }
.rubric-card__icon{ font-size:30px; color:var(--broer-gold); margin-bottom:16px; display:block; }
.rubric-card h3{ font-size:19px; margin-bottom:10px; color:var(--broer-text-heading); }
.rubric-card p{ color:var(--broer-text-muted); font-size:13px; margin-bottom:0; }
.rubric-card.is-locked{ opacity:.55; cursor:default; }
.rubric-card.is-locked:hover{ background:var(--broer-bg-panel); border-color:var(--broer-border); }
.rubric-card__badge{ display:inline-block; margin-top:10px; font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--broer-text-muted); border:1px solid var(--broer-border); border-radius:2px; padding:3px 10px; }

/* featured post on blog.html */
.featured-post{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:0; overflow:hidden; margin-bottom:60px; }
.featured-post__body{ padding:36px 40px; }
.featured-post__eyebrow{ color:var(--broer-gold); text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
.featured-post h2{ margin:12px 0 14px; font-size:26px; }
.featured-post p{ color:var(--broer-text-muted); }
.featured-post .button{ margin-top:10px; }

/* rubric listing page (blog-rubryka-*.html) */
.article-list-item{ display:flex; gap:24px; padding:26px 0; border-bottom:1px solid var(--broer-border); }
.article-list-item:last-child{ border-bottom:none; }
.article-list-item__num{ flex:0 0 auto; font-family:"Lora",serif; font-size:28px; color:var(--broer-gold); opacity:.6; min-width:46px; }
.article-list-item h3{ font-size:19px; margin-bottom:8px; }
.article-list-item h3 a{ color:var(--broer-text-heading); }
.article-list-item h3 a:hover{ color:var(--broer-gold); }
.article-list-item p{ color:var(--broer-text-muted); margin-bottom:8px; }
.article-list-item__meta{ font-size:12px; color:var(--broer-text-muted); text-transform:uppercase; letter-spacing:.04em; }
.article-list-item__meta span{ margin-right:14px; }

/* single article page */
.article-header{ text-align:center; max-width:760px; margin:0 auto 40px; }
.article-header__eyebrow{ color:var(--broer-gold); text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
.article-header h1{ margin:14px 0; font-size:32px; }
.article-header__meta{ color:var(--broer-text-muted); font-size:13px; }
.article-header__meta span{ margin:0 8px; }
.article-body{ max-width:760px; margin:0 auto; color:var(--broer-text-body); font-size:16px; line-height:1.8; }
.article-body p{ margin-bottom:22px; }
.article-body ul, .article-body ol{ margin-bottom:22px; padding-left:22px; }
.article-body li{ margin-bottom:10px; }
.article-body strong{ color:var(--broer-text-heading); }
.article-cta{ max-width:760px; margin:44px auto 0; background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:30px 34px; text-align:center; }
.article-cta p{ color:var(--broer-text-muted); margin-bottom:16px; }
.article-nav{ max-width:760px; margin:36px auto 0; display:flex; justify-content:space-between; font-size:14px; }
.article-nav a{ color:var(--broer-text-muted); }
.article-nav a:hover{ color:var(--broer-gold); }
.article-share{ max-width:760px; margin:0 auto 30px; text-align:center; }
.article-share span{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--broer-text-muted); margin-bottom:10px; }
.article-share a{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--broer-border); color:var(--broer-text-muted); margin:0 4px; }
.article-share a:hover{ border-color:var(--broer-gold); color:var(--broer-gold); }

/* ---- photo cards: rubrics, cases, articles ---- */
.rubric-card{ display:block; background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:0; text-align:left; transition:background .25s ease, border-color .25s ease; height:100%; overflow:hidden; }
.rubric-card:hover{ background:var(--broer-bg-panel-2); border-color:var(--broer-gold); }
.rubric-card__media{ position:relative; width:100%; aspect-ratio:3/2; overflow:hidden; background:var(--broer-bg-panel-2); }
.rubric-card__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.rubric-card:hover .rubric-card__media img{ transform:scale(1.05); }
.rubric-card__body{ padding:22px 24px 26px; text-align:center; }
.rubric-card h3{ font-size:19px; margin-bottom:10px; color:var(--broer-text-heading); }
.rubric-card p{ color:var(--broer-text-muted); font-size:13px; margin-bottom:0; }
.rubric-card.is-locked{ opacity:.55; cursor:default; }
.rubric-card.is-locked .rubric-card__media img{ filter:grayscale(1); }
.rubric-card.is-locked:hover{ background:var(--broer-bg-panel); border-color:var(--broer-border); }
.rubric-card__badge{ display:inline-block; margin-top:10px; font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--broer-text-muted); border:1px solid var(--broer-border); border-radius:2px; padding:3px 10px; }

.featured-post{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:0; overflow:hidden; margin-bottom:60px; display:flex; text-decoration:none; transition:border-color .25s ease; }
.featured-post:hover{ border-color:var(--broer-gold); text-decoration:none; }
.featured-post__media{ width:100%; height:100%; min-height:220px; overflow:hidden; }
.featured-post__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.featured-post__body{ padding:36px 40px; }
.featured-post__eyebrow{ color:var(--broer-gold); text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
.featured-post h2{ margin:12px 0 14px; font-size:26px; color:var(--broer-text-heading); }
.featured-post p{ color:var(--broer-text-muted); }
.featured-post .button{ margin-top:10px; }

.rubric-hero{ width:100%; aspect-ratio:21/6; overflow:hidden; margin-bottom:36px; border:1px solid var(--broer-border); }
.rubric-hero img{ width:100%; height:100%; object-fit:cover; display:block; }

.article-list-item__media{ position:relative; flex:0 0 120px; width:120px; height:90px; overflow:hidden; border:1px solid var(--broer-border); }
.article-list-item__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.article-list-item__media .article-list-item__num{ position:absolute; bottom:0; right:0; background:rgba(20,16,13,.85); color:var(--broer-gold); font-family:"Lora",serif; font-size:13px; padding:2px 8px; min-width:auto; opacity:1; }

.article-banner{ max-width:760px; margin:0 auto 34px; aspect-ratio:16/7; overflow:hidden; border:1px solid var(--broer-border); }
.article-banner img{ width:100%; height:100%; object-fit:cover; display:block; }

.related-articles{ max-width:960px; margin:50px auto 0; }
.related-articles h4{ text-align:center; color:var(--broer-text-heading); font-size:14px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:24px; }
.related-articles__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:900px){ .related-articles__grid{ grid-template-columns:repeat(2,1fr); } }
.related-card{ display:flex; align-items:center; min-height:118px; background:var(--broer-bg-panel); border:1px solid var(--broer-border); border-top:3px solid var(--broer-gold); overflow:hidden; transition:border-color .25s ease, background .25s ease; }
.related-card:hover{ border-color:var(--broer-gold); background:var(--broer-bg-panel-2); }
.related-card__media{ width:100%; aspect-ratio:4/3; overflow:hidden; }
.related-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.related-card h5{ font-size:13px; line-height:1.45; color:var(--broer-text-heading); padding:20px 18px; margin:0; }

/* case photo cards */
.case-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(270px,1fr)); gap:24px; margin:40px 0 60px; }
.case-card{ display:block; background:var(--broer-bg-panel); border:1px solid var(--broer-border); overflow:hidden; transition:border-color .25s ease; }
.case-card:hover{ border-color:var(--broer-gold); }
.case-card__media{ position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; }
.case-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.case-card__num{ position:absolute; top:12px; left:12px; background:rgba(20,16,13,.85); color:var(--broer-gold); font-family:"Lora",serif; font-size:13px; padding:4px 10px; }
.case-card__body{ padding:18px 20px 22px; }
.case-card__body h3{ font-size:15px; line-height:1.4; color:var(--broer-text-heading); margin-bottom:10px; }
.case-card__figure{ color:var(--broer-gold); font-size:12.5px; font-weight:600; margin:0; }

.service-block__media{ width:100%; aspect-ratio:21/8; overflow:hidden; margin-bottom:30px; border:1px solid var(--broer-border); }
.service-block__media img{ width:100%; height:100%; object-fit:cover; display:block; }

.testimonial__item{ background:var(--broer-bg-panel) !important; border:1px solid var(--broer-border); padding:0 !important; overflow:hidden; }
.testimonial__item__media{ width:100%; aspect-ratio:16/10; overflow:hidden; }
.testimonial__item__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.testimonial__item__body{ padding:26px 24px; }

@media (max-width:991px){
  .featured-post{ display:block; }
  .featured-post__media{ aspect-ratio:16/9; }
}

/* licenses list (about.html) */
.license-list{ margin-top:16px; }
.license-list li{ padding:12px 0; border-bottom:1px solid var(--broer-border); }
.license-list li:last-child{ border-bottom:none; }
.license-list__title{ display:block; color:var(--broer-text-heading); font-weight:600; font-size:14.5px; }
.license-list__meta{ display:block; color:var(--broer-text-muted); font-size:13px; margin-top:2px; }

/* team grid — founder centered + visually bigger */
.team-grid{ position:relative; }
@media (min-width:1200px){
  .card-team--lead{ position:relative; z-index:2; transform:scale(1.1); box-shadow:0 25px 55px rgba(0,0,0,.5); }
  .card-team--lead .card-team__body h3{ font-size:22px; }
}

/* ---- cases: image-beside-text layout ---- */
.case-block__media{ width:100%; aspect-ratio:4/3; overflow:hidden; border:1px solid var(--broer-border); }
.case-block__media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ---- cases: filter bar ---- */
.case-filter{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 30px; }
.case-filter__btn{ background:transparent; border:1px solid var(--broer-border); color:var(--broer-text-muted); font-size:13px; padding:8px 18px; border-radius:2px; cursor:pointer; transition:all .2s ease; }
.case-filter__btn:hover{ border-color:var(--broer-gold); color:var(--broer-text-heading); }
.case-filter__btn.is-active{ background:var(--broer-gold); border-color:var(--broer-gold); color:var(--broer-bg-deep); font-weight:600; }
.case-card.is-hidden{ display:none; }

/* ---- cases: repeated "all cases" mini carousel under each case ---- */
.case-related{ margin-top:50px; padding-top:40px; border-top:1px solid var(--broer-border); }
.case-related__label{ text-align:center; text-transform:uppercase; letter-spacing:.08em; font-size:12px; color:var(--broer-gold); margin-bottom:22px; }

/* ---- contact: maps ---- */
.contact-maps__item{ border:1px solid var(--broer-border); overflow:hidden; }
.contact-maps__item iframe{ width:100%; height:260px; border:0; display:block; filter:invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%); }
.contact-maps__caption{ background:var(--broer-bg-panel); color:var(--broer-text-muted); font-size:12.5px; padding:10px 14px; margin:0; border-top:1px solid var(--broer-border); }

/* ---- homepage: specialization mini-carousel ---- */
.subject-carousel .card-subject{ margin:0 6px; }
.subject-carousel .owl-nav{ display:none; }
.subject-carousel .owl-dots{ text-align:center; margin-top:20px; }

/* ---- blog hub: rubric cards side-by-side ---- */
.rubric-card--wide{ display:flex; align-items:stretch; text-align:left; }
.rubric-card--wide .rubric-card__media{ width:42%; aspect-ratio:auto; flex-shrink:0; }
.rubric-card--wide .rubric-card__body{ text-align:left; display:flex; flex-direction:column; justify-content:center; }

/* ---- blog hub: embedded contact form ---- */
.blog-contact-cta{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:44px 40px; margin-top:10px; }
.blog-contact-cta h4{ margin-bottom:6px; }
.blog-contact-cta p{ color:var(--broer-text-muted); margin-bottom:26px; }

/* ---- article page: related articles as carousel ---- */
.related-articles__grid.owl-carousel{ display:block; }
.related-articles__grid .related-card{ margin:0 9px; }
.related-articles__grid .owl-dots{ text-align:center; margin-top:16px; }

/* ================= round 29.09 ================= */
/* hero (home): readable heading over the library photo + no overflow on phones */
.hero-banner:not(.hero-banner--sm){ background-position:center 35% !important; }
.hero-banner:not(.hero-banner--sm)::after{
  background:
    radial-gradient(ellipse 60% 55% at 50% 52%, rgba(20,16,13,.72) 0%, rgba(20,16,13,.35) 70%, rgba(20,16,13,0) 100%),
    linear-gradient(180deg, rgba(20,16,13,.55) 0%, rgba(20,16,13,.45) 45%, rgba(20,16,13,.9) 100%) !important;
}
.hero-banner__content h1{ text-shadow:0 2px 18px rgba(0,0,0,.55); }
.hero-banner__content p{ text-shadow:0 1px 10px rgba(0,0,0,.6); }
@media (min-width:992px){ .hero-banner:not(.hero-banner--sm){ height:clamp(580px, calc(100vh - 150px), 760px) !important; } }
@media (max-width:991px){
  .hero-banner:not(.hero-banner--sm){ height:auto !important; min-height:520px; display:flex; align-items:center; padding:80px 0 70px; }
  .hero-banner:not(.hero-banner--sm) .hero-banner__content{ position:relative !important; top:auto !important; left:auto !important; transform:none !important; padding:0 16px; margin:0 auto; }
}
@media (max-width:575px){
  .hero-banner:not(.hero-banner--sm){ padding:56px 0 50px; min-height:0; }
  .hero-banner__content h1{ font-size:28px !important; margin-bottom:22px !important; }
  .hero-banner__content p{ font-size:16px; }
  .hero-banner__content .button{ display:block; width:100%; margin:0 0 12px !important; }
}

/* full-width carousels (п.20) */
.carousel-fullbleed{ padding:0 24px; }
@media (min-width:1400px){ .carousel-fullbleed{ padding:0 40px; } }
.carousel-fullbleed .owl-stage-outer{ padding:4px 0; }
.carousel-fullbleed .owl-dots{ text-align:center; margin-top:22px; }
a.testimonial__item{ display:block; }
a.testimonial__item h3{ color:var(--broer-text-heading); transition:color .2s ease; }
a.testimonial__item:hover{ border-color:var(--broer-gold); }
a.testimonial__item:hover h3{ color:var(--broer-gold); }
.testimonial__item__media{ position:relative; }
.testimonial__item.is-current{ border-color:var(--broer-gold); }
.subject-carousel .card-subject{ margin:0; }

/* CTA with two buttons on every page (п.13) */
.cta__buttons{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:8px; }
.cta__buttons .button{ margin:0 !important; }

/* case detail pages (п.9) */
.case-detail__head{ max-width:900px; margin:0 auto 44px; }
.case-detail__title{ font-size:26px; line-height:1.35; margin-top:16px; }
@media (min-width:992px){ .case-detail__title{ font-size:34px; } .case-block__media--sticky{ position:sticky; top:110px; } }
.case-step{ margin-bottom:22px; }
.case-step__label{ display:block; color:var(--broer-gold); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; margin-bottom:6px; }
.case-step p{ margin:0; }
.case-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:30px 0; }
@media (max-width:575px){ .case-metrics{ grid-template-columns:1fr; } }
.case-metric{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:18px 16px; }
.case-metric strong{ display:block; font-family:"Lora",serif; font-size:21px; color:var(--broer-gold); line-height:1.25; margin-bottom:6px; }
.case-metric span{ font-size:13px; color:var(--broer-text-muted); line-height:1.4; display:block; }
.case-detail__actions{ margin-top:30px; }
.case-nav{ max-width:none; margin-top:50px; padding-top:24px; border-top:1px solid var(--broer-border); gap:20px; }
.case-related-section{ padding:10px 0 90px; }

/* service subpages (п.19) */
.service-detail__title{ font-size:30px; margin:14px 0 16px; }
.service-detail__lede{ font-size:17px; color:var(--broer-text-body); margin-bottom:22px; }
.service-detail__panel{ height:100%; background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:30px 30px 14px; }
.service-detail__panel h4{ margin-bottom:18px; }
.service-detail__related{ padding-bottom:80px; }
.case-grid--3{ grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); margin:24px 0 20px; }
.related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; }
@media (max-width:767px){ .related-grid{ grid-template-columns:1fr; } }
.service-block h3 a{ color:var(--broer-text-heading); }
.service-block h3 a:hover{ color:var(--broer-gold); }

/* blog hub intro + rubric lede (п.4–5) */
.blog-intro p{ max-width:820px; margin:0 auto; }
.rubric-lede{ font-family:"Lora",serif; font-style:italic; font-size:19px; color:var(--broer-text-heading) !important; margin-bottom:14px; }
.about__team-closing{ font-family:"Lora",serif; font-style:italic; color:var(--broer-text-heading); }
#contactForm{ scroll-margin-top:120px; }
.carousel-fullbleed .testimonial{ max-width:none; }
.carousel-fullbleed .testimonial__item__body h3{ font-size:18px; line-height:1.4; }
.case-detail__eyebrow{ color:var(--broer-gold); font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
@media (max-width:575px){ .hero-banner__eyebrow{ font-size:12px; letter-spacing:.05em; } }
.case-para{ margin-bottom:18px; }

/* ================= round 30.09 ================= */
/* about: how we work — 4 cards full width */
.work-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media (max-width:991px){ .work-steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ .work-steps{ grid-template-columns:1fr; } }
.work-step{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); border-top:3px solid var(--broer-gold); padding:28px 24px 24px; }
.work-step__num{ display:block; font-family:"Lora",serif; font-size:30px; color:var(--broer-gold); line-height:1; margin-bottom:16px; }
.work-step p{ margin:0; color:var(--broer-text-body) !important; line-height:1.65; }
/* certificates — dark frame instead of white */
.cert-section{ padding-bottom:40px; }
.cert-gallery__media{ background:var(--broer-bg-deep) !important; height:230px; padding:18px; }
.cert-gallery__media img{ box-shadow:0 10px 26px rgba(0,0,0,.55); }
.cert-gallery__caption{ color:var(--broer-text-heading); font-weight:600; padding-bottom:2px; }
.cert-gallery__meta{ display:block; padding:0 14px 14px; font-size:12px; color:var(--broer-text-muted); text-align:center; }
/* share buttons */
.article-share a, .article-share__copy{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--broer-border); color:var(--broer-text-muted); margin:0 4px; background:transparent; cursor:pointer; vertical-align:middle; }
.article-share__copy:hover{ border-color:var(--broer-gold); color:var(--broer-gold); }
.article-share__copy.is-copied{ border-color:var(--broer-gold); color:var(--broer-bg-deep); background:var(--broer-gold); }
/* forms */
.form-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.form-status{ margin:16px 0 0; font-size:14px; }
.form-status.is-ok{ color:#9fd29a; }
.form-status.is-error{ color:#e9967a; }
.form-status.is-pending{ color:var(--broer-text-muted); }
.service-detail .col-lg-4 .service-detail__panel{ padding:26px 24px 12px; }

/* ================= chat widget ================= */
.bchat{ position:fixed; right:22px; bottom:22px; z-index:1050; font-family:"Roboto",sans-serif; }
.bchat__fab{ width:60px; height:60px; border-radius:50%; border:0; background:var(--broer-gold); color:var(--broer-bg-deep); font-size:24px; box-shadow:0 12px 30px rgba(0,0,0,.5); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .2s ease, background .2s ease; }
.bchat__fab:hover{ background:var(--broer-gold-deep); transform:translateY(-2px); }
.bchat__fab .fa-times, .bchat.is-open .bchat__fab .fa-comment-dots{ display:none; }
.bchat.is-open .bchat__fab .fa-times{ display:inline-block; }
.bchat__teaser{ position:absolute; right:0; bottom:74px; width:250px; background:var(--broer-bg-panel); border:1px solid var(--broer-gold); color:var(--broer-text-heading); font-size:14px; line-height:1.45; padding:14px 30px 14px 16px; box-shadow:0 12px 30px rgba(0,0,0,.45); cursor:pointer; }
.bchat__teaser-x{ position:absolute; top:4px; right:6px; background:none; border:0; color:var(--broer-text-muted); font-size:18px; cursor:pointer; }
.bchat__panel{ position:absolute; right:0; bottom:76px; width:370px; max-height:min(620px, calc(100vh - 120px)); display:flex; flex-direction:column; background:var(--broer-bg-deep); border:1px solid var(--broer-border); box-shadow:0 24px 60px rgba(0,0,0,.6); }
.bchat__panel[hidden]{ display:none; }
.bchat__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:16px 18px; background:var(--broer-bg-panel); border-bottom:1px solid var(--broer-border); border-top:3px solid var(--broer-gold); }
.bchat__head strong{ display:block; font-family:"Lora",serif; color:var(--broer-text-heading); font-size:17px; }
.bchat__head span{ display:block; color:var(--broer-text-muted); font-size:12.5px; margin-top:2px; }
.bchat__close{ background:none; border:0; color:var(--broer-text-muted); font-size:24px; line-height:1; cursor:pointer; }
.bchat__log{ flex:1 1 auto; overflow-y:auto; padding:16px 16px 6px; min-height:120px; }
.bchat__msg{ max-width:85%; padding:10px 14px; margin-bottom:8px; font-size:14px; line-height:1.5; white-space:pre-line; }
.bchat__msg--bot{ background:var(--broer-bg-panel-2); color:var(--broer-text-body); border:1px solid var(--broer-border); }
.bchat__msg--me{ margin-left:auto; background:var(--broer-gold); color:var(--broer-bg-deep); font-weight:500; }
.bchat__typing{ display:inline-flex; gap:4px; padding:12px 14px; }
.bchat__typing i{ width:6px; height:6px; border-radius:50%; background:var(--broer-text-muted); animation:bchat-dot 1s infinite ease-in-out; }
.bchat__typing i:nth-child(2){ animation-delay:.15s; } .bchat__typing i:nth-child(3){ animation-delay:.3s; }
@keyframes bchat-dot{ 0%,80%,100%{ opacity:.3; transform:translateY(0);} 40%{ opacity:1; transform:translateY(-3px);} }
.bchat__opts{ padding:8px 16px 16px; display:flex; flex-direction:column; gap:8px; max-height:52%; overflow-y:auto; border-top:1px solid var(--broer-border); }
.bchat__opt{ display:block; text-align:left; background:transparent; border:1px solid var(--broer-gold); color:var(--broer-text-heading); padding:9px 14px; font-size:14px; cursor:pointer; transition:all .15s ease; }
.bchat__opt:hover{ background:var(--broer-gold); color:var(--broer-bg-deep); }
a.bchat__opt::after{ content:" →"; color:var(--broer-gold); }
a.bchat__opt:hover::after{ color:var(--broer-bg-deep); }
.bchat__nav{ display:flex; gap:14px; margin-top:2px; }
.bchat__navbtn{ background:none; border:0; padding:4px 0; color:var(--broer-text-muted); font-size:12.5px; cursor:pointer; }
.bchat__navbtn:hover{ color:var(--broer-gold); }
.bchat__form{ display:flex; flex-direction:column; gap:8px; }
.bchat__form input, .bchat__form textarea{ background:var(--broer-bg-panel); border:1px solid var(--broer-border); color:var(--broer-text-heading); padding:9px 12px; font-size:14px; }
.bchat__form input:focus, .bchat__form textarea:focus{ outline:none; border-color:var(--broer-gold); }
.bchat__send{ background:var(--broer-gold); color:var(--broer-bg-deep); border:0; padding:10px; font-weight:600; cursor:pointer; }
@media (max-width:575px){
  .bchat{ right:14px; bottom:14px; }
  .bchat__panel{ position:fixed; left:8px; right:8px; bottom:84px; width:auto; max-height:calc(100vh - 100px); }
  .bchat__teaser{ width:220px; }
}

/* ================= Пакети послуг (02.10.2026) ================= */
.pb-40px{ padding-bottom:40px; }
.pkg-overview{ padding:70px 0 40px; }
.pkg-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:18px; }
.pkg-card{ display:flex; flex-direction:column; background:var(--broer-bg-panel); border:1px solid var(--broer-border); padding:26px 22px 22px; color:var(--broer-text-body); transition:border-color .25s, transform .25s; }
.pkg-card:hover{ border-color:var(--broer-gold); transform:translateY(-3px); color:var(--broer-text-body); }
.pkg-card__num{ font-family:"Lora",serif; color:var(--broer-gold); font-size:14px; margin-bottom:10px; }
.pkg-card__name{ font-family:"Lora",serif; font-weight:700; color:var(--broer-text-heading); font-size:19px; letter-spacing:.04em; line-height:1.25; margin-bottom:10px; }
.pkg-card__tag{ color:var(--broer-text-heading); font-size:14px; line-height:1.45; margin-bottom:10px; }
.pkg-card__short{ font-size:13.5px; line-height:1.55; color:var(--broer-text-muted); margin-bottom:16px; }
.pkg-card__price{ margin-top:auto; font-family:"Lora",serif; font-size:22px; font-weight:700; color:var(--broer-gold); }
.pkg-card__price small, .pkg-price__value small{ font-size:.6em; font-weight:400; margin-right:5px; color:var(--broer-text-body); }
.pkg-card__pnote{ font-size:12.5px; color:var(--broer-text-muted); }
.pkg-card__more{ margin-top:14px; font-size:13px; font-weight:500; color:var(--broer-gold); }
.pkg-card__more i{ font-size:11px; margin-left:4px; }

.pkg-credit{ display:flex; gap:18px; align-items:flex-start; border:1px solid var(--broer-gold-deep); background:linear-gradient(135deg, rgba(201,160,92,.13), rgba(201,160,92,.03)); padding:22px 26px; margin:0 auto 60px; max-width:960px; }
.pkg-credit p{ margin:0; color:var(--broer-text-heading); font-size:16px; line-height:1.6; font-weight:500; }
.pkg-credit__icon{ flex:0 0 40px; height:40px; border-radius:50%; border:1px solid var(--broer-gold); color:var(--broer-gold); display:flex; align-items:center; justify-content:center; font-size:16px; }
.pkg-credit--en{ margin:60px auto 0; }
.pkg-credit--en h3{ font-size:20px; margin-bottom:12px; }
.pkg-credit--en p{ font-weight:400; color:var(--broer-text-body); margin-bottom:8px; }
.pkg-credit--en p b{ color:var(--broer-text-heading); }

.pkg-detail{ padding:80px 0; border-top:1px solid var(--broer-border); scroll-margin-top:90px; }
.pkg-detail__name{ font-size:30px; letter-spacing:.04em; margin-bottom:8px; }
.pkg-detail__tagline{ font-size:20px; font-weight:400; color:var(--broer-gold); margin-bottom:22px; line-height:1.4; }
.pkg-detail__problem{ font-size:16px; }
.pkg-detail__lead{ color:var(--broer-text-heading); font-size:16px; }
.pkg-detail__lead b{ font-weight:600; }
.pkg-detail__h{ font-size:17px; margin:28px 0 12px; color:var(--broer-text-heading); }
.pkg-detail .service-block__list b{ color:var(--broer-text-heading); font-weight:600; }
.pkg-detail__closing{ margin-top:26px; font-family:"Lora",serif; font-size:19px; color:var(--broer-gold); }
.pkg-deliverable{ border-left:3px solid var(--broer-gold); background:var(--broer-bg-panel-2); padding:16px 20px; margin-top:24px; }
.pkg-deliverable p:last-child{ margin-bottom:0; }
.pkg-chain{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:10px 0 0; }
.pkg-chain span{ border:1px solid var(--broer-border); background:var(--broer-bg-deep); color:var(--broer-text-heading); padding:6px 12px; font-size:13.5px; font-weight:600; letter-spacing:.03em; }
.pkg-chain i{ font-style:normal; color:var(--broer-gold); }
.pkg-chain--verdict span:nth-of-type(1){ border-color:#4f7a4a; color:#9fd09a; }
.pkg-chain--verdict span:nth-of-type(2){ border-color:#8a7337; color:#e2c37a; }
.pkg-chain--verdict span:nth-of-type(3){ border-color:#8a3f37; color:#e59a90; }
.pkg-chain--big{ justify-content:center; }
.pkg-chain--big span{ font-size:15px; text-transform:uppercase; padding:8px 16px; }
.pkg-dirs{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.pkg-dir{ border:1px solid var(--broer-border); background:var(--broer-bg-deep); padding:10px 16px; color:var(--broer-text-heading); }
.pkg-dir i{ font-style:normal; color:var(--broer-gold); margin:0 8px; }
.pkg-dirs__or{ color:var(--broer-text-muted); font-size:14px; }

.pkg-price{ position:sticky; top:110px; background:var(--broer-bg-panel-2); border:1px solid var(--broer-border); border-top:3px solid var(--broer-gold); padding:28px 26px; }
.pkg-detail.bg-albaster .pkg-price{ background:var(--broer-bg-deep); }
.pkg-price__label{ display:block; text-transform:uppercase; letter-spacing:.12em; font-size:12px; color:var(--broer-text-muted); margin-bottom:6px; }
.pkg-price__value{ font-family:"Lora",serif; font-size:34px; font-weight:700; color:var(--broer-gold); line-height:1.15; }
.pkg-price__unit{ color:var(--broer-text-heading); font-size:14px; margin-top:4px; }
.pkg-price__rows{ margin:20px 0 0; }
.pkg-price__rows div{ display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-top:1px solid var(--broer-border); font-size:14px; }
.pkg-price__rows dt{ font-weight:400; color:var(--broer-text-muted); }
.pkg-price__rows dd{ margin:0; text-align:right; color:var(--broer-text-heading); font-weight:500; }
.pkg-price__note{ font-size:13px; color:var(--broer-text-muted); margin:16px 0 20px; line-height:1.55; }
.pkg-price__btn{ display:block; text-align:center; text-transform:uppercase; letter-spacing:.04em; padding-left:16px !important; padding-right:16px !important; }
.pkg-price__ask{ display:block; text-align:center; font-size:13px; margin-top:12px; }
.pkg-price .pkg-detail__h:first-child{ margin-top:0; }
.pkg-best{ font-size:14px; margin:16px 0 18px; }
.pkg-best b{ color:var(--broer-text-heading); }

.pkg-terms{ padding:50px 0 60px; background:var(--broer-bg-panel); border-top:1px solid var(--broer-border); }
.pkg-terms__title{ font-size:18px; margin-bottom:16px; }
.pkg-terms p{ font-size:13px; line-height:1.6; color:var(--broer-text-muted); margin-bottom:8px; max-width:1000px; }

.pkg-home .pkg-home__credit{ max-width:860px; margin:28px auto 0; text-align:center; font-size:14px; color:var(--broer-text-heading); }
.pkg-home__credit i{ color:var(--broer-gold); margin-right:6px; }

.pkg-strip{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; max-width:960px; margin:0 auto; padding:18px 24px; border:1px solid var(--broer-gold-deep); background:rgba(201,160,92,.08); color:var(--broer-text-body); }
.pkg-strip:hover{ border-color:var(--broer-gold); color:var(--broer-text-body); }
.pkg-strip b{ color:var(--broer-text-heading); }
.pkg-strip__go{ color:var(--broer-gold); font-weight:600; white-space:nowrap; }

/* EN packages */
.pkg-kicker{ display:block; text-transform:uppercase; letter-spacing:.14em; font-size:12.5px; color:var(--broer-gold); margin-bottom:10px; }
.pkg-en-wrap .section-intro{ max-width:760px; }
.pkg-en{ padding:60px 0; border-top:1px solid var(--broer-border); scroll-margin-top:30px; }
.pkg-en:first-of-type{ margin-top:50px; }
.pkg-en .pkg-detail__name{ font-size:26px; }
.pkg-en .pkg-detail__tagline{ font-size:18px; }
.pkg-onepartner{ max-width:820px; margin:20px auto 0; padding-top:60px; border-top:1px solid var(--broer-border); }
.pkg-onepartner h3{ font-size:26px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:16px; }
.pkg-specific{ max-width:720px; margin:60px auto 0; }
.pkg-specific h3{ font-size:22px; margin-bottom:12px; }
.pkg-vat{ font-size:13px; color:var(--broer-text-muted); margin-top:22px; }

/* footer terms (small print, collapsible) */
.footer-terms{ border-top:1px solid var(--broer-border); padding:14px 0 18px; }
.footer-terms summary{ cursor:pointer; font-size:12.5px; color:var(--broer-text-muted); list-style:none; }
.footer-terms summary::-webkit-details-marker{ display:none; }
.footer-terms summary::before{ content:"+"; display:inline-block; width:14px; color:var(--broer-gold); }
.footer-terms details[open] summary::before{ content:"−"; }
.footer-terms summary:hover{ color:var(--broer-text-body); }
.footer-terms__body{ padding-top:10px; }
.footer-terms__body p{ font-size:12px; line-height:1.55; color:var(--broer-text-muted); margin-bottom:6px; }

@media (max-width: 991px){
  .pkg-price{ position:static; }
  .pkg-detail{ padding:56px 0; }
  .pkg-detail__name{ font-size:25px; }
}
@media (max-width: 575px){
  .pkg-credit{ flex-direction:column; gap:12px; padding:18px; }
  .pkg-credit__icon{ flex:none; width:40px; }
  .pkg-price__value{ font-size:28px; }
}
.pkg-per{ font-size:.55em !important; color:var(--broer-text-muted) !important; margin:0 !important; }

/* ================= Правки заказчика 03.10.2026 ================= */
/* contacts: phones/emails were dark-on-dark (style.css .contact-info .media-body h3 a{color:#222}) */
.contact-info .media-body h3, .contact-info .media-body h3 a{ color:var(--broer-text-heading) !important; }
.contact-info .media-body h3 a:hover{ color:var(--broer-gold) !important; }
.contact-info .media-body p{ color:var(--broer-text-body); }

/* widen texts */
.about__team-lede{ max-width:none; text-align:justify; text-align-last:center; hyphens:auto; }
.blog-intro{ max-width:none; }
.blog-intro p{ max-width:none; text-align:justify; text-align-last:center; hyphens:auto; }
.pkg-terms p{ max-width:none; text-align:justify; hyphens:auto; }
.footer-terms__body p{ text-align:justify; hyphens:auto; }

/* achievements band — clearly different from the dark blocks around it */
.achv{ position:relative; margin:90px 0; padding:64px 0; background:linear-gradient(120deg, #c9a05c 0%, #b48a48 55%, #a87f3f 100%); overflow:hidden; }
.achv::before{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(135deg, rgba(20,16,13,.06) 0 2px, transparent 2px 22px); pointer-events:none; }
.achv__grid{ position:relative; display:grid; grid-template-columns:repeat(4, 1fr); }
.achv__item{ text-align:center; padding:6px 18px; border-left:1px solid rgba(20,16,13,.25); opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.achv__item:first-child{ border-left:0; }
.achv.is-visible .achv__item{ opacity:1; transform:none; }
.achv.is-visible .achv__item:nth-child(2){ transition-delay:.12s; }
.achv.is-visible .achv__item:nth-child(3){ transition-delay:.24s; }
.achv.is-visible .achv__item:nth-child(4){ transition-delay:.36s; }
.achv__num{ font-family:"Roboto",sans-serif; font-weight:700; font-size:58px; line-height:1; color:var(--broer-bg-deep); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.achv__label{ margin-top:12px; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.16em; color:rgba(20,16,13,.78); }
@media (max-width: 991px){ .achv__grid{ grid-template-columns:repeat(2, 1fr); row-gap:36px; } .achv__item:nth-child(3){ border-left:0; } .achv__num{ font-size:46px; } }
@media (max-width: 420px){ .achv{ padding:48px 0; } .achv__num{ font-size:38px; } .achv__label{ font-size:11.5px; letter-spacing:.1em; } }
@media (prefers-reduced-motion: reduce){ .achv__item{ opacity:1; transform:none; transition:none; } }

/* one offices map */
.contact-map{ border:1px solid var(--broer-border); }
.contact-map__canvas{ height:440px; background:#1a1a1a; }
@media (max-width: 575px){ .contact-map__canvas{ height:340px; } }
.contact-map .leaflet-popup-content-wrapper, .contact-map .leaflet-popup-tip{ background:var(--broer-bg-panel); color:var(--broer-text-body); border:1px solid var(--broer-border); }
.contact-map .leaflet-popup-content{ margin:12px 16px; font-size:13px; line-height:1.5; }
.contact-map .leaflet-popup-content b{ color:var(--broer-text-heading); display:block; margin-bottom:2px; }
.contact-map .leaflet-popup-content a{ color:var(--broer-gold); }
.contact-map .leaflet-container a.leaflet-popup-close-button{ color:var(--broer-text-muted); }
.contact-map .leaflet-control-attribution{ background:rgba(20,16,13,.75); color:var(--broer-text-muted); }
.contact-map .leaflet-control-attribution a{ color:var(--broer-text-body); }
.leaflet-tooltip.map-label{ background:rgba(20,16,13,.85); border:1px solid #e53935; color:#f3ece0; font-size:12px; font-weight:600; padding:3px 8px; border-radius:2px; box-shadow:none; }
.leaflet-tooltip.map-label::before{ display:none; }

/* package order form */
.pkg-order{ padding:80px 0; border-top:1px solid var(--broer-border); background:var(--broer-bg-panel); scroll-margin-top:80px; }
.pkg-order__form select.form-control{ height:40px; }
.pkg-order__form.is-done .row, .pkg-order__form.is-done .form-group{ display:none; }
.form-status.is-ok.is-big{ font-family:"Lora",serif; font-size:20px; color:var(--broer-text-heading); text-align:center; padding:30px 10px; border:1px solid var(--broer-gold-deep); background:rgba(201,160,92,.08); }

/* Important information / package terms toggle — clearly clickable */
.footer-terms summary{ display:inline-flex; align-items:center; gap:6px; font-size:13.5px; color:var(--broer-gold); border-bottom:1px dashed var(--broer-gold-deep); padding-bottom:2px; }
.footer-terms summary::before{ content:"+"; width:auto; font-weight:700; }
.footer-terms summary:hover{ color:var(--broer-text-heading); border-bottom-style:solid; }
.contact-map .leaflet-tile-pane{ filter:invert(92%) hue-rotate(180deg) brightness(92%) contrast(88%) saturate(70%); }
.hero-banner__content .hero-banner__title{ font-family:"Lora",serif; color:#fff; font-weight:700; line-height:1.1; margin-bottom:12px; }
.hero-banner__content p.hero-banner__title{ font-size:40px !important; font-style:normal !important; letter-spacing:0; }
@media (min-width: 800px){ .hero-banner__content p.hero-banner__title{ font-size:60px !important; } }