/* Montaj360 0.40.56 — inner pages use the same brand language as the homepage. */
body.m360-inner-visuals{
  --m360-navy:#0a3a68;--m360-orange:#ef8a27;--m360-ink:#10233d;
  --m360-hero-image:url('../img/mobile-premium/hero-worker.webp');
}

/* Real branded logo treatment in the Kadence header; keep the existing home link and semantics. */
body.m360-inner-visuals #masthead .site-branding a.brand,
body.m360-inner-visuals #masthead .site-branding > a,
body.m360-inner-visuals .site-header .site-branding a.brand,
body.m360-inner-visuals .site-header .site-branding > a{
  display:block!important;width:178px!important;height:46px!important;min-width:178px!important;
  background-image:url('../img/m360-logo.svg')!important;background-repeat:no-repeat!important;
  background-position:left center!important;background-size:178px auto!important;
  overflow:hidden!important;text-indent:-9999px!important;white-space:nowrap!important;
}
body.m360-inner-visuals #masthead .site-branding .site-title-wrap,
body.m360-inner-visuals .site-header .site-branding .site-title-wrap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
body.m360-inner-visuals #masthead .site-header-row-container-inner{min-height:72px}

/* The former empty grey title slab becomes a compact visual page masthead. */
body.m360-inner-visuals .entry-hero{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  min-height:230px!important;background:#0b2944 var(--m360-hero-image) center 45%/cover no-repeat!important;
}
body.m360-inner-visuals .entry-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,30,51,.88) 0%,rgba(5,30,51,.64) 46%,rgba(5,30,51,.24) 100%)}
body.m360-inner-visuals .entry-hero-container-inner{min-height:230px!important;display:flex!important;align-items:center!important;padding-top:38px!important;padding-bottom:38px!important}
body.m360-inner-visuals .entry-hero .entry-header{width:100%!important;margin:0!important}
body.m360-inner-visuals .entry-hero .entry-title{color:#fff!important;font-size:clamp(34px,4vw,56px)!important;max-width:780px!important;text-shadow:0 2px 18px rgba(0,0,0,.22)}

/* Service-specific visual identity. */
body.m360-service-mobilya-montaj{--m360-hero-image:url('../img/mobile-premium/mobilya-montaj.webp')}
body.m360-service-marangoz-mobilya-tamiri{--m360-hero-image:url('../img/mobile-premium/mobilya-tamiri.webp')}
body.m360-service-mutfak-dolap-gardirop{--m360-hero-image:url('../img/mobile-premium/hero-worker.webp')}
body.m360-service-ozel-mobilya-uretim{--m360-hero-image:url('../img/mobile-premium/hero-worker.webp')}
body.m360-service-kapi-ahsap-dograma{--m360-hero-image:url('../img/mobile-premium/kapi-dograma.webp')}
body.m360-service-parke-laminat{--m360-hero-image:url('../img/mobile-premium/parke-laminat.webp')}
body.m360-service-mobilya-tasarim-render{--m360-hero-image:url('../img/mobile-premium/hero-worker.webp')}
body.m360-page-nasil-calisir{--m360-hero-image:url('../img/mobile-premium/hero-worker.webp')}
body.m360-page-hakkimizda{--m360-hero-image:url('../img/mobile-premium/living-room.webp')}
body.m360-page-usta-olarak-katil,body.m360-page-usta-hizmet-saglayici-kosullari{--m360-hero-image:url('../img/mobile-premium/usta-cta.webp')}

/* Inner content feels like one product, not a narrow WordPress article. */
body.m360-inner-visuals article.entry{margin-top:34px!important;margin-bottom:54px!important;border-radius:22px!important}
body.m360-inner-visuals .entry-content-wrap{padding:clamp(28px,4vw,54px)!important;border-radius:22px!important;box-shadow:0 16px 44px rgba(20,45,75,.07)!important}
body.m360-inner-visuals .m360-corp-page,
body.m360-inner-visuals .m360-service-seo,
body.m360-inner-visuals .m360-services-hub{font-size:17px;line-height:1.7;color:var(--m360-ink)}
body.m360-inner-visuals .m360-corp-page h2,
body.m360-inner-visuals .m360-service-seo h2,
body.m360-inner-visuals .m360-services-hub h2{letter-spacing:-.025em;color:var(--m360-ink)}

/* How-it-works cards gain a visual strip while preserving every existing sentence. */
body.m360-page-nasil-calisir .m360-step-grid article{position:relative;overflow:hidden;padding-top:150px!important;background:#fff!important}
body.m360-page-nasil-calisir .m360-step-grid article:before{content:'';position:absolute;left:0;right:0;top:0;height:120px;background:center/cover no-repeat;filter:saturate(.92)}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(1):before{background-image:url('../img/mobile-premium/mobilya-montaj.webp')}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(2):before{background-image:url('../img/mobile-premium/hero-worker.webp')}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(3):before{background-image:url('../img/mobile-premium/mobilya-tamiri.webp')}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(4):before{background-image:url('../img/mobile-premium/tadilat.webp')}

/* Service landing's first content panel also carries its category image instead of being text-only. */
body.m360-service-visual .m360-service-hero{position:relative;isolation:isolate;overflow:hidden!important;min-height:300px;padding:clamp(30px,5vw,58px)!important;background:#0b2944 var(--m360-hero-image) center/cover no-repeat!important;color:#fff!important;border-radius:22px!important}
body.m360-service-visual .m360-service-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,34,58,.94),rgba(6,34,58,.7) 55%,rgba(6,34,58,.22))}
body.m360-service-visual .m360-service-hero h1,body.m360-service-visual .m360-service-hero p,body.m360-service-visual .m360-service-hero span{color:#fff!important;max-width:720px}
body.m360-service-visual .m360-service-hero > a{background:var(--m360-orange)!important;color:#fff!important;border:0!important}

@media(max-width:782px){
 body.m360-inner-visuals #masthead .site-branding a.brand,
 body.m360-inner-visuals #masthead .site-branding > a,
 body.m360-inner-visuals .site-header .site-branding a.brand,
 body.m360-inner-visuals .site-header .site-branding > a{width:150px!important;min-width:150px!important;height:40px!important;background-size:150px auto!important}
 body.m360-inner-visuals .entry-hero{min-height:180px!important}
 body.m360-inner-visuals .entry-hero-container-inner{min-height:180px!important;padding:26px 0!important}
 body.m360-inner-visuals .entry-hero .entry-title{font-size:clamp(30px,9vw,42px)!important}
 body.m360-inner-visuals article.entry{margin-top:18px!important;margin-bottom:30px!important;border-radius:16px!important}
 body.m360-inner-visuals .entry-content-wrap{padding:20px 16px!important;border-radius:16px!important}
 body.m360-page-nasil-calisir .m360-step-grid article{padding-top:132px!important}
 body.m360-page-nasil-calisir .m360-step-grid article:before{height:104px}
 body.m360-service-visual .m360-service-hero{min-height:260px;padding:28px 22px!important}
}


/* 0.40.57 cleanup — keep the inner-page shell, remove the visual experiments that did not fit. */
/* Header logo: render exactly one mark; suppress Kadence's nested title/image content so nothing overlaps. */
body.m360-inner-visuals #masthead .site-branding a.brand,
body.m360-inner-visuals #masthead .site-branding > a,
body.m360-inner-visuals .site-header .site-branding a.brand,
body.m360-inner-visuals .site-header .site-branding > a{
  position:relative!important;
  display:block!important;
  width:190px!important;
  min-width:190px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-shadow:none!important;
  background:url('../img/m360-logo.svg') left center/190px auto no-repeat!important;
  overflow:hidden!important;
  text-indent:0!important;
}
body.m360-inner-visuals #masthead .site-branding a.brand > *,
body.m360-inner-visuals #masthead .site-branding > a > *,
body.m360-inner-visuals .site-header .site-branding a.brand > *,
body.m360-inner-visuals .site-header .site-branding > a > *{
  display:none!important;
}
body.m360-inner-visuals #masthead .site-branding a.brand:before,
body.m360-inner-visuals #masthead .site-branding a.brand:after,
body.m360-inner-visuals .site-header .site-branding a.brand:before,
body.m360-inner-visuals .site-header .site-branding a.brand:after{
  content:none!important;
  display:none!important;
}

/* “Nasıl Çalışır?” does not need a second giant masthead. Remove it at the source of presentation,
   leaving the real page content as the first visible section. */
body.m360-page-nasil-calisir .entry-hero{
  display:none!important;
}
body.m360-page-nasil-calisir article.entry{
  margin-top:32px!important;
}

/* Remove the arbitrary photo strips from the four steps. Their text is the content; do not decorate it with mismatched images. */
body.m360-page-nasil-calisir .m360-step-grid article{
  padding-top:28px!important;
  min-height:0!important;
}
body.m360-page-nasil-calisir .m360-step-grid article:before{
  content:none!important;
  display:none!important;
  background-image:none!important;
}

@media(max-width:782px){
  body.m360-inner-visuals #masthead .site-branding a.brand,
  body.m360-inner-visuals #masthead .site-branding > a,
  body.m360-inner-visuals .site-header .site-branding a.brand,
  body.m360-inner-visuals .site-header .site-branding > a{
    width:158px!important;
    min-width:158px!important;
    height:42px!important;
    background-size:158px auto!important;
  }
  body.m360-page-nasil-calisir article.entry{margin-top:18px!important}
  body.m360-page-nasil-calisir .m360-step-grid article{padding-top:22px!important}
}


/* 0.40.58 — one rule for ALL inner pages, not page-by-page patches. */
/* Kadence's duplicate title masthead is removed site-wide on Montaj360 inner pages.
   Service pages already have their own semantic .m360-service-hero, so no content/SEO heading is removed. */
body.m360-inner-visuals .entry-hero{display:none!important}
body.m360-inner-visuals article.entry{margin-top:32px!important}

/* How it works: one contextual process visual, not unrelated photos above every sentence. */
body.m360-page-nasil-calisir .m360-how-intro{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:stretch;
  margin:0 0 30px;padding:0;border:1px solid #dce5ef;border-radius:20px;overflow:hidden;background:#f8fbff;
}
body.m360-page-nasil-calisir .m360-how-intro-copy{padding:30px}
body.m360-page-nasil-calisir .m360-how-intro-copy h2{margin:0 0 10px;font-size:clamp(26px,2.5vw,36px)}
body.m360-page-nasil-calisir .m360-how-intro-copy p{margin:0 0 20px}
body.m360-page-nasil-calisir .m360-how-intro-visual{
  min-height:260px;background-image:linear-gradient(90deg,rgba(10,58,104,.08),rgba(10,58,104,.02)),url('../img/mobile-premium/hero-worker.webp');
  background-size:cover;background-position:center;
}
body.m360-page-nasil-calisir .m360-how-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.m360-page-nasil-calisir .m360-how-actions .m360-corp-cta{margin:0!important}
body.m360-page-nasil-calisir .m360-corp-cta-secondary{background:#fff!important;color:#0a3a68!important;border:1px solid #0a3a68!important}
body.m360-page-nasil-calisir .m360-how-actions-bottom{margin-top:18px}

@media(max-width:782px){
 body.m360-inner-visuals article.entry{margin-top:18px!important}
 body.m360-page-nasil-calisir .m360-how-intro{grid-template-columns:1fr;gap:0}
 body.m360-page-nasil-calisir .m360-how-intro-copy{padding:22px 18px}
 body.m360-page-nasil-calisir .m360-how-intro-visual{min-height:190px;order:-1}
 body.m360-page-nasil-calisir .m360-how-actions{display:grid;grid-template-columns:1fr}
 body.m360-page-nasil-calisir .m360-how-actions .m360-corp-cta{text-align:center!important}
}

/* 0.40.59 — semantic step visuals: each illustration matches the sentence it sits above. */
body.m360-page-nasil-calisir .m360-step-grid article{
  position:relative!important;
  overflow:hidden!important;
  padding-top:166px!important;
}
body.m360-page-nasil-calisir .m360-step-grid article:before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:138px!important;
  background-color:#f4f8fd!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  border-bottom:1px solid #e1e9f2!important;
}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(1):before{background-image:url('../img/how-steps/01-ihtiyacini-anlat.svg')!important}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(2):before{background-image:url('../img/how-steps/02-uygun-ustayi-bul.svg')!important}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(3):before{background-image:url('../img/how-steps/03-teklifleri-karsilastir.svg')!important}
body.m360-page-nasil-calisir .m360-step-grid article:nth-child(4):before{background-image:url('../img/how-steps/04-isi-takip-et.svg')!important}
@media(max-width:782px){
  body.m360-page-nasil-calisir .m360-step-grid article{padding-top:154px!important}
  body.m360-page-nasil-calisir .m360-step-grid article:before{height:128px!important}
}

/* 0.40.66 — final audited visual overrides.
   These intentionally supersede the historical 0.40.56–0.40.59 experiments above. */
body.m360-inner-visuals .entry-hero{display:none!important}
body.m360-inner-visuals:not(.m360-inner-family-app) article.entry{
  margin-top:16px!important;
  margin-bottom:36px!important;
  border-radius:20px!important;
}
body.m360-inner-visuals:not(.m360-inner-family-app) .entry-content-wrap{
  padding:clamp(24px,3vw,38px)!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(20,45,75,.055)!important;
}
body.m360-inner-family-service .m360-service-hero{margin-top:0!important}
body.m360-page-nasil-calisir .m360-how-intro{margin-top:0!important}

/* App pages must not inherit public marketing-card chrome. */
body.m360-inner-family-app article.entry{margin:0!important;border-radius:0!important}
body.m360-inner-family-app .entry-content-wrap{padding:0!important;border-radius:0!important;box-shadow:none!important}

@media(max-width:782px){
  body.m360-inner-visuals:not(.m360-inner-family-app) article.entry{margin-top:10px!important;margin-bottom:22px!important;border-radius:16px!important}
  body.m360-inner-visuals:not(.m360-inner-family-app) .entry-content-wrap{padding:18px 14px!important;border-radius:16px!important}
}