/* Arslan mobile hero concept: isolated from desktop and other modules. */
@media (max-width: 600px) {
  .arslan-module-hero {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background-color:#fff9f6;
    background-image:radial-gradient(circle at 97% 11%,rgba(255,127,52,.22),transparent 34%),radial-gradient(circle at 2% 73%,rgba(146,73,237,.13),transparent 43%),linear-gradient(160deg,#fff 0%,#fff5f2 65%,#f9f3ff 100%);
  }
  .arslan-module-hero::before {
    content:"";position:absolute;right:-60px;top:72px;width:180px;height:180px;
    border:25px solid rgba(240,38,71,.13);border-radius:50%;pointer-events:none;z-index:-1;
  }
  .arslan-module-hero .hero-grid {width:calc(100% - 36px);gap:22px;padding:42px 0 38px;}
  .arslan-module-hero .hero-copy .eyebrow {display:inline-flex;align-items:center;max-width:100%;border-radius:100px;padding:8px 12px;background:#fff;border:1px solid #ffe0de;box-shadow:0 5px 16px #a3222510;font-size:11px;letter-spacing:.11em;}
  .arslan-module-hero .hero-copy h1 {font-size:clamp(32px,9vw,43px);line-height:1.09;letter-spacing:-.052em;margin:19px 0 14px;text-wrap:balance;}
  .arslan-module-hero .hero-lead {font-size:15px;line-height:1.65;margin:0;color:#555b69;}
  .arslan-module-hero .arslan-hero-actions {margin-top:22px;gap:10px;}
  .arslan-module-hero .hero-copy .button:not(.is-outline) {min-height:53px;padding:14px 21px;border-radius:16px;background:linear-gradient(110deg,#ed1236,#fa3650);box-shadow:0 13px 25px #e61d3b35;font-size:15px;}
  .arslan-module-hero .arslan-hero-benefits {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px;}
  .arslan-module-hero .arslan-hero-benefit {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;min-width:0;padding:13px 5px 12px;border-radius:16px;background:#ffffffdf;border:1px solid #fff;box-shadow:0 8px 20px #5c273414;}
  .arslan-module-hero .arslan-hero-benefit:nth-child(2) {background:#fff4e9;}
  .arslan-module-hero .arslan-hero-benefit:nth-child(3) {background:#f4eeff;}
  .arslan-module-hero .arslan-benefit-symbol {display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#ffe6e9;font-size:21px;}
  .arslan-module-hero .arslan-hero-benefit:nth-child(2) .arslan-benefit-symbol {background:#ffe2c7;color:#ed7c10;}
  .arslan-module-hero .arslan-hero-benefit:nth-child(3) .arslan-benefit-symbol {background:#e9ddff;color:#7d43d5;}
  .arslan-module-hero .arslan-hero-benefit strong {font-size:11px;line-height:1.25;overflow-wrap:normal;}
  .arslan-module-hero .arslan-hero-benefit small {font-size:10px;line-height:1.35;overflow-wrap:normal;}
  .arslan-module-hero .hero-visual {width:100%;}
  .arslan-module-hero .hero-visual .hero-photo {border-radius:22px;box-shadow:0 16px 34px #4b213522;}
}
@media (max-width: 350px) {
 .arslan-module-hero .hero-grid {width:calc(100% - 26px);}
 .arslan-module-hero .arslan-hero-benefit {padding-inline:3px;}
 .arslan-module-hero .arslan-hero-benefit strong {font-size:10px;}
}
@media (prefers-reduced-motion: no-preference) and (max-width:600px) {
 .arslan-module-hero .hero-visual {animation:arslanMobileEnter .65s ease-out both;}
 @keyframes arslanMobileEnter {from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}

/* v1.4.51: keep product imagery as a small decorative accent, not a full-width block. */
@media (max-width:600px) {
  .arslan-module-hero .hero-grid {position:relative;gap:0;padding-bottom:31px;}
  .arslan-module-hero .hero-copy {position:relative;min-width:0;}
  .arslan-module-hero .hero-copy .eyebrow {max-width:calc(100% - 110px);font-size:10px;line-height:1.35;}
  .arslan-module-hero .hero-copy h1 {margin-top:52px;}
  .arslan-module-hero .hero-visual {
    position:absolute!important;top:22px;right:0;left:auto;bottom:auto;
    width:102px!important;max-width:102px!important;margin:0!important;
    padding:0!important;z-index:1;order:initial!important;
    transform:none!important;
  }
  .arslan-module-hero .hero-visual picture {display:block;width:100%;}
  .arslan-module-hero .hero-visual .hero-photo {
    display:block;width:102px!important;height:86px!important;max-width:100%!important;
    max-height:86px!important;object-fit:cover!important;object-position:center;
    border-radius:17px!important;border:3px solid #fff;
    box-shadow:0 9px 22px #a82b3b25!important;
  }
  .arslan-module-hero .hero-visual .hero-placeholder {min-height:86px;padding:6px;font-size:10px;}
}
@media(max-width:350px){
 .arslan-module-hero .hero-visual {width:85px!important;max-width:85px!important;}
 .arslan-module-hero .hero-visual .hero-photo {width:85px!important;height:75px!important;max-height:75px!important;}
 .arslan-module-hero .hero-copy .eyebrow {max-width:calc(100% - 92px);font-size:9px;}
}

/* v1.4.52: mobile-only decorative hero; no product image in mobile hero. */
@media (max-width:600px) {
  .arslan-module-hero .hero-visual {display:none!important;}
  .arslan-module-hero .hero-copy .eyebrow {max-width:100%;font-size:11px;}
  .arslan-module-hero .hero-copy h1 {margin-top:23px;position:relative;z-index:1;}
  .arslan-module-hero .hero-grid {padding-top:38px;padding-bottom:34px;}
  .arslan-module-hero::before {
    right:-73px;top:89px;width:178px;height:178px;
    border:22px solid rgba(238,41,77,.10);
    background:transparent;
  }
  .arslan-module-hero::after {
    content:"";position:absolute;pointer-events:none;z-index:-1;
    top:32px;right:12px;width:98px;height:95px;
    background:
      radial-gradient(circle at 23% 30%,#ffae49 0 12px,transparent 13px),
      radial-gradient(circle at 73% 65%,#ab7cf0 0 9px,transparent 10px),
      linear-gradient(130deg,transparent 43%,rgba(255,72,91,.25) 44% 54%,transparent 55%);
    transform:rotate(-13deg);
    opacity:.82;
  }
}
@media (max-width:350px) {
  .arslan-module-hero .hero-copy .eyebrow {max-width:100%;font-size:10px;}
}

/* v1.4.53: Gutenberg-managed mobile hero controls, scoped to mobile only. */
@media (max-width:600px) {
 .arslan-module-hero .hero-grid {padding-top:var(--arslan-m-top,38px);padding-bottom:var(--arslan-m-bottom,34px);}
 .arslan-module-hero .hero-copy h1 {font-size:var(--arslan-m-heading,36px);margin-top:var(--arslan-m-title-gap,23px);}
 .arslan-module-hero .arslan-hero-benefits {gap:var(--arslan-m-card-gap,8px);margin-top:var(--arslan-m-card-top,28px);}
 .arslan-module-hero .arslan-hero-benefit {border-radius:var(--arslan-m-card-radius,16px);}
 .arslan-module-hero .hero-copy .button:not(.is-outline) {border-radius:var(--arslan-m-button-radius,16px);}
 .arslan-module-hero.arslan-mobile-show-image .hero-visual {display:block!important;}
 .arslan-module-hero.arslan-mobile-no-decor::before,.arslan-module-hero.arslan-mobile-no-decor::after {display:none;}
 .arslan-module-hero.arslan-mobile-theme-light {background-color:#fff;background-image:linear-gradient(145deg,#fff,#f8f8fb);}
 .arslan-module-hero.arslan-mobile-theme-lilac {background-color:#fbf5ff;background-image:radial-gradient(circle at 95% 10%,#ead5ff,transparent 38%),linear-gradient(155deg,#fff 0%,#fff1f5 58%,#f4eaff 100%);}
}

/* v1.4.54 — Original Arslan Art A-inspired signature treatment; mobile only.
   Existing classic treatment remains selectable in Gutenberg. */
@media (max-width:600px) {
  .arslan-module-hero.arslan-mobile-decor-signature {
    background-color:#fffcfa;
    background-image:radial-gradient(ellipse at 100% 8%,rgba(204,31,87,.075),transparent 45%),linear-gradient(155deg,#fffdfc 0%,#fffaf8 65%,#fcf6f7 100%);
  }
  .arslan-module-hero.arslan-mobile-decor-signature::before {
    display:block;content:"";position:absolute;z-index:-1;pointer-events:none;
    top:36px;right:-88px;width:220px;height:172px;
    border:0;border-top:2px solid rgba(170,29,69,.21);border-left:1px solid rgba(170,29,69,.08);
    border-radius:62% 18% 72% 20% / 65% 15% 80% 25%;
    background:transparent;transform:rotate(-21deg);
  }
  .arslan-module-hero.arslan-mobile-decor-signature::after {
    display:block;content:"";position:absolute;z-index:-1;pointer-events:none;
    top:44px;right:-50px;width:154px;height:122px;
    background:radial-gradient(ellipse at 70% 28%,rgba(218,31,95,.10),transparent 68%);
    border-bottom:1px solid rgba(112,30,47,.13);
    border-radius:20% 72% 15% 76% / 15% 72% 22% 78%;
    transform:rotate(-19deg);opacity:1;
  }
  .arslan-module-hero.arslan-mobile-decor-signature .hero-copy .eyebrow {
    background:#fffaf9;border-color:rgba(153,40,67,.15);box-shadow:none;color:#80263c;
  }
  .arslan-module-hero.arslan-mobile-decor-signature .hero-copy .button:not(.is-outline) {
    background:linear-gradient(112deg,#df255e,#a51c42 66%,#702a34);
    box-shadow:0 10px 22px rgba(121,31,59,.17);
  }
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-hero-benefit {
    background:rgba(255,255,255,.93);border:1px solid rgba(117,37,58,.065);
    box-shadow:0 6px 20px rgba(79,27,43,.055);
  }
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-hero-benefit:nth-child(2),
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-hero-benefit:nth-child(3) {background:rgba(255,255,255,.93);}
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-benefit-symbol {background:#fce9ee;color:#a71d47;}
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-hero-benefit:nth-child(2) .arslan-benefit-symbol {background:#faeeee;color:#9d324a;}
  .arslan-module-hero.arslan-mobile-decor-signature .arslan-hero-benefit:nth-child(3) .arslan-benefit-symbol {background:#f5e9ed;color:#782c41;}
  .arslan-module-hero.arslan-mobile-no-decor::before,
  .arslan-module-hero.arslan-mobile-no-decor::after {display:none!important;}
}

/* v1.4.55: Studio editorial mobile hero. Desktop and other blocks untouched. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio {
   isolation:isolate;overflow:hidden;background:#fffaf8;
   background-image:linear-gradient(165deg,#fffefd 0%,#fff9f7 67%,#fcf3f4 100%);
 }
 .arslan-module-hero.arslan-mobile-decor-studio::before {
   content:"";display:block;position:absolute;z-index:-1;pointer-events:none;
   top:5px;right:-88px;width:195px;height:170px;background:transparent;
   border:1.5px solid rgba(164,26,62,.14);border-left:0;border-bottom:0;
   border-radius:75% 25% 60% 25%;transform:rotate(-19deg);
 }
 .arslan-module-hero.arslan-mobile-decor-studio::after {display:none;}
 .arslan-module-hero.arslan-mobile-decor-studio .hero-grid {padding-top:25px;padding-bottom:23px;gap:0;}
 .arslan-module-hero.arslan-mobile-decor-studio .hero-copy .eyebrow {
   border:0;background:transparent;box-shadow:none;padding:0;max-width:100%;
   font-size:10px;letter-spacing:.25em;color:#a32d4b;font-weight:700;
 }
 .arslan-module-hero.arslan-mobile-decor-studio .hero-copy h1 {
   font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.047em;
   line-height:1.12;font-size:clamp(31px,8.6vw,var(--arslan-m-heading,36px));
   margin-top:20px;margin-bottom:13px;max-width:370px;color:#18212d;
 }
 .arslan-module-hero.arslan-mobile-decor-studio .hero-lead {font-size:14px;line-height:1.65;max-width:335px;}
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-actions {margin-top:19px;}
 .arslan-module-hero.arslan-mobile-decor-studio .hero-copy .button:not(.is-outline) {
   background:linear-gradient(110deg,#d51251,#8b1e38 75%,#68202d);
   border-radius:15px;box-shadow:0 9px 18px rgba(121,26,51,.14);min-height:48px;
 }
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefits {
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
   margin-top:25px;background:#fff;border:1px solid #f4e7e8;border-radius:20px;
   padding:13px 5px;box-shadow:0 8px 25px rgba(71,24,37,.045);
 }
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit,
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit:nth-child(2),
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit:nth-child(3) {
   border:0;border-radius:0;box-shadow:none;background:transparent;padding:4px 4px;gap:5px;
 }
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit + .arslan-hero-benefit {border-left:1px solid #f1dfe2;}
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-benefit-symbol,
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit:nth-child(2) .arslan-benefit-symbol,
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit:nth-child(3) .arslan-benefit-symbol {
   color:#a51e48;background:#fceef1;width:32px;height:32px;border-radius:50%;font-size:19px;
 }
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit strong {font-size:10px;color:#24212b;}
 .arslan-module-hero.arslan-mobile-decor-studio .arslan-hero-benefit small {font-size:9px;line-height:1.3;color:#67616b;}
 /* A separately selected Gutenberg mobile image sits between the CTA and benefit ribbon. */
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-grid {display:flex;flex-direction:column;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy {display:contents;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .eyebrow,
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy h1,
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .hero-lead,
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy .arslan-hero-actions {align-self:stretch;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual {
   display:block!important;position:relative!important;inset:auto!important;order:1;
   width:100%!important;max-width:100%!important;margin-top:19px;transform:none!important;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual .hero-photo {
   width:100%!important;height:190px!important;max-height:none!important;object-fit:cover;
   border-radius:18px;box-shadow:none;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits {order:2;width:100%;margin-top:15px;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-no-decor::before,
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-no-decor::after {display:none!important;}
}

/* v1.4.56: Bundled portrait print portfolio, mobile only; desktop layout untouched. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual .arslan-studio-bundled-photo {
   display:block!important; width:100%!important; height:235px!important; object-fit:cover!important;
   object-position:center 46%; border-radius:17px; box-shadow:0 12px 28px rgba(92,25,47,.08);
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual:has(.arslan-studio-bundled-photo) picture,
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual:has(.arslan-studio-bundled-photo) > .hero-photo:not(.arslan-studio-bundled-photo) {display:none!important;}
}
@media(min-width:601px) {.arslan-studio-bundled-photo{display:none!important;}}

/* v1.4.57: subtle studio portfolio backdrop; only mobile studio style. */
.arslan-studio-backdrop{display:none;}
@media (max-width:600px){
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image{position:relative;isolation:isolate;background:#fffaf7;min-height:var(--arslan-m-min-height,0px);}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop{display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,rgba(255,252,250,var(--arslan-m-overlay,.83)),rgba(255,250,249,calc(var(--arslan-m-overlay,.83) + .04))),url('../images/arslan-mobile-print-studio.webp');background-size:cover;background-position:center,var(--arslan-m-backdrop-position,50%) center;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-grid{display:block;position:relative;z-index:1;padding-top:var(--arslan-m-top,38px);padding-bottom:var(--arslan-m-bottom,34px);}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy{display:block;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-visual{display:none!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits{margin-top:var(--arslan-m-card-top,28px);}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image::before{display:none;}
}

/* v1.4.58 — clean text-free product background; mobile studio only. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image {background:#fffaf7;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop {
   background-image:linear-gradient(90deg,rgba(255,251,248,.97) 0%,rgba(255,251,248,.94) 38%,rgba(255,251,248,.63) 68%,rgba(255,251,248,.18) 100%),url('../images/arslan-mobile-studio-clean.webp');
   background-size:cover,cover;
   background-position:center, var(--arslan-m-backdrop-position,50%) 56%;
   background-repeat:no-repeat;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-grid {padding-bottom:22px;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits {margin-top:18px;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy h1 {max-width:100%;}
}

/* v1.4.60: independent image visibility and adjustable left fade.
   Typography, button and benefit strip remain fully opaque. */
@media (max-width:600px) {
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop {
   background:none!important;
   overflow:hidden;
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before {
   content:""; position:absolute; inset:0;
   background-image:url('../images/arslan-mobile-studio-v1.4.60.webp');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:var(--arslan-m-backdrop-position,50%) var(--arslan-m-image-vertical,55%);
   opacity:var(--arslan-m-image-visibility,.75);
 }
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::after {
   content:""; position:absolute; inset:0;
   background:linear-gradient(to right,
     rgba(255,251,248,var(--arslan-m-fade-strength,.8)) 0%,
     rgba(255,251,248,var(--arslan-m-fade-strength,.8)) 22%,
     rgba(255,251,248,0) var(--arslan-m-fade-width,65%),
     rgba(255,251,248,0) 100%);
 }
}

/* v1.4.61: shared mobile typography, live site and Gutenberg iframe. */
@media(max-width:600px){
 .arslan-module-hero .hero-copy h1 {font-family:var(--arslan-m-font,Georgia,serif)!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:var(--arslan-m-heading-width,100%)!important;font-size:var(--arslan-m-heading,36px)!important;overflow-wrap:normal;word-break:normal;}
 .arslan-module-hero .hero-copy .eyebrow{font-size:var(--arslan-m-eyebrow-size,11px)!important;}
 .arslan-module-hero .hero-copy .hero-lead{font-size:var(--arslan-m-intro-size,15px)!important;}
 .arslan-module-hero .hero-copy .button{font-size:var(--arslan-m-cta-size,15px)!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop::before{background-size:auto var(--arslan-m-image-scale,100%)!important;}
}

/* v1.4.63: structural mobile fix — photography in a separate row, never under copy. */
@media(max-width:600px){
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image{background:#fffaf7!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-studio-backdrop{display:none!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-grid{display:block!important;padding-top:var(--arslan-m-top,38px)!important;padding-bottom:var(--arslan-m-bottom,34px)!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .hero-copy{display:block!important;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions{display:block!important;position:relative;z-index:1;}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-actions::after{content:"";display:block;width:100%;height:clamp(150px,42vw,190px);margin-top:18px;border-radius:18px;background-image:url('../images/arslan-mobile-studio-v1.4.60.webp');background-size:cover;background-position:center 82%;background-repeat:no-repeat;box-shadow:0 8px 24px rgba(70,30,35,.07);}
 .arslan-module-hero.arslan-mobile-decor-studio.arslan-mobile-show-image .arslan-hero-benefits{margin-top:16px!important;position:relative;z-index:1;}
}