body.phx-srm-template{background:#001518;overflow-x:hidden}body.phx-srm-template header.navbar{position:absolute!important;top:14px;left:0;right:0;z-index:1000;margin:0 40px!important}.phx-srm-page{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:var(--srm-bg);color:var(--srm-text);font-family:'Vazirmatn',sans-serif;overflow:hidden}.phx-srm-page *{box-sizing:border-box}.phx-srm-page .phx-srm-wrap{width:min(1240px,calc(100% - 64px));margin:auto}.phx-srm-page section{position:relative}.phx-srm-hero{min-height:var(--srm-hero-h);padding:105px 0 35px;background-image:linear-gradient(90deg,rgba(0,15,18,.94) 0%,rgba(0,15,18,.72) 34%,rgba(0,15,18,var(--srm-hero-overlay)) 66%,rgba(0,15,18,.08) 100%),var(--srm-hero-image);background-size:cover;background-position:var(--srm-hero-pos-x) var(--srm-hero-pos-y);background-repeat:no-repeat}.phx-srm-hero-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:calc(var(--srm-hero-h) - 140px)}.phx-srm-hero-spacer{min-height:390px}.phx-srm-copy{position:relative;z-index:2}.phx-srm-kicker{color:var(--srm-accent);font-size:15px;font-weight:600;margin-bottom:18px}.phx-srm-page h1{font-size:42px;line-height:1.55;margin:0 0 15px;font-weight:800}.phx-srm-page h2{font-size:31px;line-height:1.55;margin:0 0 14px}.phx-srm-page p{font-size:14px;line-height:2;color:var(--srm-muted);margin:0 0 22px}.phx-srm-actions{display:flex;gap:14px}.phx-srm-actions a{min-width:132px;padding:11px 20px;border-radius:25px;text-align:center;text-decoration:none;font-weight:700;font-size:13px}.phx-srm-actions .primary{background:var(--srm-accent);color:#00272a;box-shadow:0 0 28px rgba(19,200,196,.28)}.phx-srm-actions .outline{border:1px solid rgba(255,255,255,.2);color:#fff}.phx-srm-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.phx-srm-feature{display:flex;gap:9px;align-items:center}.phx-srm-feature i,.phx-srm-small i,.phx-srm-card-icon{width:34px;height:34px;border:1px solid rgba(19,200,196,.35);border-radius:8px;display:grid;place-items:center;color:var(--srm-accent);font-style:normal;flex:0 0 auto}.phx-srm-feature i img,.phx-srm-small i img,.phx-srm-card-icon img{width:20px;height:20px;object-fit:contain}.phx-srm-feature b{display:block;font-size:11px}.phx-srm-feature small{display:block;color:var(--srm-muted);font-size:9px}
/* فرآیند خرید: تصویر واقعاً کل نیمه چپ را می‌گیرد */
.phx-srm-process{background:linear-gradient(90deg,#001518,#03292c);border-top:1px solid rgba(19,200,196,.18);border-bottom:1px solid rgba(19,200,196,.18)}.phx-srm-process .phx-srm-wrap{width:100%;max-width:none;display:grid;grid-template-columns:50% 50%;direction:ltr;min-height:390px}.phx-srm-process .phx-srm-copy{direction:rtl;grid-column:2;padding:54px clamp(34px,5vw,90px) 44px clamp(30px,4vw,70px);align-self:center}.phx-srm-process .phx-srm-art{grid-column:1;grid-row:1;height:100%;min-height:390px;overflow:hidden}.phx-srm-process .phx-srm-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.phx-srm-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 22px}.phx-srm-small{display:flex;align-items:center;gap:10px;font-size:12px;color:#d8e9e9}
/* شبکه هوشمند تأمین‌کنندگان: متن و آیتم‌ها در دو سوی یک تصویر مرکزی بزرگ و آزاد */
.phx-srm-network{padding:46px 0;background:radial-gradient(ellipse at 50% 50%,rgba(0,151,157,.18) 0%,rgba(0,116,122,.09) 32%,transparent 66%),#00191c;border-bottom:1px solid rgba(19,200,196,.16);overflow:hidden}.phx-srm-network .phx-srm-wrap{width:min(1540px,calc(100% - 36px));max-width:none}.phx-srm-network-grid{display:grid!important;grid-template-columns:minmax(235px,22%) minmax(0,56%) minmax(220px,22%);grid-template-areas:'copy art items';align-items:center;direction:ltr;min-height:430px;column-gap:0}.phx-srm-network-copy{grid-area:copy;direction:rtl;padding:24px clamp(8px,1.2vw,18px) 24px 0;align-self:center}.phx-srm-network-art{grid-area:art;position:relative;height:var(--srm-network-image-height,420px);min-height:300px;display:flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate}.phx-srm-network-art:before{content:'';position:absolute;inset:10% 4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(19,200,196,.18) 0%,rgba(19,200,196,.08) 38%,transparent 72%);filter:blur(26px)}.phx-srm-network-art img{display:block;width:var(--srm-network-image-width,100%);height:100%;max-width:none;object-fit:contain;object-position:center;filter:drop-shadow(0 0 24px rgba(0,220,220,.16));-webkit-mask-image:radial-gradient(ellipse 78% 82% at center,#000 0%,#000 68%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.58) 86%,transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at center,#000 0%,#000 68%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.58) 86%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.phx-srm-network-items{grid-area:items;direction:rtl;display:grid;gap:11px;padding:18px 0 18px clamp(8px,1.2vw,18px);align-self:center}.phx-srm-network-item{min-height:50px;border:1px solid rgba(19,200,196,.24);background:linear-gradient(135deg,rgba(3,42,47,.78),rgba(0,19,22,.56));border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;box-shadow:inset 0 0 20px rgba(19,200,196,.035)}.phx-srm-network-item span{font-size:12px;color:#e5f4f4}.phx-srm-network-item i{width:30px;height:30px;border:1px solid rgba(19,200,196,.35);border-radius:7px;display:grid;place-items:center;color:var(--srm-accent);font-style:normal;flex:0 0 auto}.phx-srm-network-item i>span{color:var(--srm-accent);font-size:15px}.phx-srm-network-item i img{width:18px;height:18px;object-fit:contain}
/* چرا ققنوس: تمام عرض و کارت‌های شیشه‌ای سه‌بعدی */
.phx-srm-why{padding:30px 0 44px;background:radial-gradient(ellipse at center top,rgba(0,151,157,.17),transparent 58%),linear-gradient(180deg,#00262b,#00191c)}.phx-srm-why .phx-srm-wrap{width:min(1520px,calc(100% - 24px))}.phx-srm-why h2{text-align:center;margin-bottom:24px}.phx-srm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;perspective:1200px}.phx-srm-cards article{position:relative;min-height:300px;padding:154px 22px 24px;background:linear-gradient(145deg,rgba(6,55,61,.86),rgba(1,20,23,.92));border:1px solid rgba(52,235,231,.34);border-radius:18px;overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -18px 38px rgba(0,190,196,.045);transform:perspective(900px) rotateX(2deg) translateZ(0);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.phx-srm-cards article:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 24%,transparent 70%,rgba(19,200,196,.08))}.phx-srm-cards article:hover{transform:perspective(900px) rotateX(0) translateY(-8px) scale(1.015);border-color:rgba(52,235,231,.62);box-shadow:0 30px 56px rgba(0,0,0,.42),0 0 30px rgba(19,200,196,.13),inset 0 1px 0 rgba(255,255,255,.11)}.phx-srm-cards article>img{position:absolute;inset:0 0 auto;width:100%;height:138px;object-fit:cover;opacity:1;mask-image:linear-gradient(#000 70%,transparent)}.phx-srm-card-icon{position:relative;background:rgba(4,55,59,.9);margin-bottom:12px;box-shadow:0 0 18px rgba(19,200,196,.15)}.phx-srm-cards h3{font-size:17px;margin:0 0 8px}.phx-srm-cards p{font-size:12px;margin:0}.phx-srm-cta{min-height:220px;display:flex;align-items:center;background:#001518}.phx-srm-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}.phx-srm-cta-copy{position:relative;width:55%;margin-right:auto;text-align:center;padding:28px}.phx-srm-cta-copy .phx-srm-actions{justify-content:center}
@media(max-width:980px){body.phx-srm-template header.navbar{margin:10px 16px!important}.phx-srm-page .phx-srm-wrap{width:min(100% - 32px,820px)}.phx-srm-hero-grid{grid-template-columns:1fr}.phx-srm-hero{padding-top:120px}.phx-srm-page h1{font-size:34px}.phx-srm-process .phx-srm-wrap{width:100%;grid-template-columns:1fr}.phx-srm-process .phx-srm-copy{grid-column:1;grid-row:1;padding:42px 28px}.phx-srm-process .phx-srm-art{grid-column:1;grid-row:2;min-height:330px}.phx-srm-network .phx-srm-wrap{width:min(100% - 32px,820px)}.phx-srm-network-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'art' 'items';width:min(100% - 32px,820px)!important;min-height:0}.phx-srm-network-copy{padding:12px 0}.phx-srm-network-art{height:min(var(--srm-network-image-height,420px),380px);min-height:280px}.phx-srm-network-art img{width:min(var(--srm-network-image-width,100%),118%);max-width:118%}.phx-srm-network-items{grid-template-columns:1fr 1fr;padding:0}.phx-srm-cards{grid-template-columns:repeat(2,1fr)}.phx-srm-cta-copy{width:75%}}
@media(max-width:520px){.phx-srm-page .phx-srm-wrap{width:calc(100% - 28px)}.phx-srm-page h1{font-size:28px}.phx-srm-page h2{font-size:24px}.phx-srm-features{grid-template-columns:1fr 1fr}.phx-srm-feature-grid{grid-template-columns:1fr}.phx-srm-process .phx-srm-copy{padding:34px 20px}.phx-srm-process .phx-srm-art{min-height:260px}.phx-srm-network .phx-srm-wrap{width:calc(100% - 28px)}.phx-srm-network-art{height:min(var(--srm-network-image-height,420px),280px);min-height:220px}.phx-srm-network-art img{width:min(var(--srm-network-image-width,100%),112%);max-width:112%}.phx-srm-network-items{grid-template-columns:1fr}.phx-srm-cards{grid-template-columns:1fr}.phx-srm-cards article{min-height:290px}.phx-srm-cta-copy{width:100%;padding:24px 0}.phx-srm-actions{flex-wrap:wrap}}

/* PHX SRM — scoped visual integration for the purchase/process section only. */
.phx-srm-page .phx-srm-process{overflow:hidden;isolation:isolate}
.phx-srm-page .phx-srm-process .phx-srm-wrap{position:relative}
.phx-srm-page .phx-srm-process .phx-srm-art{position:relative;isolation:isolate;background:transparent}
.phx-srm-page .phx-srm-process .phx-srm-art:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,21,24,.04) 0%,rgba(0,21,24,0) 52%,rgba(2,37,41,.18) 72%,rgba(2,37,41,.78) 94%,#03292c 100%)}
.phx-srm-page .phx-srm-process .phx-srm-art img{position:relative;z-index:1;transform:scale(1.018);transform-origin:center;filter:saturate(.96) contrast(1.02);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.62) 91%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.62) 91%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.phx-srm-page .phx-srm-process .phx-srm-copy{position:relative;z-index:3;background:radial-gradient(ellipse at 0 50%,rgba(3,41,44,.36),transparent 56%)}
@media(max-width:980px){.phx-srm-page .phx-srm-process .phx-srm-copy{background:linear-gradient(180deg,transparent,rgba(3,41,44,.08))}.phx-srm-page .phx-srm-process .phx-srm-art:after{background:linear-gradient(180deg,#03292c 0%,rgba(3,41,44,.62) 8%,rgba(0,21,24,0) 26%,rgba(0,21,24,.04) 100%)}.phx-srm-page .phx-srm-process .phx-srm-art img{transform:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 10%,#000 24%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 10%,#000 24%,#000 100%)}}
@media(max-width:520px){.phx-srm-page .phx-srm-process .phx-srm-art:after{background:linear-gradient(180deg,#03292c 0%,rgba(3,41,44,.54) 10%,transparent 30%)}.phx-srm-page .phx-srm-process .phx-srm-art img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 12%,#000 28%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 12%,#000 28%,#000 100%)}}



/* FINAL targeted correction based on the supplied "wrong / correct" header screenshots.
   Keep the single configured hero image; fix RTL grid sizing and text containment. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero{
    height:100vh !important;
    min-height:560px !important;
    max-height:768px !important;
    padding:clamp(82px,12vh,96px) 0 16px !important;
    overflow:hidden !important;
    background-size:100% 100%, 100% 100% !important;
    background-position:center center, center center !important;
    background-repeat:no-repeat !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-wrap{
    width:calc(100% - 72px) !important;
    max-width:1240px !important;
    margin-inline:auto !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero-grid{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
    align-items:center !important;
    column-gap:0 !important;
    height:100% !important;
    min-height:0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    max-height:100% !important;
    padding:0 0 0 12px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    text-align:right !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-hero-spacer,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-hero-spacer{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-kicker{
    font-size:clamp(11px, .9vw, 13px) !important;
    line-height:1.5 !important;
    margin:0 0 7px !important;
    max-width:100% !important;
    overflow-wrap:normal !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero h1{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(25px, 2.05vw, 31px) !important;
    line-height:1.35 !important;
    margin:0 0 8px !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(10px, .78vw, 12px) !important;
    line-height:1.65 !important;
    margin:0 0 10px !important;
    overflow-wrap:normal !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions a{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:clamp(7px,1vh,9px) clamp(12px,1vw,16px) !important;
    font-size:clamp(10px,.8vw,12px) !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    box-sizing:border-box !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-features{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:clamp(10px,1.5vh,15px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature{
    min-width:0 !important;
    max-width:100% !important;
    gap:5px !important;
    overflow-wrap:normal !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature b{
    font-size:clamp(8px,.68vw,10px) !important;
    line-height:1.4 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature small{
    font-size:clamp(8px,.62vw,9px) !important;
    line-height:1.4 !important;
  }
}

/* Laptop hero text/buttons only — 1366×600 and 1366×768. Image rules intentionally untouched. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-inline:20px !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero h1{
    max-width:100% !important;
    font-size:clamp(23px,1.9vw,29px) !important;
    line-height:1.38 !important;
    margin-bottom:7px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-kicker,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    max-width:100% !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    font-size:clamp(9px,.72vw,11px) !important;
    line-height:1.6 !important;
    margin-bottom:9px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:7px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions a{
    min-width:0 !important;
    max-width:calc(50% - 4px) !important;
    flex:1 1 auto !important;
    padding:7px 12px !important;
    font-size:clamp(9px,.68vw,10px) !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-features{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:10px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature>div{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature b,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature small{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.35 !important;
  }
}

/* SRM desktop text containment correction — based on text-layout-only reference.
   This deliberately resets saved positional transforms on the hero copy for laptop viewports.
   Hero background/image rules are not changed in this patch. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-wrap.phx-srm-hero-grid{
    width:calc(100% - 80px) !important;
    max-width:1240px !important;
    margin-inline:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    direction:rtl !important;
    column-gap:18px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    position:relative !important;
    inset-inline:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:440px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 4px 0 0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    text-align:right !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions a,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-features,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature>div,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature b,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature small{
    transform:none !important;
    left:auto !important;
    right:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker{
    font-size:clamp(11px, .88vw, 13px) !important;
    line-height:1.5 !important;
    margin:0 0 8px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1{
    display:block !important;
    width:100% !important;
    font-size:clamp(23px, 1.9vw, 27px) !important;
    line-height:1.42 !important;
    margin:0 0 9px !important;
    padding:0 !important;
    text-align:right !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    display:block !important;
    width:100% !important;
    font-size:clamp(10px, .78vw, 11px) !important;
    line-height:1.7 !important;
    margin:0 0 12px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions a{
    display:inline-flex !important;
    flex:0 1 auto !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    max-width:calc(50% - 4px) !important;
    padding:8px 13px !important;
    font-size:clamp(10px, .76vw, 11px) !important;
    line-height:1.5 !important;
    text-align:center !important;
    overflow-wrap:anywhere !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-features{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin-top:13px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    overflow:visible !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature i{
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature>div{
    flex:1 1 auto !important;
    width:calc(100% - 33px) !important;
    overflow:visible !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature b{
    display:block !important;
    font-size:clamp(8px, .68vw, 10px) !important;
    line-height:1.4 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature small{
    display:block !important;
    font-size:clamp(8px, .62vw, 9px) !important;
    line-height:1.4 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-hero-spacer{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
  }
}



/* Minimal SRM hero typography/position adjustment, based on final-text-reference.
   Only text content in the laptop hero is affected; background/featured image is untouched. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy{
    transform:translateX(3px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker{
    font-size:clamp(13px,1.02vw,15px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1{
    font-size:clamp(25px,2.05vw,29px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    font-size:clamp(12px,.92vw,13px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions a{
    font-size:clamp(12px,.9vw,13px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature b{
    font-size:clamp(10px,.82vw,12px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature small{
    font-size:clamp(10px,.76vw,11px) !important;
  }
}


/* SRM hero final requested adjustment: shift content 50px right and increase type one step.
   Scoped to laptop hero only; image and all other sections remain untouched. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy{
    transform:translateX(100px) !important;
    max-width:min(440px, calc(100% - 12px)) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker{
    font-size:clamp(15px,1.14vw,17px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1{
    font-size:clamp(28px,2.28vw,32px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy>p{
    font-size:clamp(14px,1.04vw,15px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions a{
    font-size:clamp(14px,1.02vw,15px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature b{
    font-size:clamp(12px,.94vw,14px) !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-feature small{
    font-size:clamp(12px,.88vw,13px) !important;
  }
}

/* Fade only at the seam between the process text and its image. */
body.page-template-page-srm .phx-srm-process .phx-srm-art img{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 18%,#000 30%,#000 100%) !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 18%,#000 30%,#000 100%) !important;
}


/* Scoped change only: fade all four edges of the supplier-network image. */
.phx-srm-network .phx-srm-network-art img{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%,#000 81%,rgba(0,0,0,.45) 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%,#000 81%,rgba(0,0,0,.45) 93%,transparent 100%) !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%,#000 81%,rgba(0,0,0,.45) 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%,#000 81%,rgba(0,0,0,.45) 93%,transparent 100%) !important;
  -webkit-mask-composite:source-in !important;
  mask-composite:intersect !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
}


/* FINAL correction: make the supplier-network image fade clearly on all four sides.
   Scoped only to the supplier-network image; no other page or section is affected. */
body.page-template-page-srm .phx-srm-network .phx-srm-network-art img{
  -webkit-mask-image:radial-gradient(ellipse 74% 70% at 50% 50%,#000 0%,#000 57%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.52) 82%,rgba(0,0,0,.18) 93%,transparent 100%) !important;
  mask-image:radial-gradient(ellipse 74% 70% at 50% 50%,#000 0%,#000 57%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.52) 82%,rgba(0,0,0,.18) 93%,transparent 100%) !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:100% 100% !important;
  mask-size:100% 100% !important;
}

/* SRM: readable lower caption zone on Why Phoenix cards; scoped to this page section. */
.phx-srm-page .phx-srm-cards article::after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:48%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.82));}
.phx-srm-page .phx-srm-cards article h3,.phx-srm-page .phx-srm-cards article p{z-index:2;}
.phx-srm-page .phx-srm-cards article p{background:transparent!important;}

/* SRM hero: lock the section dimensions to the actual configured image ratio.
   Keep the existing copy/grid positions; scale the background without stretching. */
@media screen and (min-width:1200px) and (max-width:1500px) and (min-height:560px) and (max-height:800px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:var(--srm-hero-aspect, 16 / 9) !important;
    background-color:#001518 !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
}
@media screen and (min-width:768px) and (max-width:1199px){
  body.phx-srm-template .phx-srm-page .phx-srm-hero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:var(--srm-hero-aspect, 16 / 9) !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
}


/* PHX SRM CTA responsive natural-image-ratio fix — scoped to this page CTA.
   Deliberately inactive above 1400px; preserves the existing large-desktop layout. */
@media (max-width: 1400px) {
  .phx-srm-page .phx-srm-cta {
    position: relative;
    display: block;
    /* Override the page-admin's fixed CTA min-height so no empty strip remains below the image. */
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
    background: #001518;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-cta-bg {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    border-radius: 0;
    vertical-align: top;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: min(100% - 36px, 1540px);
    max-width: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    box-sizing: border-box;
    width: 55%;
    max-width: 100%;
    margin-right: auto;
    padding: clamp(8px, 1.8vw, 24px);
    text-align: center;
    pointer-events: auto;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2 {
    font-size: clamp(16px, 1.8vw, 24px);
    line-height: 1.35;
    margin: 0 0 clamp(3px, .5vw, 8px);
    overflow-wrap: anywhere;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    font-size: clamp(10px, .95vw, 13px);
    line-height: 1.6;
    margin: 0 0 clamp(4px, .65vw, 10px);
    overflow-wrap: anywhere;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(5px, .7vw, 10px);
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions a {
    min-height: 0;
    padding: clamp(6px, .65vw, 10px) clamp(9px, 1vw, 15px);
    font-size: clamp(10px, .85vw, 13px);
    line-height: 1.35;
    white-space: normal;
  }
}

@media (max-width: 980px) {
  .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    width: calc(100% - 28px);
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    width: 72%;
    padding: clamp(6px, 1.4vw, 14px);
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2 {
    font-size: clamp(14px, 2.3vw, 21px);
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    font-size: clamp(9px, 1.25vw, 12px);
  }
}

@media (max-width: 520px) {
  .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    width: calc(100% - 20px);
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    width: 100%;
    padding: 5px 0;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2 {
    font-size: clamp(12px, 3.4vw, 16px);
    line-height: 1.25;
    margin-bottom: 2px;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    font-size: clamp(8px, 2.35vw, 10px);
    line-height: 1.35;
    margin-bottom: 3px;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions {
    gap: 4px;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions a {
    padding: 4px 7px;
    font-size: clamp(8px, 2.2vw, 10px);
  }
}


/* Scoped responsive image-ratio fix: SRM "چرا ققنوس" cards only */
@media (max-width: 1400px){
  .phx-srm-page .phx-srm-why .phx-srm-cards{align-items:start;gap:clamp(10px,1.5vw,22px)}
  .phx-srm-page .phx-srm-why .phx-srm-cards article{min-height:0;height:auto;padding:0 0 18px;overflow:hidden;display:flex;flex-direction:column}
  .phx-srm-page .phx-srm-why .phx-srm-cards article>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;opacity:1;mask-image:none;-webkit-mask-image:none;flex:0 0 auto}
  .phx-srm-page .phx-srm-why .phx-srm-cards article>.phx-srm-card-icon,
  .phx-srm-page .phx-srm-why .phx-srm-cards article>h3,
  .phx-srm-page .phx-srm-why .phx-srm-cards article>p{margin-left:clamp(10px,1.2vw,18px);margin-right:clamp(10px,1.2vw,18px)}
  .phx-srm-page .phx-srm-why .phx-srm-cards article>.phx-srm-card-icon{margin-top:12px}
}
@media (max-width: 760px){
  .phx-srm-page .phx-srm-why .phx-srm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 420px){
  .phx-srm-page .phx-srm-why .phx-srm-cards{grid-template-columns:minmax(0,1fr)}
}

/* FINAL scoped correction V5: SRM why-Phoenix cards follow each image's natural ratio */
@media (max-width: 1400px){
  .phx-srm-page .phx-srm-why .phx-srm-cards{align-items:start!important}
  .phx-srm-page .phx-srm-why .phx-srm-cards article{
    display:block!important;position:relative!important;height:auto!important;min-height:0!important;
    padding:0!important;overflow:hidden!important;background:transparent!important;align-self:start!important;
  }
  .phx-srm-page .phx-srm-why .phx-srm-cards article>img{
    position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;
    object-position:center!important;flex:none!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;
  }
  .phx-srm-page .phx-srm-why .phx-srm-cards article>h3{
    position:absolute!important;right:14px!important;left:14px!important;bottom:44px!important;top:auto!important;
    z-index:3!important;margin:0!important;
  }
  .phx-srm-page .phx-srm-why .phx-srm-cards article>p{
    position:absolute!important;right:0!important;left:0!important;bottom:0!important;z-index:3!important;
    margin:0!important;padding:26px 14px 12px!important;background:transparent!important;
  }
  .phx-srm-page .phx-srm-why .phx-srm-cards article::after{height:58%!important}
}

/* SRM MOBILE HERO CONTAINMENT — mobile-only, scoped to the purchase/services page.
   Keep the configured background and all hero content; remove the desktop spacer that
   otherwise consumes a large part of narrow screens and allow the section to grow. */
@media screen and (max-width: 767px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 108px 0 28px !important;
    background-size: cover !important;
    background-position: var(--srm-hero-pos-x, 50%) var(--srm-hero-pos-y, 50%) !important;
    background-repeat: no-repeat !important;
    overflow: visible !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-hero-grid {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: 560px !important;
    min-height: 0 !important;
    margin-inline: auto !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-hero-spacer {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow-wrap: anywhere;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-kicker {
    font-size: clamp(12px, 3.5vw, 14px) !important;
    line-height: 1.8 !important;
    margin: 0 0 10px !important;
    overflow-wrap: anywhere;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero h1 {
    font-size: clamp(22px, 6.1vw, 29px) !important;
    line-height: 1.55 !important;
    margin: 0 0 12px !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy > p {
    font-size: clamp(12px, 3.55vw, 14px) !important;
    line-height: 1.95 !important;
    margin: 0 0 16px !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 11px 12px !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 18px 0 0 !important;
    top: 0 !important;
    border-top: 1px solid rgba(19, 200, 196, .32);
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-features:before {
    display: none !important;
    content: none !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature > i {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature > i img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    overflow-wrap: anywhere;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature b {
    font-size: 11px !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-feature small {
    font-size: 10px !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}
@media screen and (max-width: 359px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-features {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}
@media screen and (orientation: landscape) and (max-height: 500px) and (max-width: 900px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero {
    padding-top: 84px !important;
  }
}

/* SRM mobile: shift only the heading, body copy and buttons. Keep feature icons and separator in place. */
@media screen and (max-width: 767px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-kicker,
  body.phx-srm-template .phx-srm-page .phx-srm-hero h1,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy > p,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-actions {
    position: relative !important;
    left: -100px !important;
    right: auto !important;
    max-width: calc(100% + 100px) !important;
  }
}


/* SRM mobile: requested additional 50px left shift (150px total) for title, text and buttons only. Features/icons/separator stay fixed. */
@media screen and (max-width: 767px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy > p,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions {
    position: relative !important;
    left: -150px !important;
    right: auto !important;
  }
}


/* SRM mobile: requested additional 40px left shift (190px total) for title, text and buttons only. Features/icons/separator stay fixed. */
@media screen and (max-width: 767px) {
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-kicker,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy h1,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy > p,
  body.phx-srm-template .phx-srm-page .phx-srm-hero .phx-srm-copy .phx-srm-actions {
    left: -190px !important;
    right: auto !important;
  }
}


/* SRM CTA mobile repair: show CTA text and both buttons in normal flow below the artwork.
   Scoped only to the purchase/services page CTA on narrow screens. */
@media screen and (max-width: 600px) {
  body.phx-srm-template .phx-srm-page .phx-srm-cta {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: #001518 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta > .phx-srm-cta-bg {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px 8px 26px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    color: inherit;
    overflow: visible !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2 {
    display: block !important;
    font-size: clamp(20px, 5.5vw, 26px) !important;
    line-height: 1.55 !important;
    margin: 0 0 10px !important;
    overflow-wrap: anywhere !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    display: block !important;
    font-size: clamp(13px, 3.7vw, 15px) !important;
    line-height: 1.9 !important;
    margin: 0 0 16px !important;
    overflow-wrap: anywhere !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta .phx-srm-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  body.phx-srm-template .phx-srm-page .phx-srm-cta .phx-srm-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
}


/* Targeted SRM mobile correction: keep CTA copy/buttons in visible normal flow.
   Uses the page section itself rather than relying on a custom body class. */
@media screen and (max-width: 600px) {
  .phx-srm-page .phx-srm-cta {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-cta-bg {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    opacity: 1 !important;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: calc(100% - 28px) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 8px 26px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2,
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions a {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
  /* Supplier-network title/copy one step smaller; shift its boxed labels 30px left. */
  .phx-srm-page .phx-srm-network-copy .phx-srm-kicker,
  .phx-srm-page .phx-srm-network-copy h2 {
    font-size: max(12px, calc(1em - 1px)) !important;
  }
  .phx-srm-page .phx-srm-network-copy > p {
    font-size: max(11px, calc(1em - 1px)) !important;
  }
  .phx-srm-page .phx-srm-network-item {
    position: relative !important;
    left: -30px !important;
    width: calc(100% + 30px) !important;
    box-sizing: border-box !important;
  }
}


/* SRM mobile final scope: CTA is text and buttons only; keep the copy visible and usable.
   Supplier network: restore original text sizing and keep 10px breathing room at both phone edges. */
@media screen and (max-width: 600px) {
  .phx-srm-page .phx-srm-cta {
    position: relative !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: #001518 !important;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-cta-bg {
    display: none !important;
  }
  .phx-srm-page .phx-srm-cta > .phx-srm-wrap {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 0 26px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy h2,
  .phx-srm-page .phx-srm-cta .phx-srm-cta-copy p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .phx-srm-page .phx-srm-cta .phx-srm-actions a {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
  /* Restore network typography to the existing stylesheet's original sizes. */
  .phx-srm-page .phx-srm-network-copy .phx-srm-kicker,
  .phx-srm-page .phx-srm-network-copy h2,
  .phx-srm-page .phx-srm-network-copy > p {
    font-size: revert !important;
  }
  .phx-srm-page .phx-srm-network-copy {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }
  .phx-srm-page .phx-srm-network-copy .phx-srm-kicker,
  .phx-srm-page .phx-srm-network-copy h2,
  .phx-srm-page .phx-srm-network-copy > p,
  .phx-srm-page .phx-srm-network-item {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  .phx-srm-page .phx-srm-network-item {
    left: -30px !important;
    width: calc(100% + 30px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


/* FINAL SRM CTA mobile repair: show the CTA copy and both buttons in normal flow.
   This does not alter the supplier-network section or other pages. */
@media screen and (max-width: 600px) {
  .phx-srm-page section.phx-srm-cta {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #001518 !important;
  }
  .phx-srm-page section.phx-srm-cta > img.phx-srm-cta-bg {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
  }
  .phx-srm-page section.phx-srm-cta > .phx-srm-wrap {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-cta-copy {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px 10px 28px !important;
    text-align: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-cta-copy h2,
  .phx-srm-page section.phx-srm-cta .phx-srm-cta-copy p {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-cta-copy h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1.55 !important;
    font-size: clamp(20px, 5.6vw, 27px) !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-cta-copy p {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    line-height: 1.9 !important;
    font-size: clamp(13px, 3.8vw, 16px) !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-actions {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  .phx-srm-page section.phx-srm-cta .phx-srm-actions a,
  .phx-srm-page section.phx-srm-cta .phx-srm-actions a.primary,
  .phx-srm-page section.phx-srm-cta .phx-srm-actions a.outline {
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
}


/* SRM mobile: keep Why Phoenix cards 20px clear of both viewport edges. */
@media screen and (max-width: 767px) {
  body.phx-srm-template .phx-srm-page .phx-srm-why .phx-srm-cards {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}