/* Fekra Editorial 1.4.48 — final responsive lock loaded after editorial.css. */

.fekra-editorial :where(.f-main,.f-header,.f-footer) :where(a.f-button,a.button,.f-header-cta,button:not(.f-menu-toggle):not(.fekra-footer-drawer__toggle),input[type="submit"]):is(:hover,:focus-visible,:active) {
  color:var(--f-plum) !important;
  background:var(--f-orange) !important;
  border-color:var(--f-orange) !important;
  box-shadow:0 14px 30px rgba(43,13,38,.18),inset 0 1px 0 rgba(255,255,255,.24) !important;
  -webkit-tap-highlight-color:rgba(242,160,51,.32);
}

/* Defeat the legacy first-child fallback once another service is active. */
.fekra-editorial.page-id-249 .f-service-explorer .fekra-service-media:first-child:not(.is-active),
.fekra-editorial.page-id-249 .f-service-explorer .fekra-depth-media:first-child:not(.is-active) {
  opacity:0 !important;
  visibility:hidden !important;
}

/* Services archive: preserve the complete 1168x880 artwork on desktop and
   mobile. Matching the frame to the source ratio prevents both crop and
   letterbox gaps while the active image changes. */
.fekra-editorial.page-id-249 .f-service-explorer .fekra-service-media {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .42s ease,visibility .42s ease !important;
}
.fekra-editorial.page-id-249 .f-service-explorer .fekra-service-media.is-active {
  opacity:1 !important;
  visibility:visible !important;
}

@media (min-width:901px) {
  .fekra-editorial.page-id-249 .f-service-explorer {
    min-height:0 !important;
  }
  .fekra-editorial.page-id-249 .f-service-explorer .fekra-scene-atmosphere {
    inset:90px 3.5% auto 52% !important;
    width:44.5% !important;
    height:auto !important;
    aspect-ratio:1168 / 880 !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  .fekra-editorial.page-id-249 .f-service-explorer .fekra-service-media-stack {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }
  .fekra-editorial.page-id-249 .f-service-explorer .fekra-service-media-stack .fekra-service-media,
  .fekra-editorial.page-id-249 .f-service-explorer .fekra-depth-media {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    clip-path:none !important;
    filter:none !important;
    transform:none !important;
    background:#fff !important;
  }
}

@media (max-width:900px) {
  .fekra-editorial.page-id-249 .fekra-mobile-service-preview {
    width:100% !important;
    height:auto !important;
    aspect-ratio:1168 / 880 !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  .fekra-editorial.page-id-249 .fekra-mobile-service-preview img {
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
  }
}
.fekra-editorial :where(.f-main,.f-header,.f-footer) :where(a.f-button,a.button,.f-header-cta,button:not(.f-menu-toggle):not(.fekra-footer-drawer__toggle),input[type="submit"]):is(:hover,:focus-visible,:active) * {
  color:inherit !important;
}
.fekra-editorial .f-project-card .f-card-link:active .fekra-card-readmore,
.fekra-editorial .f-project-card .f-card-link:focus-visible .fekra-card-readmore {
  color:#fffaf2 !important;
  -webkit-text-fill-color:#fffaf2 !important;
  background:var(--f-plum) !important;
  border-color:var(--f-plum) !important;
}

/* Keep every package CTA legible in hover, keyboard and touch states. */
.fekra-editorial :where(.f-main,.f-header,.f-footer) .f-package :where(button.f-button,a.f-button,input.f-button,input[type="submit"]),
.fekra-editorial :where(.f-main,.f-header,.f-footer) .f-package :where(button.f-button,a.f-button,input.f-button,input[type="submit"]):is(:hover,:focus,:focus-visible,:active) {
  color:var(--f-plum) !important;
  -webkit-text-fill-color:var(--f-plum) !important;
  background-color:var(--f-orange) !important;
  background-image:none !important;
  border-color:var(--f-orange) !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
.fekra-editorial :where(.f-main,.f-header,.f-footer) .f-package :where(button.f-button,a.f-button,input.f-button,input[type="submit"]) * {
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
.fekra-editorial.home .f-project-showcase .fekra-card-readmore::after {
  content:none !important;
  display:none !important;
}
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card) :where(.f-card-link,.f-card-caption,.f-project-card)::before,
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card) :where(.f-card-link,.f-card-caption,.f-project-card)::after {
  content:none !important;
  display:none !important;
}
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card)::before,
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card)::after {
  content:none !important;
  display:none !important;
}
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card) :where(.f-card-index,.f-card-number,[class*="frame-index"],.f-card-media > .f-meta) {
  display:none !important;
}
.fekra-editorial.home .f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media::after {
  content:none !important;
  display:none !important;
}

.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-grid {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  gap:clamp(12px,1.25vw,22px) !important;
  align-items:start !important;
  overflow:visible !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:nth-child(n) {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  opacity:var(--fekra-deck-opacity,1) !important;
  transform:translate3d(var(--fekra-deck-x,0px),var(--fekra-deck-y,0px),0) scale(var(--fekra-deck-scale,1)) !important;
  transform-origin:50% 0 !important;
  clip-path:inset(0 0 var(--fekra-deck-clip,0%) 0 round 16px) !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  justify-self:stretch !important;
  align-self:start !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card > .f-card-link {
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  display:grid !important;
  grid-template-rows:auto auto !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  color:var(--f-plum) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  display:grid !important;
  place-items:center !important;
  align-self:start !important;
  margin:0 !important;
  padding:10px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1.5px solid rgba(43,13,38,.34) !important;
  border-radius:16px !important;
  box-shadow:0 12px 0 rgba(43,13,38,.09),0 20px 38px rgba(43,13,38,.12) !important;
  transform:none !important;
  box-sizing:border-box !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media::before {
  content:attr(data-frame-index) " / PROJECT" !important;
  position:absolute !important;
  z-index:2 !important;
  top:12px !important;
  left:12px !important;
  color:var(--f-orange) !important;
  font:800 8px/1 "Manrope",Arial,sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media img {
  position:static !important;
  inset:auto !important;
  width:calc(100% - 12px) !important;
  height:calc(100% - 12px) !important;
  max-width:none !important;
  max-height:none !important;
  margin:6px !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  transform:none !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption {
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  clip-path:none !important;
  max-height:none !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption > div,
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption .fekra-card-readmore {
  grid-column:1 !important;
  width:100% !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption h3 {
  width:100% !important;
  min-height:2.16em !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  color:var(--f-plum) !important;
  font-size:clamp(15px,1.1vw,20px) !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption > .f-meta { display:none !important; }
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .fekra-card-readmore {
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:11px 14px !important;
  color:#fffaf2 !important;
  background:var(--f-plum) !important;
  border:1px solid var(--f-plum) !important;
  border-radius:999px !important;
  box-shadow:0 10px 22px rgba(43,13,38,.14) !important;
  font:800 9px/1 "Manrope",Arial,sans-serif !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  box-sizing:border-box !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  clip-path:none !important;
  max-height:none !important;
  -webkit-text-fill-color:#fffaf2 !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card):is(:hover,:focus-within) .f-card-media {
  transform:translateY(-5px) !important;
  border-color:var(--f-orange) !important;
  box-shadow:0 14px 0 rgba(43,13,38,.1),0 28px 44px rgba(43,13,38,.16) !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card):is(:hover,:focus-within) .fekra-card-readmore {
  color:#fffaf2 !important;
  -webkit-text-fill-color:#fffaf2 !important;
  background:var(--f-plum) !important;
  border-color:var(--f-plum) !important;
  box-shadow:0 14px 28px rgba(43,13,38,.22) !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .fekra-view-all-card > .f-card-link {
  height:100% !important;
  min-height:100% !important;
  aspect-ratio:auto !important;
  padding:clamp(18px,2vw,28px) !important;
  color:#fffaf2 !important;
  background:var(--f-plum) !important;
  border:1.5px solid rgba(255,250,242,.28) !important;
  border-radius:16px !important;
  box-shadow:0 12px 0 rgba(43,13,38,.12),0 20px 38px rgba(43,13,38,.15) !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .fekra-view-all-card {
  height:auto !important;
  align-self:stretch !important;
}
.fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card.fekra-view-all-card:nth-child(n) {
  height:auto !important;
  min-height:0 !important;
  align-self:stretch !important;
}

/* Service artwork is state driven: exactly one desktop image, a complete
   inline preview for every mobile row. */
.fekra-editorial.home .fekra-scene-services .fekra-service-media-stack {
  pointer-events:none !important;
}
.fekra-editorial.home .fekra-scene-services .fekra-service-media {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .42s ease,visibility .42s ease !important;
}
.fekra-editorial.home .fekra-scene-services .fekra-service-media.is-active {
  opacity:1 !important;
  visibility:visible !important;
}

@media (max-width:900px) {
  .fekra-editorial :where(a,button,input[type="submit"]) { -webkit-tap-highlight-color:rgba(242,160,51,.32); }
  .fekra-editorial.home.fekra-scenes-flow .fekra-scene-about,
  .fekra-editorial.home.fekra-scenes-flow .fekra-scene-work,
  .fekra-editorial.home .fekra-scene-about > .elementor-widget,
  .fekra-editorial.home .fekra-scene-about > .e-con-inner,
  .fekra-editorial.home .fekra-scene-work > .elementor-widget,
  .fekra-editorial.home .fekra-scene-work > .e-con-inner,
  .fekra-editorial.home .fekra-scene-about > .elementor-widget > .elementor-widget-container,
  .fekra-editorial.home .fekra-scene-work > .elementor-widget > .elementor-widget-container {
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    contain:none !important;
  }
  .fekra-editorial.home.fekra-scenes-flow .fekra-scene-work {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }
  .fekra-editorial.home .fekra-scene-about .f-process { height:auto !important; min-height:0 !important; display:block !important; padding:92px 0 64px !important; overflow:visible !important; }
  .fekra-editorial.home .fekra-scene-about .f-process > .fekra-scene-atmosphere--about {
    position:relative !important;
    inset:auto !important;
    width:calc(100% - 24px) !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    display:block !important;
    margin:0 auto 26px !important;
    overflow:hidden !important;
    opacity:1 !important;
    background:var(--f-plum) !important;
    border:1px solid rgba(43,13,38,.14) !important;
    border-radius:22px !important;
    box-shadow:0 18px 44px rgba(43,13,38,.14) !important;
    transform:none !important;
  }
  .fekra-editorial.home .fekra-scene-about .f-process > .fekra-scene-atmosphere--about :where(.fekra-depth-grid,.fekra-depth-glow) { display:none !important; }
  .fekra-editorial.home .fekra-scene-about .f-process > .fekra-scene-atmosphere--about .fekra-depth-media {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
  .fekra-editorial.home .fekra-scene-about .f-process > .f-container { position:relative !important; z-index:2 !important; width:calc(100% - 24px) !important; height:auto !important; min-height:0 !important; margin:0 auto !important; padding:0 !important; }
  .fekra-editorial.home .fekra-scene-about .f-process-grid { width:100% !important; height:auto !important; min-height:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:22px !important; margin:0 !important; padding:0 !important; }
  .fekra-editorial.home .fekra-scene-about :where(.f-process-intro,.f-process-steps,.f-process-steps li) { position:relative !important; inset:auto !important; width:100% !important; opacity:1 !important; transform:none !important; }

  .fekra-editorial.home .fekra-scene-work section.f-project-showcase { position:relative !important; inset:auto !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:86px 12px 92px !important; overflow:visible !important; box-sizing:border-box !important; isolation:isolate !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase > .f-container { width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px 12px !important; width:100% !important; height:auto !important; min-height:0 !important; margin:22px 0 0 !important; padding:0 !important; overflow:visible !important; align-content:start !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card > .f-card-link { gap:9px !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media { padding:8px !important; border-radius:14px !important; box-shadow:0 8px 0 rgba(43,13,38,.08),0 16px 30px rgba(43,13,38,.1) !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-media::before { top:9px !important; left:9px !important; font-size:7px !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption { gap:8px !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .f-card-caption h3 { font-size:clamp(13px,3.6vw,16px) !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card:not(.fekra-view-all-card) .fekra-card-readmore { min-height:38px !important; padding:10px 8px !important; font-size:8px !important; }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .fekra-view-all-card > .f-card-link { padding:16px !important; border-radius:14px !important; }

  .fekra-editorial.home .fekra-scene-services .fekra-mobile-service-preview {
    width:100% !important;
    display:block !important;
    margin:14px 0 0 !important;
    overflow:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#fff !important;
    border:1px solid rgba(43,13,38,.16) !important;
    border-radius:16px !important;
    box-shadow:0 14px 32px rgba(43,13,38,.1) !important;
  }
  .fekra-editorial.home .fekra-scene-services .fekra-mobile-service-preview img {
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#fff !important;
  }

  .fekra-editorial.home .fekra-scene-layer {
    pointer-events:auto !important;
  }
  .fekra-editorial.home :where(.fekra-scene-atmosphere,.fekra-scene-chrome,.fekra-depth-plane) {
    pointer-events:none !important;
  }
  .fekra-editorial.home :where(.f-hero-stage,.f-service-row,.f-package,.f-footer,.f-cta-inner) :where(a,button,input[type="submit"]),
  .fekra-editorial.home :where(.f-header,.f-footer) :where(a,button) {
    position:relative !important;
    z-index:30 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}

/* Packages: balanced editorial headline, contained currency and an explicit
   high-contrast CTA state on every input mode. */
@media (min-width:901px) {
  .fekra-editorial.home .fekra-scene-packages .f-packages > .f-container {
    align-items:center !important;
  }
  .fekra-editorial.home .fekra-scene-packages .f-section-heading,
  .fekra-editorial.home .fekra-scene-packages .f-title {
    align-self:center !important;
    transform:translateY(clamp(18px,3.2vh,32px)) !important;
  }
}
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package-price {
  max-width:100% !important;
  font-size:clamp(40px,3vw,52px) !important;
  line-height:.96 !important;
  letter-spacing:-.025em !important;
  white-space:nowrap !important;
}
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package-price .woocommerce-Price-amount {
  max-width:100% !important;
  display:inline-flex !important;
  align-items:baseline !important;
  gap:.2em !important;
  white-space:nowrap !important;
}
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package-price .woocommerce-Price-currencySymbol {
  flex:0 0 auto !important;
  font-size:.34em !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
}
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package :where(a.f-button,button.f-button,input[type="submit"]),
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package :where(a.f-button,button.f-button,input[type="submit"]):is(:hover,:focus,:focus-visible,:active) {
  color:var(--f-plum) !important;
  -webkit-text-fill-color:var(--f-plum) !important;
  background:var(--f-orange) !important;
  background-image:none !important;
  border-color:var(--f-orange) !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
.fekra-editorial :is(.fekra-scene-packages,.page-id-3007) .f-package :where(a.f-button,button.f-button,input[type="submit"]) * {
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Mobile client deck lock: a real scroll runway keeps the section pinned long
   enough for the five cards to emerge from card one and reverse on scroll-up. */
@media (max-width:900px) {
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase {
    position:sticky !important;
    top:0 !important;
    height:auto !important;
    min-height:clamp(1120px,285vw,1240px) !important;
    padding:86px 12px 96px !important;
    overflow:visible !important;
  }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-grid {
    gap:44px 18px !important;
    grid-auto-rows:max-content !important;
    grid-template-rows:none !important;
    align-items:start !important;
    padding-bottom:88px !important;
    transform-style:preserve-3d !important;
    will-change:auto !important;
  }
  .fekra-editorial.home .fekra-scene-work section.f-project-showcase .f-project-card > .f-card-link {
    gap:12px !important;
  }
}