/* Montaj360 0.40.55 — consistent public inner-page shell.
   Deliberately layout-only: no content is hidden and SEO copy remains in the document. */
body.m360-inner-shell{
  --m360-shell-max:1280px;
  --m360-content-max:1180px;
  --m360-shell-pad:clamp(18px,3vw,42px);
  --m360-shell-bg:#f5f7fa;
  --m360-shell-ink:#10233d;
  background:var(--m360-shell-bg);
  overflow-x:hidden;
}

/* Keep theme header and page content on the same visual axis. */
body.m360-inner-shell #masthead .site-container,
body.m360-inner-shell #masthead .site-header-row-container-inner,
body.m360-inner-shell .site-header .site-container,
body.m360-inner-shell .site-header .site-header-row-container-inner{
  width:min(calc(100% - (var(--m360-shell-pad) * 2)),var(--m360-shell-max))!important;
  max-width:var(--m360-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Remove the narrow Kadence article rail without changing the page content. */
body.m360-inner-shell #inner-wrap,
body.m360-inner-shell #primary,
body.m360-inner-shell #main,
body.m360-inner-shell .site-main,
body.m360-inner-shell .content-area,
body.m360-inner-shell .content-container,
body.m360-inner-shell .site-container,
body.m360-inner-shell .content-wrap,
body.m360-inner-shell article.entry,
body.m360-inner-shell .entry-content-wrap,
body.m360-inner-shell .entry-content{
  box-sizing:border-box;
}
body.m360-inner-shell #primary,
body.m360-inner-shell .content-area,
body.m360-inner-shell .content-container,
body.m360-inner-shell .content-wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.m360-inner-shell #primary,
body.m360-inner-shell .content-area{
  margin-left:0!important;
  margin-right:0!important;
}
body.m360-inner-shell #main,
body.m360-inner-shell .site-main{
  width:min(calc(100% - (var(--m360-shell-pad) * 2)),var(--m360-content-max))!important;
  max-width:var(--m360-content-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.m360-inner-shell article.entry,
body.m360-inner-shell .entry-content-wrap,
body.m360-inner-shell .entry-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Theme title area follows the same width and no longer becomes a giant grey band. */
body.m360-inner-shell .entry-hero-container-inner,
body.m360-inner-shell .entry-header,
body.m360-inner-shell .page-header{
  width:min(calc(100% - (var(--m360-shell-pad) * 2)),var(--m360-content-max))!important;
  max-width:var(--m360-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.m360-inner-shell .entry-hero{
  min-height:0!important;
}
body.m360-inner-shell .entry-hero-container-inner{
  padding-top:clamp(22px,3vw,42px)!important;
  padding-bottom:clamp(22px,3vw,42px)!important;
}
body.m360-inner-shell .entry-title{
  color:var(--m360-shell-ink);
  line-height:1.1;
  letter-spacing:-.025em;
}

/* Generic Montaj360 blocks must be allowed to use the new content width. */
body.m360-inner-shell .m360-corp-page,
body.m360-inner-shell .m360-search-app,
body.m360-inner-shell .m360-customer-quotes,
body.m360-inner-shell .m360-provider-panel,
body.m360-inner-shell .m360-provider-signup,
body.m360-inner-shell .m360-provider-detail,
body.m360-inner-shell .m360-service-page,
body.m360-inner-shell .m360-service-seo,
body.m360-inner-shell .m360-design-orders{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Tablet: same shell, less whitespace. */
@media (max-width:1024px){
  body.m360-inner-shell{--m360-shell-pad:20px}
  body.m360-inner-shell #main,
  body.m360-inner-shell .site-main{width:calc(100% - 40px)!important}
}

/* Phones: full usable width. Existing app-page rules loaded earlier still own their components. */
@media (max-width:782px){
  body.m360-inner-shell{--m360-shell-pad:14px}
  body.m360-inner-shell #masthead .site-container,
  body.m360-inner-shell #masthead .site-header-row-container-inner,
  body.m360-inner-shell .site-header .site-container,
  body.m360-inner-shell .site-header .site-header-row-container-inner,
  body.m360-inner-shell #main,
  body.m360-inner-shell .site-main,
  body.m360-inner-shell .entry-hero-container-inner,
  body.m360-inner-shell .entry-header,
  body.m360-inner-shell .page-header{
    width:calc(100% - 28px)!important;
  }
  body.m360-inner-shell.m360-app-page #main,
  body.m360-inner-shell.m360-app-page .site-main{
    width:100%!important;
  }
}

/* 0.40.66 — audited inner-page spacing contract.
   One layout contract for marketing/service/corporate/legal/design pages.
   App/account pages retain their own component spacing and are explicitly reset below. */
body.m360-inner-shell:not(.m360-inner-family-app) #inner-wrap,
body.m360-inner-shell:not(.m360-inner-family-app) #primary,
body.m360-inner-shell:not(.m360-inner-family-app) .content-area,
body.m360-inner-shell:not(.m360-inner-family-app) .content-container,
body.m360-inner-shell:not(.m360-inner-family-app) .content-wrap,
body.m360-inner-shell:not(.m360-inner-family-app) #main,
body.m360-inner-shell:not(.m360-inner-family-app) .site-main{
  padding-top:0!important;
}
body.m360-inner-shell:not(.m360-inner-family-app) article.entry{
  margin-top:16px!important;
  margin-bottom:36px!important;
}
body.m360-inner-shell:not(.m360-inner-family-app) .entry-content-wrap{
  padding:clamp(24px,3vw,38px)!important;
}

/* Public information/legal pages stay readable instead of stretching prose across 1180px. */
body.m360-inner-family-corporate .m360-corp-page,
body.m360-inner-family-legal .m360-corp-page{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Service and design pages intentionally use the full shared content rail. */
body.m360-inner-family-service .m360-service-seo,
body.m360-inner-family-design .m360-design-wrap,
body.m360-page-hizmetler .m360-services-hub{
  margin-top:0!important;
}

/* Account/application pages are governed by their dedicated UI styles, not marketing-card spacing. */
body.m360-inner-family-app article.entry{
  margin-top:0!important;
  margin-bottom:0!important;
  border-radius:0!important;
}
body.m360-inner-family-app .entry-content-wrap{
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

@media (max-width:1024px){
  body.m360-inner-shell:not(.m360-inner-family-app) article.entry{margin-top:14px!important;margin-bottom:30px!important}
  body.m360-inner-shell:not(.m360-inner-family-app) .entry-content-wrap{padding:24px!important}
}
@media (max-width:782px){
  body.m360-inner-shell:not(.m360-inner-family-app) article.entry{margin-top:10px!important;margin-bottom:22px!important}
  body.m360-inner-shell:not(.m360-inner-family-app) .entry-content-wrap{padding:18px 14px!important}
  body.m360-inner-family-corporate .m360-corp-page,
  body.m360-inner-family-legal .m360-corp-page{padding-left:0!important;padding-right:0!important}
}


/* 0.40.67 — root-cause spacing fix for Kadence inner pages.
   Kadence adds vertical whitespace with margin on .content-area; 0.40.65/0.40.66
   only reset padding/article spacing, so the visible gap could survive.
   Reset the theme-owned outer margin, then let the Montaj360 article margin own spacing. */
body.m360-inner-shell:not(.m360-inner-family-app) #primary,
body.m360-inner-shell:not(.m360-inner-family-app) .content-area{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.m360-inner-shell:not(.m360-inner-family-app) #inner-wrap{
  padding-top:0!important;
}
body.m360-inner-shell:not(.m360-inner-family-app) #main,
body.m360-inner-shell:not(.m360-inner-family-app) .site-main{
  margin-top:0!important;
}
body.m360-inner-shell:not(.m360-inner-family-app) article.entry{
  margin-top:18px!important;
}
@media (max-width:1024px){
  body.m360-inner-shell:not(.m360-inner-family-app) article.entry{margin-top:14px!important}
}
@media (max-width:782px){
  body.m360-inner-shell:not(.m360-inner-family-app) article.entry{margin-top:10px!important}
}

/* 0.41.14 — panel pages: remove Kadence/theme outer card frame only.
   Important: do NOT flatten Montaj360's own functional cards. */
body.m360-page-tekliflerim,
body.m360-page-favori-ustalarim,
body.m360-page-usta-paneli{
  background:#fff!important;
}

/* Theme-owned rails/wrappers: same frame-removal principle used on the homepage. */
body.m360-page-tekliflerim #inner-wrap,
body.m360-page-tekliflerim #primary,
body.m360-page-tekliflerim #main,
body.m360-page-tekliflerim .site-main,
body.m360-page-tekliflerim .site-main-wrap,
body.m360-page-tekliflerim .content-area,
body.m360-page-tekliflerim .content-container,
body.m360-page-tekliflerim .content-wrap,
body.m360-page-tekliflerim article.entry,
body.m360-page-tekliflerim .entry-content-wrap,
body.m360-page-tekliflerim .entry-content,
body.m360-page-tekliflerim .content-bg,
body.m360-page-favori-ustalarim #inner-wrap,
body.m360-page-favori-ustalarim #primary,
body.m360-page-favori-ustalarim #main,
body.m360-page-favori-ustalarim .site-main,
body.m360-page-favori-ustalarim .site-main-wrap,
body.m360-page-favori-ustalarim .content-area,
body.m360-page-favori-ustalarim .content-container,
body.m360-page-favori-ustalarim .content-wrap,
body.m360-page-favori-ustalarim article.entry,
body.m360-page-favori-ustalarim .entry-content-wrap,
body.m360-page-favori-ustalarim .entry-content,
body.m360-page-favori-ustalarim .content-bg,
body.m360-page-usta-paneli #inner-wrap,
body.m360-page-usta-paneli #primary,
body.m360-page-usta-paneli #main,
body.m360-page-usta-paneli .site-main,
body.m360-page-usta-paneli .site-main-wrap,
body.m360-page-usta-paneli .content-area,
body.m360-page-usta-paneli .content-container,
body.m360-page-usta-paneli .content-wrap,
body.m360-page-usta-paneli article.entry,
body.m360-page-usta-paneli .entry-content-wrap,
body.m360-page-usta-paneli .entry-content,
body.m360-page-usta-paneli .content-bg{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Remove only theme spacing that creates the visible "page inside a card" effect. */
body.m360-page-tekliflerim article.entry,
body.m360-page-tekliflerim .entry-content-wrap,
body.m360-page-tekliflerim .entry-content,
body.m360-page-favori-ustalarim article.entry,
body.m360-page-favori-ustalarim .entry-content-wrap,
body.m360-page-favori-ustalarim .entry-content,
body.m360-page-usta-paneli article.entry,
body.m360-page-usta-paneli .entry-content-wrap,
body.m360-page-usta-paneli .entry-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Keep the actual panel on the shared Montaj360 content axis. */
body.m360-page-tekliflerim #main,
body.m360-page-tekliflerim .site-main,
body.m360-page-favori-ustalarim #main,
body.m360-page-favori-ustalarim .site-main,
body.m360-page-usta-paneli #main,
body.m360-page-usta-paneli .site-main{
  width:min(calc(100% - (var(--m360-shell-pad) * 2)),var(--m360-content-max))!important;
  max-width:var(--m360-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Montaj360 component cards remain untouched:
   .m360-cq-card / .m360-panel-card / job / offer / address cards retain their own UI. */

@media(max-width:782px){
  body.m360-page-tekliflerim #main,
  body.m360-page-tekliflerim .site-main,
  body.m360-page-favori-ustalarim #main,
  body.m360-page-favori-ustalarim .site-main,
  body.m360-page-usta-paneli #main,
  body.m360-page-usta-paneli .site-main{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.m360-page-tekliflerim .content-container,
  body.m360-page-tekliflerim .content-wrap,
  body.m360-page-tekliflerim .entry-content-wrap,
  body.m360-page-favori-ustalarim .content-container,
  body.m360-page-favori-ustalarim .content-wrap,
  body.m360-page-favori-ustalarim .entry-content-wrap,
  body.m360-page-usta-paneli .content-container,
  body.m360-page-usta-paneli .content-wrap,
  body.m360-page-usta-paneli .entry-content-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* Give the app itself the phone edge spacing, instead of the theme frame. */
  body.m360-page-tekliflerim .m360-customer-quotes,
  body.m360-page-favori-ustalarim .m360-customer-quotes,
  body.m360-page-usta-paneli .m360-provider-panel{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* 0.41.14 — universal standalone inner-page shell.
   All regular WordPress pages now bypass Kadence article/content wrappers. */
body.m360-standalone-inner-page{
  --m360-inner-max:1180px;
  margin:0!important;
  background:#fff!important;
  color:#10233d;
  overflow-x:hidden;
}
body.m360-standalone-inner-page .m360-inner-standalone-header{
  width:100%;
  background:#fff;
  border-bottom:1px solid #edf1f5;
  box-shadow:0 1px 0 rgba(16,36,63,.02);
}
body.m360-standalone-inner-page .m360-inner-standalone-header-inner{
  width:calc(100% - 48px);
  max-width:1280px;
  min-height:72px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
}
body.m360-standalone-inner-page .m360-inner-standalone-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#0a3a68;
  text-decoration:none;
  flex:0 0 auto;
}
body.m360-standalone-inner-page .m360-inner-standalone-logo strong{
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}
body.m360-standalone-inner-page .m360-inner-standalone-logo strong span{color:#ef8a27}
body.m360-standalone-inner-page .m360-inner-standalone-mark{
  position:relative;
  display:block;
  width:31px;height:28px;
  border:4px solid #0a3a68;border-top:0;
  border-radius:2px 2px 4px 4px;
  box-sizing:border-box;
}
body.m360-standalone-inner-page .m360-inner-standalone-mark:before,
body.m360-standalone-inner-page .m360-inner-standalone-mark:after{
  content:'';
  position:absolute;top:-10px;width:20px;height:4px;
  background:#0a3a68;border-radius:3px;
}
body.m360-standalone-inner-page .m360-inner-standalone-mark:before{left:-4px;transform:rotate(-38deg);transform-origin:left center}
body.m360-standalone-inner-page .m360-inner-standalone-mark:after{right:-4px;transform:rotate(38deg);transform-origin:right center}
body.m360-standalone-inner-page .m360-inner-standalone-mark i{
  position:absolute;left:9px;bottom:0;width:7px;height:14px;background:#ef8a27;border-radius:2px 2px 0 0
}
body.m360-standalone-inner-page .m360-inner-standalone-nav{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;
}
body.m360-standalone-inner-page .m360-inner-standalone-nav a{
  display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:9px;
  color:#526075;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap;
}
body.m360-standalone-inner-page .m360-inner-standalone-nav a:hover{background:#f4f7fa;color:#0a3a68}
body.m360-standalone-inner-page .m360-inner-standalone-nav .is-primary{background:#edf4ff;color:#155eef;font-weight:800}
body.m360-standalone-inner-page .m360-inner-standalone-nav .is-pro{background:#0a3a68;color:#fff;font-weight:800}
body.m360-standalone-inner-page .m360-inner-mobile-menu{display:none}

body.m360-standalone-inner-page .m360-standalone-inner-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
body.m360-standalone-inner-page .m360-standalone-inner-content{
  width:min(calc(100% - 48px),var(--m360-inner-max))!important;
  max-width:var(--m360-inner-max)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:28px 0 48px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.m360-standalone-inner-page .m360-standalone-inner-content > *{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
body.m360-standalone-inner-page .m360-customer-quotes,
body.m360-standalone-inner-page .m360-provider-panel,
body.m360-standalone-inner-page .m360-provider-signup,
body.m360-standalone-inner-page .m360-search-app,
body.m360-standalone-inner-page .m360-services-hub,
body.m360-standalone-inner-page .m360-service-seo,
body.m360-standalone-inner-page .m360-service-page,
body.m360-standalone-inner-page .m360-design-orders,
body.m360-standalone-inner-page .m360-corp-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Keep readable prose widths while the page shell itself remains frameless. */
body.m360-standalone-inner-page.m360-inner-family-corporate .m360-corp-page,
body.m360-standalone-inner-page.m360-inner-family-legal .m360-corp-page{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Mobile navigation drawer is owned by Montaj360, not the theme. */
body.m360-standalone-inner-page .m360-mobile-nav-drawer[hidden]{display:none!important}
body.m360-standalone-inner-page .m360-mobile-nav-drawer{
  position:fixed;z-index:99999;inset:0;display:grid;
  grid-template-columns:minmax(0,1fr) min(86vw,360px);
  background:rgba(4,20,35,.48);backdrop-filter:blur(2px)
}
body.m360-standalone-inner-page .m360-mobile-nav-panel{
  grid-column:2;min-height:100%;padding:18px;background:#fff;
  box-shadow:-18px 0 45px rgba(3,26,46,.22);overflow:auto
}
body.m360-standalone-inner-page .m360-mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 18px;border-bottom:1px solid #e8edf2}
body.m360-standalone-inner-page .m360-mobile-nav-head strong{font-size:20px;color:#0a3158}
body.m360-standalone-inner-page .m360-mobile-nav-head strong span{color:#ef8a27}
body.m360-standalone-inner-page .m360-mobile-nav-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#eef3f7;color:#0a3158;font-size:26px;line-height:1;cursor:pointer}
body.m360-standalone-inner-page .m360-mobile-nav-links{display:grid;gap:3px;padding:14px 0}
body.m360-standalone-inner-page .m360-mobile-nav-links a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 9px;border-radius:10px;color:#102842;text-decoration:none;font-size:15px;font-weight:750}
body.m360-standalone-inner-page .m360-mobile-nav-links a:after{content:'→';color:#8b9aaa}
body.m360-standalone-inner-page .m360-mobile-nav-pro{display:block;margin-top:10px;padding:13px 15px;border-radius:11px;background:#0a3a68;color:#fff!important;text-align:center;text-decoration:none;font-weight:850}
body.m360-mobile-nav-open{overflow:hidden!important}

@media(max-width:900px){
  body.m360-standalone-inner-page .m360-inner-standalone-header-inner{
    width:100%;min-height:64px;padding:10px 14px;
  }
  body.m360-standalone-inner-page .m360-inner-standalone-nav{display:none!important}
  body.m360-standalone-inner-page .m360-inner-mobile-menu{
    display:grid;gap:5px;width:42px;height:42px;padding:10px;border:0;background:transparent;cursor:pointer
  }
  body.m360-standalone-inner-page .m360-inner-mobile-menu span{
    display:block;width:23px;height:2.5px;border-radius:3px;background:#0a3a68
  }
  body.m360-standalone-inner-page .m360-inner-standalone-logo strong{font-size:22px}
  body.m360-standalone-inner-page .m360-inner-standalone-mark{width:27px;height:25px;border-width:3.5px}
  body.m360-standalone-inner-page .m360-standalone-inner-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:16px 12px 34px!important;
  }
}
@media(max-width:430px){
  body.m360-standalone-inner-page .m360-standalone-inner-content{padding-left:10px!important;padding-right:10px!important}
}

/* 0.41.14 — one global public header + no WordPress frontend toolbar. */
html{margin-top:0!important}
#wpadminbar{display:none!important}

body.m360-standalone-inner-page.m360-app-page main,
body.m360-standalone-inner-page.m360-app-page #main{
  padding:0!important;
}

/* The old 0.40.43 appbar must never coexist with the global header. */
body.m360-standalone-inner-page .m360-mobile-appbar{display:none!important}

/* Match the approved homepage desktop header structure. */
body.m360-standalone-inner-page .m360-global-public-header{
  width:100%;
  background:#fff;
  border-bottom:1px solid #edf1f5;
  box-shadow:0 1px 0 rgba(16,36,63,.02);
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-header-inner{
  width:calc(100% - 64px);
  max-width:1440px;
  min-height:72px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  box-sizing:border-box;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-logo{
  display:inline-flex;align-items:center;gap:10px;color:#0a3a68;text-decoration:none;flex:0 0 auto;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-logo strong{
  font-size:28px;line-height:1;font-weight:900;letter-spacing:-.045em;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-logo strong span{color:#ef8a27}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark{
  position:relative;display:block;width:31px;height:28px;border:4px solid #0a3a68;border-top:0;
  border-radius:2px 2px 4px 4px;box-sizing:border-box;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark:before,
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark:after{
  content:'';position:absolute;top:-10px;width:20px;height:4px;background:#0a3a68;border-radius:3px;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark:before{left:-4px;transform:rotate(-38deg);transform-origin:left center}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark:after{right:-4px;transform:rotate(38deg);transform-origin:right center}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark i{
  position:absolute;left:9px;bottom:0;width:7px;height:14px;background:#ef8a27;border-radius:2px 2px 0 0;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav a{
  display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:9px;
  color:#526075;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap;
}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav .is-login{color:#0a3a68;font-weight:800}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav .is-ai{background:#edf4ff;color:#155eef;font-weight:800}
body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav .is-pro{background:#0a3a68;color:#fff;font-weight:800}
body.m360-standalone-inner-page .m360-global-mobile-menu{display:none}

/* The standalone page itself owns width. No theme/app padding outside it. */
body.m360-standalone-inner-page .m360-standalone-inner-main{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.m360-standalone-inner-page .m360-standalone-inner-content{
  box-sizing:border-box!important;
}

/* App pages: the outer page is frameless. Functional cards inside remain cards. */
body.m360-standalone-inner-page.m360-inner-family-app .m360-standalone-inner-content{
  background:#fff!important;
}
body.m360-standalone-inner-page.m360-inner-family-app .m360-customer-quotes,
body.m360-standalone-inner-page.m360-inner-family-app .m360-provider-panel,
body.m360-standalone-inner-page.m360-inner-family-app .m360-provider-signup{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:900px){
  body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-header-inner{
    width:100%!important;max-width:none!important;min-height:64px!important;margin:0!important;
    padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  }
  body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-nav{display:none!important}
  body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-logo strong{font-size:22px!important}
  body.m360-standalone-inner-page .m360-global-public-header .m360-desktop-front-mark{
    width:27px!important;height:25px!important;border-width:3.5px!important;
  }
  body.m360-standalone-inner-page .m360-global-mobile-menu{
    display:grid!important;gap:5px;width:42px;height:42px;padding:10px;border:0;background:transparent;cursor:pointer;
  }
  body.m360-standalone-inner-page .m360-global-mobile-menu span{
    display:block;width:23px;height:2.5px;border-radius:3px;background:#0a3a68;
  }

  /* Exactly one edge-spacing owner on phones. */
  body.m360-standalone-inner-page .m360-standalone-inner-content{
    width:100%!important;max-width:none!important;margin:0!important;padding:12px 12px 30px!important;
  }
}
@media(max-width:430px){
  body.m360-standalone-inner-page .m360-standalone-inner-content{
    padding-left:10px!important;padding-right:10px!important;
  }
}

/* 0.41.14 — dynamic SEO/provider routes use the same standalone shell.
   Their own content wrappers must not create a second page rail. */
body.m360-standalone-inner-page.m360-dynamic-local-route .m360-local-page,
body.m360-standalone-inner-page.m360-dynamic-provider-route .m360-public-provider{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* The shared standalone content rail is the single width owner. */
body.m360-dynamic-local-route .m360-standalone-inner-content,
body.m360-dynamic-provider-route .m360-standalone-inner-content{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep functional SEO/profile cards as cards; only the outer route rail is removed. */
@media(max-width:900px){
  body.m360-dynamic-local-route .m360-standalone-inner-content,
  body.m360-dynamic-provider-route .m360-standalone-inner-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 12px 34px!important;
  }
  body.m360-dynamic-local-route .m360-local-page,
  body.m360-dynamic-provider-route .m360-public-provider{
    margin:0!important;
    padding:0!important;
  }
}
@media(max-width:430px){
  body.m360-dynamic-local-route .m360-standalone-inner-content,
  body.m360-dynamic-provider-route .m360-standalone-inner-content{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* 0.41.14 — full frontend mobile surface audit.
   One shell owns phone edge spacing. Component wrappers must not create a
   second page rail. Functional cards/forms remain visually separated. */
@media(max-width:900px){
  body.m360-standalone-inner-page .m360-fav-shell,
  body.m360-standalone-inner-page .m360-membership-pay,
  body.m360-standalone-inner-page .m360-partner-program,
  body.m360-standalone-inner-page .m360-design-wrap,
  body.m360-standalone-inner-page .m360-corp-page,
  body.m360-standalone-inner-page .m360-provider-signup,
  body.m360-standalone-inner-page .m360-customer-quotes,
  body.m360-standalone-inner-page .m360-provider-panel,
  body.m360-standalone-inner-page .m360-search-app,
  body.m360-standalone-inner-page .m360-services-hub,
  body.m360-standalone-inner-page .m360-service-seo{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Remove only duplicate outer horizontal rails. */
  body.m360-standalone-inner-page .m360-fav-shell,
  body.m360-standalone-inner-page .m360-partner-program,
  body.m360-standalone-inner-page .m360-design-wrap,
  body.m360-standalone-inner-page .m360-corp-page{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Membership page used its whole page as one old-style framed card.
     The inner plan/bank/status/upload blocks are the actual functional cards. */
  body.m360-standalone-inner-page.m360-page-uyelik-odeme .m360-membership-pay{
    margin:0!important;
    padding:10px 0 28px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.m360-standalone-inner-page.m360-page-uyelik-odeme .m360-pay-head{
    padding:2px 2px 4px!important;
  }
  body.m360-standalone-inner-page.m360-page-uyelik-odeme .m360-pay-iban{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  /* Favorites: outer shell is frameless; provider cards remain cards. */
  body.m360-standalone-inner-page.m360-page-favori-ustalarim .m360-fav-shell{
    margin:0!important;
    padding-top:8px!important;
    padding-bottom:30px!important;
  }

  /* Partnership page still contains legacy inline rail styles.
     Override the page wrapper globally; keep the application form as a form card. */
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program{
    margin:0!important;
    padding:8px 0 30px!important;
  }
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program > section:first-of-type{
    padding:12px 2px 20px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program > section:first-of-type h1{
    font-size:30px!important;
    line-height:1.1!important;
  }
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program form input,
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program form textarea,
  body.m360-standalone-inner-page.m360-page-is-ortagi .m360-partner-program form button{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Design: wrapper/hero are page presentation, forms/orders are functional cards. */
  body.m360-standalone-inner-page.m360-page-mobilya-tasarim .m360-design-wrap{
    margin:0!important;
    padding-top:8px!important;
    padding-bottom:30px!important;
  }
  body.m360-standalone-inner-page.m360-page-mobilya-tasarim .m360-design-hero{
    padding:14px 2px 20px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  /* Corporate/legal: preserve readable prose width on desktop, but avoid
     shell padding + page padding stacking on phones/tablets. */
  body.m360-standalone-inner-page.m360-inner-family-corporate .m360-corp-page,
  body.m360-standalone-inner-page.m360-inner-family-legal .m360-corp-page{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Signup: the wizard form is functional and stays a card; only remove an
     accidental outer rail. */
  body.m360-standalone-inner-page.m360-page-usta-olarak-katil .m360-provider-signup{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Smaller phones: buttons/forms should never create horizontal overflow. */
@media(max-width:430px){
  body.m360-standalone-inner-page .m360-membership-pay *,
  body.m360-standalone-inner-page .m360-partner-program *,
  body.m360-standalone-inner-page .m360-design-wrap *,
  body.m360-standalone-inner-page .m360-fav-shell *,
  body.m360-standalone-inner-page .m360-corp-page *{
    min-width:0;
    box-sizing:border-box;
  }

  body.m360-standalone-inner-page .m360-membership-pay input,
  body.m360-standalone-inner-page .m360-membership-pay select,
  body.m360-standalone-inner-page .m360-membership-pay textarea,
  body.m360-standalone-inner-page .m360-design-wrap input,
  body.m360-standalone-inner-page .m360-design-wrap select,
  body.m360-standalone-inner-page .m360-design-wrap textarea,
  body.m360-standalone-inner-page .m360-partner-program input,
  body.m360-standalone-inner-page .m360-partner-program select,
  body.m360-standalone-inner-page .m360-partner-program textarea{
    width:100%!important;
    max-width:100%!important;
  }
}