/* ============================================================
   Bruksil Egypt — Services page
   Scope: .bxs-page sections on page 2855
   Reuses the home design system (bruksil-home.css)
   ============================================================ */

/* hero title as a plain h1 inside the text widget */
.bxs-page .bxs-hero-title{
  margin:20px 0 18px!important;
  font-family:"Tajawal","Cairo",sans-serif;
  font-size:clamp(30px,4.3vw,57px);
  font-weight:800;
  line-height:1.24;
  letter-spacing:-1px;
  color:#fff;
}
.bxs-page .bxs-hero-title .bxs-accent{color:var(--bxs-orange)}

/* hero note / stats tweaks */
.bxs-page .bxs-hero-note{margin-top:22px}
.bxs-page .bxs-stats{margin-top:30px;max-width:560px}
.bxs-page .bxs-stats .bxs-stat strong em{font-style:normal;color:var(--bxs-orange)}

/* anchor offset under the sticky header */
#services-list{scroll-margin-top:110px}

/* ---------------- service cards ---------------- */
.bxs-page .bxs-svc{padding-top:30px}
.bxs-page .bxs-svc-num{
  position:absolute;top:16px;left:22px;
  font-family:"Tajawal",sans-serif;font-size:46px;font-weight:800;line-height:1;
  color:rgba(245,154,87,.16);letter-spacing:-2px;user-select:none;
}
.bxs-page .bxs-svc-en{
  display:block;font-family:"Cairo",sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#aa9d91;margin:-3px 0 10px;
}
.bxs-page .bxs-svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.bxs-page .bxs-svc-tags span{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;
  background:var(--bxs-sand);border:1px solid rgba(20,17,16,.06);
  color:#8a5a2e;font-size:11.5px;font-weight:700;line-height:1.2;
}
.bxs-page .bxs-svc .bxs-link{margin-top:auto}

/* ---------------- package cards ---------------- */
.bxs-page .bxs-pkg-list{
  list-style:none;padding:0;margin:2px 0 6px;display:grid;gap:7px;
}
.bxs-page .bxs-pkg-list li{
  position:relative;padding-inline-start:21px;font-size:13.5px;line-height:1.6;
  color:var(--bxs-muted);
}
.bxs-page .bxs-pkg-list li::before{
  content:"\2713";position:absolute;inset-inline-start:0;top:0;
  color:var(--bxs-orange-deep);font-weight:800;font-size:12px;
}
.bxs-page .bxs-pcard .bxs-pfoot{gap:10px}
.bxs-page .bxs-pcard .bxs-btn{
  padding:10px 16px;font-size:12.5px;border-radius:999px;white-space:nowrap;
}
.bxs-page .bxs-pcard .bxs-price{font-size:22px}
.bxs-page .bxs-pcard .bxs-price small{font-size:11px}

/* ---------------- faq (native details) ---------------- */
.bxs-page .bxs-faq-list{display:grid;gap:12px;max-width:880px;margin:0 auto}
.bxs-page .bxs-faq-item{
  background:#fff;border:1px solid var(--bxs-line);border-radius:16px;overflow:hidden;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.bxs-page .bxs-faq-item:hover{border-color:rgba(245,154,87,.55);box-shadow:0 18px 36px -32px rgba(20,17,16,.5)}
.bxs-page .bxs-faq-item[open]{background:#fffdf9;border-color:rgba(245,154,87,.7)}
.bxs-page .bxs-faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:19px 22px;cursor:pointer;list-style:none;
  font-family:"Tajawal",sans-serif;font-size:17px;font-weight:700;line-height:1.5;color:var(--bxs-ink);
}
.bxs-page .bxs-faq-item summary::-webkit-details-marker{display:none}
.bxs-page .bxs-faq-item summary::after{
  content:"+";font-family:"Cairo",sans-serif;font-size:22px;font-weight:400;line-height:1;
  color:var(--bxs-orange-deep);flex:0 0 auto;transition:transform .25s ease;
}
.bxs-page .bxs-faq-item[open] summary::after{transform:rotate(45deg)}
.bxs-page .bxs-faq-a{padding:0 22px 20px;color:var(--bxs-muted);font-size:15px;line-height:1.95}
.bxs-page .bxs-faq-a p{margin:0}

/* ---------------- cta extras ---------------- */
.bxs-page .bxs-cta .bxs-actions{margin-top:0}
.bxs-page .bxs-cta .bxs-contact{margin-top:22px}

/* ---------------- page chrome (this page only) ---------------- */
.page-id-2855 .wd-page-title,
.page-id-2855 .wd-breadcrumbs,
.page-id-2855 .whb-top-bar{display:none!important}
.page-id-2855 .site-content,
.page-id-2855 .content-area,
.page-id-2855 .wd-content-area{padding:0!important;margin:0!important}
.page-id-2855 #main-content.wd-content-layout,
.page-id-2855 .wd-content-layout.content-layout-wrapper.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.page-id-2855 .entry-content{padding:0!important;margin:0!important}
.page-id-2855 .site-content > .container,
.page-id-2855 .wd-content-area > .container{max-width:none!important;width:100%!important;padding:0!important}
.page-id-2855 .wd-page-content{padding-bottom:0!important}

/* the theme footer still carries WoodMart demo content — hide it like the home page */
.page-id-2855 footer.wd-footer{display:none!important}
.page-id-2855 .bxs-ctasec{padding-bottom:clamp(60px,7vw,100px)!important}

/* ---------------- responsive refinements ---------------- */
@media(max-width:1024px){
  .bxs-page .bxs-svc-num{font-size:40px}
  .bxs-page .bxs-hero-media{max-width:460px;margin-inline:auto}
}
@media(max-width:760px){
  .bxs-page .bxs-hero-title{letter-spacing:-.4px}
  .bxs-page .bxs-faq-item summary{font-size:15.5px;padding:16px 16px}
  .bxs-page .bxs-faq-a{padding:0 16px 16px}
  .bxs-page .bxs-pcard .bxs-pfoot{flex-wrap:wrap}
  .bxs-page .bxs-pcard .bxs-btn{width:100%}
}