/* v1.4.62: final mobile layout contract, used on both the public page and
   the Gutenberg iframe. Editor-specific selectors counter editor defaults. */
@media (max-width:600px) {
  .arslan-module-hero.arslan-mobile-decor-studio .hero-grid,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .hero-grid {
    display:block!important;
    box-sizing:border-box!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding:var(--arslan-m-top,38px) 0 var(--arslan-m-bottom,34px)!important;
    min-height:0!important;
    container-type:normal!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio .hero-copy,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .hero-copy {
    display:block!important;min-width:0!important;width:100%!important;
    max-width:100%!important;position:relative;z-index:1;
  }
  .arslan-module-hero.arslan-mobile-decor-studio .hero-copy h1,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .hero-copy h1 {
    box-sizing:border-box!important;
    font-family:var(--arslan-m-font,Georgia,serif)!important;
    font-size:var(--arslan-m-heading,36px)!important;
    font-weight:var(--arslan-m-weight,700)!important;
    line-height:var(--arslan-m-line,1.1)!important;
    letter-spacing:var(--arslan-m-spacing,-1px)!important;
    max-width:min(var(--arslan-m-heading-width,100%),320px)!important;
    width:100%!important;
    margin:var(--arslan-m-title-gap,23px) 0 13px!important;
    text-wrap:wrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio .hero-copy .hero-lead,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .hero-copy .hero-lead {
    box-sizing:border-box!important;
    max-width:min(100%,310px)!important;
    font-size:var(--arslan-m-intro-size,15px)!important;
    line-height:1.65!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefits,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefits {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:var(--arslan-m-card-gap,8px)!important;
    margin-top:var(--arslan-m-card-top,28px)!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual {
    display:none!important;
  }
}

/* v1.4.65: restore background composition; safeguard readable text.
   Same CSS is loaded in Gutenberg and on the live site. */
@media(max-width:600px){
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image {
   isolation:isolate!important;position:relative!important;background:#fffaf7!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop {
   display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;
   overflow:hidden!important;pointer-events:none!important;background:none!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before {
   content:''!important;display:block!important;position:absolute!important;inset:0!important;
   background:url('../images/arslan-mobile-studio-v1.4.60.webp') no-repeat!important;
   background-position:var(--arslan-m-backdrop-position,50%) var(--arslan-m-image-vertical,55%)!important;
   background-size:cover!important;opacity:var(--arslan-m-image-visibility,.75)!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after {
   content:''!important;display:block!important;position:absolute!important;inset:0!important;
   background:linear-gradient(90deg,#fffaf7 0%,rgba(255,250,247,.98) 33%,rgba(255,250,247,.91) 52%,rgba(255,250,247,.28) 82%,rgba(255,250,247,.05) 100%)!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions::after,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions::after {content:none!important;display:none!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits {margin-top:var(--arslan-m-card-top,28px)!important;}
}

/* v1.4.66: use the original portrait's EMPTY LEFT HALF, without cover crop.
   Identical rules for front end and Gutenberg editor iframe. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before {
   background-image:url('../images/arslan-mobile-studio-v1.4.60.webp')!important;
   background-size:100% auto!important;
   background-position:center top!important;
   opacity:1!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after {
   background:linear-gradient(90deg,rgba(255,250,247,.99) 0%,rgba(255,250,247,.98) 35%,rgba(255,250,247,.87) 56%,rgba(255,250,247,.20) 82%,rgba(255,250,247,.02) 100%)!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .hero-lead,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .hero-lead {
   max-width:min(75%,275px)!important;
 }
}

/* v1.4.67: approved mobile visual; same CSS on front-end and Gutenberg */
@media(max-width:600px){
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image{background:#fffaf7!important;isolation:isolate!important;position:relative!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop{display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;overflow:hidden!important;pointer-events:none!important;background:none!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before{content:""!important;position:absolute!important;inset:0!important;background:url('../images/arslan-mobile-hero-v1.4.67.webp') center top / 100% auto no-repeat!important;opacity:1!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 0%,transparent 74%,rgba(255,250,247,.22) 100%)!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions::after,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions::after{display:none!important;content:none!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .hero-lead,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .hero-lead{max-width:min(78%,280px)!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits{background:rgba(255,255,255,.96)!important;box-shadow:0 12px 30px rgba(83,34,49,.065)!important;margin-top:var(--arslan-m-card-top,28px)!important;}
}
@media(max-width:359px){.arslan-module-hero.arslan-mobile-decor-studio .hero-copy h1,.editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio .hero-copy h1{font-size:min(var(--arslan-m-heading,36px),33px)!important;}}

/* v1.4.68: refined mobile background shared by editor and frontend */
@media(max-width:600px){
.arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before,
.editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before{background-image:url('../images/arslan-mobile-hero-v1.4.68.webp')!important;}
.arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after,
.editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after{background:linear-gradient(180deg,transparent 0%,transparent 76%,rgba(255,250,247,.75) 100%)!important;}
}

/* Gutenberg mobile image: replace bundled studio backdrop, never the desktop hero. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::before,
 .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::before {
   background-image:var(--arslan-selected-mobile-bg)!important;
   background-position:center top!important;
   background-size:100% auto!important;
   background-repeat:no-repeat!important;
 }
}

/* Selected Gutenberg mobile image takes precedence over all bundled backgrounds. */
@media(max-width:600px){
.arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop,
.editor-styles-wrapper .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop{display:block!important;}
.arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::before,
.editor-styles-wrapper .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::before{content:""!important;display:block!important;background-image:var(--arslan-selected-mobile-bg)!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important;opacity:1!important;}
}

/* When Gutenberg has no mobile image, do not show a bundled studio image.
   Scoped to mobile so the desktop hero remains unchanged. */
@media (max-width:600px) {
  .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop,
  .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop::before,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop::before,
  .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop::after,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop::after {
    display:none!important;
    background-image:none!important;
  }
  .arslan-module-hero.arslan-mobile-no-selected-background .arslan-hero-actions::after,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-no-selected-background .arslan-hero-actions::after {
    display:none!important;
    background-image:none!important;
    content:none!important;
  }
}

/* Gutenberg-controlled mobile image visibility and left fade (frontend + editor).
   Keep the no-image behavior and desktop rendering unchanged. */
@media (max-width:600px) {
  .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::before,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::before {
    opacity:var(--arslan-m-image-visibility,.75)!important;
  }
  .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::after,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-custom-background .arslan-studio-backdrop::after {
    content:""!important;
    display:block!important;
    background:linear-gradient(to right,
      rgba(255,250,247,var(--arslan-m-fade-strength,.8)) 0%,
      rgba(255,250,247,var(--arslan-m-fade-strength,.8)) 22%,
      rgba(255,250,247,0) var(--arslan-m-fade-width,65%),
      rgba(255,250,247,0) 100%)!important;
  }
}

/* v1.4.69: Gutenberg's six mobile controls, shared by editor and frontend.
   The selected attachment is the ONLY mobile image; never restore a bundled fallback. */
@media (max-width:600px) {
  .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image {
    min-height:var(--arslan-m-min-height,0px)!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::before,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background-image:var(--arslan-selected-mobile-bg)!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-position:var(--arslan-m-backdrop-position,50%) var(--arslan-m-image-vertical,55%)!important;
    opacity:var(--arslan-m-image-visibility,.75)!important;
  }
  .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::after,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image.arslan-mobile-custom-background .arslan-studio-backdrop::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    opacity:1!important;
    background-image:linear-gradient(to right,
      rgba(255,250,247,var(--arslan-m-fade-strength,.8)) 0%,
      rgba(255,250,247,var(--arslan-m-fade-strength,.8)) 15%,
      rgba(255,250,247,0) var(--arslan-m-fade-width,65%),
      rgba(255,250,247,0) 100%),
      linear-gradient(to bottom,transparent 76%,rgba(255,250,247,.55) 100%)!important;
    background-color:transparent!important;
  }
  .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop,
  .editor-styles-wrapper .arslan-module-hero.arslan-mobile-no-selected-background .arslan-studio-backdrop {
    display:none!important;
  }
}