.elementor-7904 .elementor-element.elementor-element-ab8806a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 72px;--row-gap:0px;--column-gap:72px;--flex-wrap:nowrap;--overflow:hidden;--padding-top:035px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-f698f8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-f698f8b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7904 .elementor-element.elementor-element-a305c6b > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-7904 .elementor-element.elementor-element-a305c6b{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:500;line-height:1.5px;letter-spacing:1.5px;color:var( --e-global-color-ac7e4ed );}.elementor-7904 .elementor-element.elementor-element-246f72f > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-7904 .elementor-element.elementor-element-246f72f{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;line-height:1.5px;letter-spacing:2.4px;color:var( --e-global-color-ac7e4ed );}.elementor-7904 .elementor-element.elementor-element-e041a24 .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:58px;font-weight:200;line-height:1.3em;color:var( --e-global-color-text );}.elementor-7904 .elementor-element.elementor-element-b723153{width:var( --container-widget-width, 605px );max-width:605px;--container-widget-width:605px;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:300;line-height:1.8em;color:var( --e-global-color-e7c73d8 );}.elementor-7904 .elementor-element.elementor-element-b723153 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-b723153.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7904 .elementor-element.elementor-element-0a6349e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--flex-wrap:nowrap;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-aecb839 .elementor-button{background-color:var( --e-global-color-c85b781 );font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-11bdc09 );color:var( --e-global-color-11bdc09 );border-style:none;border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button{background-color:#72312900;font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-c85b781 );color:var( --e-global-color-c85b781 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ac7e4ed );border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button:hover, .elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button:focus{background-color:var( --e-global-color-ac7e4ed );color:var( --e-global-color-11bdc09 );}.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button:hover svg, .elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button:focus svg{fill:var( --e-global-color-11bdc09 );}.elementor-7904 .elementor-element.elementor-element-f28e4a7 > .elementor-widget-container{margin:56px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#72312924;}.elementor-7904 .elementor-element.elementor-element-f28e4a7{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:19px;color:var( --e-global-color-17259e2 );}.elementor-7904 .elementor-element.elementor-element-5289b3d{--display:flex;--min-height:748px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-a068cea{--display:flex;--position:absolute;--min-height:676px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:72px;--z-index:0;}.elementor-7904 .elementor-element.elementor-element-a068cea:not(.elementor-motion-effects-element-type-background), .elementor-7904 .elementor-element.elementor-element-a068cea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4057795 );}body:not(.rtl) .elementor-7904 .elementor-element.elementor-element-a068cea{left:64px;}body.rtl .elementor-7904 .elementor-element.elementor-element-a068cea{right:64px;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e > .elementor-widget-container{margin:56px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#72312924;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7904 .elementor-element.elementor-element-2816eca{--display:flex;--position:absolute;--min-height:676px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-7904 .elementor-element.elementor-element-2816eca:not(.elementor-motion-effects-element-type-background), .elementor-7904 .elementor-element.elementor-element-2816eca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEEA;background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/10/sita-clinic-facial-aging-natural-skin-hero.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7904 .elementor-element.elementor-element-2816eca.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-7904 .elementor-element.elementor-element-2816eca{left:0px;}body.rtl .elementor-7904 .elementor-element.elementor-element-2816eca{right:0px;}.elementor-7904 .elementor-element.elementor-element-ebad6e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-d3b4ea8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-21d1a0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-1714fc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-bbca7e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-7fbf1ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-2f3ee4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-81afc32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-719a3f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-7904 .elementor-element.elementor-element-ab8806a{--content-width:1264px;}.elementor-7904 .elementor-element.elementor-element-f698f8b{--width:55.01%;}.elementor-7904 .elementor-element.elementor-element-5289b3d{--width:39.29%;}.elementor-7904 .elementor-element.elementor-element-a068cea{--width:520px;}.elementor-7904 .elementor-element.elementor-element-2816eca{--width:496px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7904 .elementor-element.elementor-element-f698f8b{--width:50%;}.elementor-7904 .elementor-element.elementor-element-0a6349e{--width:100%;}.elementor-7904 .elementor-element.elementor-element-5289b3d{--width:47.88%;}.elementor-7904 .elementor-element.elementor-element-a068cea{--width:340px;}.elementor-7904 .elementor-element.elementor-element-2816eca{--width:340px;}}@media(max-width:1024px){.elementor-7904 .elementor-element.elementor-element-ab8806a{--justify-content:flex-start;--padding-top:56px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-7904 .elementor-element.elementor-element-ab8806a.e-con{--align-self:flex-start;}.elementor-7904 .elementor-element.elementor-element-f698f8b{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-a305c6b > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7904 .elementor-element.elementor-element-a305c6b{font-size:11px;letter-spacing:1.8px;}.elementor-7904 .elementor-element.elementor-element-246f72f > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7904 .elementor-element.elementor-element-246f72f{font-size:11px;line-height:1.6em;letter-spacing:1.8px;}.elementor-7904 .elementor-element.elementor-element-b723153 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-b723153{font-size:16px;}.elementor-7904 .elementor-element.elementor-element-0a6349e{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7904 .elementor-element.elementor-element-aecb839{width:auto;max-width:auto;}.elementor-7904 .elementor-element.elementor-element-aecb839.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7904 .elementor-element.elementor-element-aecb839 .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7904 .elementor-element.elementor-element-d4e2929{width:auto;max-width:auto;}.elementor-7904 .elementor-element.elementor-element-d4e2929.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7904 .elementor-element.elementor-element-f28e4a7 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-f28e4a7{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7904 .elementor-element.elementor-element-5289b3d{--min-height:841px;}.elementor-7904 .elementor-element.elementor-element-5289b3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7904 .elementor-element.elementor-element-a068cea{--min-height:400px;top:40px;}body:not(.rtl) .elementor-7904 .elementor-element.elementor-element-a068cea{left:40px;}body.rtl .elementor-7904 .elementor-element.elementor-element-a068cea{right:40px;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7904 .elementor-element.elementor-element-2816eca{--min-height:400px;top:0px;}body:not(.rtl) .elementor-7904 .elementor-element.elementor-element-2816eca{left:0px;}body.rtl .elementor-7904 .elementor-element.elementor-element-2816eca{right:0px;}}@media(max-width:767px){.elementor-7904 .elementor-element.elementor-element-ab8806a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-7904 .elementor-element.elementor-element-f698f8b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7904 .elementor-element.elementor-element-a305c6b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-a305c6b{line-height:1.4em;}.elementor-7904 .elementor-element.elementor-element-246f72f > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-246f72f{line-height:1.4em;}.elementor-7904 .elementor-element.elementor-element-e041a24 .elementor-heading-title{font-size:38px;line-height:1.25em;}.elementor-7904 .elementor-element.elementor-element-b723153 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-b723153{font-size:15px;line-height:1.75em;}.elementor-7904 .elementor-element.elementor-element-0a6349e{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7904 .elementor-element.elementor-element-aecb839{width:100%;max-width:100%;}.elementor-7904 .elementor-element.elementor-element-aecb839 .elementor-button{padding:16px 20px 16px 20px;}.elementor-7904 .elementor-element.elementor-element-d4e2929{width:100%;max-width:100%;}.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button{padding:16px 20px 16px 20px;}.elementor-7904 .elementor-element.elementor-element-5289b3d{--min-height:473px;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7904 .elementor-element.elementor-element-5ff7c4e{font-size:16px;}.elementor-7904 .elementor-element.elementor-element-2816eca:not(.elementor-motion-effects-element-type-background), .elementor-7904 .elementor-element.elementor-element-2816eca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/10/sita-clinic-facial-aging-natural-skin-hero.webp");background-position:62px 0px;}}/* Start custom CSS for button, class: .elementor-element-aecb839 */.elementor-7904 .elementor-element.elementor-element-aecb839 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d4e2929 */.elementor-7904 .elementor-element.elementor-element-d4e2929 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab8806a *//* ============================================================
   SITA CLINIC V2 — SA01 SKIN & FACIAL AGING HERO — v5
   FULL REPLACEMENT CSS

   INSTALL:
   SA01 — Hero > Advanced > Custom CSS

   SOURCE:
   SITA V2 - Skin Aging.dc.html

   Desktop 1440: Preserve approved layout
   Tablet 1024: Two columns
   Tablet 768: H1 > Image > CTA > Body > Note
   Mobile 390: H1 > Image > CTA > Body > Note

   REQUIRED CHILD CLASSES:
   Hero Content: sa01-content
   Hero Visual: sa01-visual

   Keep existing legacy classes.
   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a {
  --ds01-ink: #2A2422;
  --ds01-body: #4A3D39;
  --ds01-accent: #BB6358;
  --ds01-maroon: #723129;
  --ds01-muted: #9A614D;
  --ds01-soft: #FBF4F0;
  --ds01-line: rgba(114, 49, 41, .14);

  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a *,
.elementor-7904 .elementor-element.elementor-element-ab8806a *::before,
.elementor-7904 .elementor-element.elementor-element-ab8806a *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. BREADCRUMBS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__breadcrumbs {
  color: var(--ds01-muted);
  font-size: 13px;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__breadcrumbs a {
  text-decoration: none;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__breadcrumbs a:focus-visible {
  outline: 2px solid var(--ds01-accent);
  outline-offset: 3px;
}


/* ============================================================
   03. EYEBROW
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__eyebrow {
  color: var(--ds01-accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.6;
}


/* ============================================================
   04. HERO HEADING
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__title .elementor-heading-title {
  color: var(--ds01-ink) !important;

  font-family: 'Anuphan', sans-serif !important;
  font-size: 64px !important;
  font-weight: 200 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;

  overflow-wrap: break-word;
}


/* ============================================================
   05. HERO BODY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body .elementor-widget-container,
.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p {
  color: var(--ds01-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p {
  margin: 0;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p + p {
  margin-top: 14px;
  color: var(--ds01-ink);
}


/* ============================================================
   06. HIDE UNUSED LEGACY MOBILE INTRO
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__mobile-intro {
  display: none !important;
}


/* ============================================================
   07. CTA BUTTONS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 54px;

  border: 1px solid var(--ds01-maroon);
  border-radius: 3px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;

  text-align: center;
  white-space: normal;

  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__cta-primary .elementor-button {
  background: var(--ds01-maroon);
  color: #FFFFFF;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__cta-primary .elementor-button:hover {
  background: var(--ds01-accent);
  border-color: var(--ds01-accent);
  color: #FFFFFF;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__cta-secondary .elementor-button {
  background: transparent;
  color: var(--ds01-maroon);
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__cta-secondary .elementor-button:hover {
  background: var(--ds01-soft);
  color: var(--ds01-maroon);
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button:focus-visible {
  outline: 2px solid var(--ds01-maroon);
  outline-offset: 3px;
}


/* ============================================================
   08. META / MEDICAL NOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__meta {
  color: var(--ds01-muted);
  font-size: 13px;
  line-height: 1.7;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__meta p,
.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile p {
  margin: 0;
}

.elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile {
  display: none !important;
}


/* ============================================================
   09. TABLET LANDSCAPE — 769–1024px

   Preserve existing two-column structure.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 46px !important;
    line-height: 1.14 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p {
    font-size: 16px;
  }

}


/* ============================================================
   10. TABLET PORTRAIT — 768px AND BELOW

   Reorder elements without duplicating content.

   Elementor hierarchy:

   SA01 Hero
      Hero Content
         Breadcrumb
         Eyebrow
         Heading
         Heading Accent
         Body
         Actions
         Meta

      Hero Visual
         Visual Panel
         Mobile Note
         Portrait

   Target order:
   Breadcrumb
   Eyebrow
   Heading
   Portrait
   Actions
   Body
   Mobile Note
   ============================================================ */

@media (max-width: 768px) {

  /* ----------------------------------------------------------
     10.1 MAIN SECTION GRID
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    grid-auto-flow: row !important;

    gap: 0 !important;

    align-items: stretch !important;
    justify-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 36px 32px 0 !important;

    overflow-x: clip !important;
  }


  /* ----------------------------------------------------------
     10.2 ELEMENTOR INNER WRAPPER SUPPORT
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a > .e-con-inner {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    grid-auto-flow: row !important;

    gap: 0 !important;

    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }


  /* ----------------------------------------------------------
     10.3 FLATTEN THE TWO COPIED CONTAINERS

     This allows both Content and Visual children
     to participate in one responsive layout.
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content > .e-con-inner,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual > .e-con-inner,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__inner {
    display: contents !important;
  }


  /* ----------------------------------------------------------
     10.4 ORDER 01 — BREADCRUMBS
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__breadcrumbs {
    order: 10 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 26px !important;

    font-size: 12px;
    line-height: 1.7;
  }


  /* ----------------------------------------------------------
     10.5 ORDER 02 — EYEBROW
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__eyebrow {
    order: 20 !important;

    width: 100% !important;

    margin: 0 0 16px !important;
  }


  /* ----------------------------------------------------------
     10.6 ORDER 03 — HEADINGS

     Both Elementor Heading widgets retain their
     original DOM order and existing typography.
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content > .elementor-widget-heading,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__title {
    order: 30 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 42px !important;
    line-height: 1.16 !important;
  }


  /* ----------------------------------------------------------
     10.7 ORDER 04 — HERO PHOTO

     Full bleed from 32px tablet gutters.
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__portrait {
    order: 40 !important;

    display: block !important;

    position: relative !important;
    inset: auto !important;

    width: calc(100% + 64px) !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 560px !important;
    min-height: 0 !important;

    aspect-ratio: auto !important;

    margin:
      32px -32px 0 !important;

    padding: 0 !important;

    align-self: stretch !important;
    flex: none !important;

    background-position: center 40% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__portrait img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center 40% !important;
  }


  /* ----------------------------------------------------------
     10.8 HIDE DECORATIVE BACK PANEL
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__visual-panel {
    display: none !important;
  }


  /* ----------------------------------------------------------
     10.9 ORDER 05 — CTA BUTTONS
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__actions {
    order: 50 !important;

    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 28px 0 0 !important;

    padding: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions > .elementor-element,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button-wrapper,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
    min-height: 54px;
    padding: 10px 12px;
  }


  /* ----------------------------------------------------------
     10.10 ORDER 06 — DESCRIPTION / STANDFIRST
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__body {
    order: 60 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 24px 0 0 !important;

    padding: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p {
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p + p {
    margin-top: 14px;
  }


  /* ----------------------------------------------------------
     10.11 HIDE DESKTOP META ON TABLET / MOBILE
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__meta {
    display: none !important;
  }


  /* ----------------------------------------------------------
     10.12 ORDER 07 — MOBILE MEDICAL NOTE
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__note-mobile {
    order: 70 !important;

    display: block !important;

    position: static !important;
    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 18px 0 0 !important;

    padding:
      12px 0 48px !important;

    border-top:
      1px solid var(--ds01-line);

    background: transparent !important;

    color: var(--ds01-muted) !important;

    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.8 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-copy p {
    margin: 0 !important;

    color: var(--ds01-muted) !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-copy p + p {
    margin-top: 8px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-disclaimer {
    margin: 10px 0 0 !important;

    padding: 0 !important;

    border: 0 !important;

    color: var(--ds01-muted) !important;

    font-size: 12px !important;
    line-height: 1.8 !important;
  }


  /* ----------------------------------------------------------
     10.13 HIDE OLD MOBILE COMPARISON CONTENT
     ---------------------------------------------------------- */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__mobile-intro,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__mobile-comparison,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__mobile-summary {
    display: none !important;
  }

}


/* ============================================================
   11. MOBILE — 390px

   24px gutters
   32px H1
   420px image
   CTA stack
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-ab8806a {
    padding:
      14px 24px 0 !important;
  }


  /* BREADCRUMB */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__breadcrumbs {
    margin-bottom: 24px !important;

    font-size: 11px;
    line-height: 1.7;

    overflow-wrap: anywhere;
  }


  /* EYEBROW */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__eyebrow {
    margin-bottom: 14px !important;

    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.6;
  }


  /* H1 */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }


  /* HERO IMAGE — FULL BLEED */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__portrait {
    width: calc(100% + 48px) !important;

    height: 420px !important;

    margin:
      24px -24px 0 !important;

    background-position: center 40% !important;
  }


  /* CTA BUTTONS — STACKED */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__actions {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 12px !important;

    margin-top: 22px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
    min-height: 54px;

    font-size: 15px;
    line-height: 1.45;

    padding: 10px 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__cta-secondary .elementor-button {
    min-height: 52px;
  }


  /* DESCRIPTION */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-content .sita-dark-spots-hero__body {
    margin-top: 22px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__body p {
    font-size: 15px;
    line-height: 1.8;
  }


  /* MEDICAL NOTE */

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__note-mobile {
    margin-top: 18px !important;

    padding:
      12px 0 30px !important;

    font-size: 11px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-copy p,
  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-disclaimer {
    font-size: 11px !important;
    line-height: 1.8 !important;
  }

}


/* ============================================================
   12. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-ab8806a {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.24 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sa01-visual .sita-dark-spots-hero__portrait {
    width: calc(100% + 40px) !important;

    height: 365px !important;

    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
    font-size: 14px;
  }

}


/* ============================================================
   13. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-ab8806a .sita-dark-spots-hero__actions .elementor-button {
    transition: none !important;
  }

}


/* ============================================================
   END — SA01 HERO v5
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebad6e7 *//* ============================================================
   SITA CLINIC V2 — SA02 NOT ONE CHANGE — v1
   FULL SCOPED CSS

   WHERE:
   SA02 Parent Container > Advanced > Custom CSS

   SECTION ID:
   skin-aging-meaning

   SECTION CLASS:
   sita-skinaging-meaning

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   Desktop: 1440px
   Mobile: 390px
   Tablet rules included for fluid responsiveness

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION ROOT / TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 {
  --sa02-primary: #BB6358;
  --sa02-deep: #723129;
  --sa02-warm: #9A614D;
  --sa02-ink: #2A2422;
  --sa02-body: #4A3D39;
  --sa02-soft: #FBF4F0;
  --sa02-line: rgba(114, 49, 41, .14);
  --sa02-line-strong: rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa02-soft);

  box-sizing: border-box;

  color: var(--sa02-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 *,
.elementor-7904 .elementor-element.elementor-element-ebad6e7 *::before,
.elementor-7904 .elementor-element.elementor-element-ebad6e7 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-ebad6e7 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. SECTION SHELL — DESKTOP 1440
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;

  padding: 112px 88px;

  background: var(--sa02-soft);
}


/* ============================================================
   04. TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa02-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-section-label {
  display: block;

  color: var(--sa02-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-section-en {
  display: block;

  flex: none;

  color: var(--sa02-warm);

  font-size: 12px;
  font-weight: 400;

  line-height: 1.6;
  letter-spacing: .2em;

  text-align: right;
}


/* ============================================================
   05. MAIN EDITORIAL GRID — 5:7
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-main {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 80px;

  align-items: start;

  width: 100%;
  min-width: 0;

  margin-top: 48px;
}


/* ============================================================
   06. LEFT COLUMN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-intro {
  min-width: 0;
  width: 100%;
}


/* ============================================================
   07. H2 TYPOGRAPHY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title {
  margin: 0;
  padding: 0;

  color: var(--sa02-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 44px !important;
  font-weight: 300 !important;

  line-height: 1.22 !important;
  letter-spacing: 0;

  text-wrap: pretty;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title span {
  display: block;
}


/* ============================================================
   08. EXPLANATION PARAGRAPHS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-description {
  margin: 28px 0 0;
  padding: 0;

  color: var(--sa02-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;

  line-height: 1.85;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-description + .sa02-description {
  margin-top: 16px;
}


/* ============================================================
   09. RIGHT COLUMN / BREAKDOWN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-breakdown {
  display: grid;

  grid-template-columns:
    220px
    minmax(0, 1fr);

  align-items: stretch;

  width: 100%;
  min-width: 0;
}


/* ============================================================
   10. COMMON PHRASE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase {
  display: flex;

  flex-direction: column;
  justify-content: center;

  min-width: 0;

  margin: 0;
  padding: 0 32px 0 0;

  border-right:
    1px solid rgba(114, 49, 41, .35);
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-label {
  display: block;

  color: var(--sa02-warm);

  font-size: 11px;
  font-weight: 600;

  line-height: 1.6;
  letter-spacing: .16em;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-text {
  display: block;

  margin-top: 10px;

  color: var(--sa02-deep);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 40px;
  font-weight: 300;

  line-height: 1.2;
}


/* ============================================================
   11. OBSERVATION LIST
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-list {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 0 0 40px;

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr)
    120px;

  gap: 16px;

  align-items: baseline;

  min-width: 0;

  margin: 0;
  padding: 20px 0;

  border-bottom:
    1px solid var(--sa02-line);

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item:last-child {
  border-bottom: 0;
}


/* ============================================================
   12. OBSERVATION NUMBERS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-number {
  display: block;

  color: var(--sa02-primary);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 24px;
  font-weight: 200;

  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}


/* ============================================================
   13. THAI LABELS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-title {
  display: block;

  min-width: 0;

  color: var(--sa02-ink);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 23px;
  font-weight: 400;

  line-height: 1.3;

  overflow-wrap: break-word;
}


/* ============================================================
   14. ENGLISH LABELS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-en {
  display: block;

  min-width: 0;

  color: var(--sa02-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 11px;
  font-weight: 400;

  line-height: 1.5;
  letter-spacing: .14em;

  text-align: right;
}


/* ============================================================
   15. MEDICAL CONTEXT FOOTNOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-medical-note {
  margin: 40px 0 0;
  padding: 20px 0 0;

  border-top:
    1px solid var(--sa02-line);

  color: var(--sa02-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 14px;
  font-weight: 400;

  line-height: 1.8;
}


/* ============================================================
   16. TABLET LANDSCAPE / SMALL DESKTOP
   ============================================================ */

@media (max-width: 1100px) {

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-shell {
    padding: 88px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-main {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 36px;

    margin-top: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-intro {
    max-width: 800px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-breakdown {
    grid-template-columns:
      220px
      minmax(0, 1fr);
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title {
    font-size: 40px !important;
  }

}


/* ============================================================
   17. TABLET PORTRAIT
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-shell {
    padding: 64px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-main {
    gap: 28px;
    margin-top: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title {
    font-size: 36px !important;
    line-height: 1.24 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-breakdown {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase {
    display: block;

    padding: 16px 0 20px;

    border-right: 0;

    border-top:
      1px solid rgba(114, 49, 41, .35);
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-text {
    font-size: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-list {
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item {
    grid-template-columns:
      38px
      minmax(0, 1fr);

    column-gap: 14px;
    row-gap: 4px;

    align-items: start;

    padding: 18px 0;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-number {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-title {
    grid-column: 2;
    grid-row: 1;

    font-size: 21px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-en {
    grid-column: 2;
    grid-row: 2;

    font-size: 10px;
    text-align: left;
  }

}


/* ============================================================
   18. MOBILE — 390px
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-shell {
    padding: 32px 24px;
  }


  /* SECTION LABEL */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-topline {
    display: block;

    padding: 0;
    border-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-section-en {
    display: none;
  }


  /* MAIN FLOW */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-main {
    display: block;

    margin-top: 12px;
  }


  /* MOBILE H2 */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title {
    font-size: 27px !important;
    font-weight: 300 !important;

    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title span {
    display: inline;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title span + span::before {
    content: " ";
  }


  /* BODY */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-description {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-description + .sa02-description {
    margin-top: 12px;
  }


  /* COMMON PHRASE */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-breakdown {
    display: block;

    margin-top: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase {
    padding: 12px 0;

    border-right: 0;

    border-top:
      1px solid rgba(114, 49, 41, .35);
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-label {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-text {
    margin: 0;

    font-size: 26px;
    line-height: 1.25;
  }


  /* FIVE OBSERVATION ROWS */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item {
    grid-template-columns:
      26px
      minmax(0, 1fr);

    column-gap: 12px;
    row-gap: 2px;

    padding: 13px 0;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-number {
    font-size: 17px;
    line-height: 1.45;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-title {
    font-size: 16px;
    line-height: 1.5;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-en {
    font-size: 10px;
    line-height: 1.5;

    letter-spacing: .1em;
  }


  /* MEDICAL CONTEXT */

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-medical-note {
    margin-top: 14px;

    padding-top: 0;

    border-top: 0;

    font-size: 12px;
    line-height: 1.75;
  }

}


/* ============================================================
   19. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-title {
    font-size: 25px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-item-title {
    font-size: 15px;
  }

  .elementor-7904 .elementor-element.elementor-element-ebad6e7 .sa02-phrase-text {
    font-size: 24px;
  }

}


/* ============================================================
   END — SA02 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3b4ea8 *//* ============================================================
   SITA CLINIC V2 — SA03 WHAT MAY CHANGE — v1
   COMPLETE SCOPED CSS

   INSTALL:
   SA03 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-changes

   CSS CLASS:
   sita-skinaging-changes

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   QA:
   Desktop 1440px
   Mobile 390px

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION ROOT / TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 {
  --sa03-primary: #BB6358;
  --sa03-deep: #723129;
  --sa03-warm: #9A614D;
  --sa03-ink: #2A2422;
  --sa03-body: #4A3D39;
  --sa03-soft: #FBF4F0;
  --sa03-white: #FFFFFF;

  --sa03-line:
    rgba(114, 49, 41, .14);

  --sa03-line-strong:
    rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa03-white);

  box-sizing: border-box;

  color: var(--sa03-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  scroll-margin-top: 110px;
}

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 *,
.elementor-7904 .elementor-element.elementor-element-d3b4ea8 *::before,
.elementor-7904 .elementor-element.elementor-element-d3b4ea8 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR WIDGET NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. SECTION SHELL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;

  padding: 112px 88px;

  background: var(--sa03-white);
}


/* ============================================================
   04. SECTION TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa03-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-section-label {
  display: block;

  color: var(--sa03-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-section-en {
  display: block;

  flex: none;

  color: var(--sa03-warm);

  font-size: 12px;
  font-weight: 400;

  letter-spacing: .2em;
  line-height: 1.6;

  text-align: right;
}


/* ============================================================
   05. SECTION INTRO — DESKTOP 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;

  align-items: end;

  width: 100%;
  min-width: 0;

  margin-top: 48px;
}


/* ============================================================
   06. SECTION H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-title {
  margin: 0;
  padding: 0;

  color: var(--sa03-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 44px !important;
  font-weight: 300 !important;

  line-height: 1.22 !important;
  letter-spacing: 0 !important;

  text-wrap: pretty;
}


/* ============================================================
   07. INTRO DESCRIPTION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro-description {
  margin: 0;
  padding: 0;

  color: var(--sa03-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;

  line-height: 1.85;

  text-wrap: pretty;
}


/* ============================================================
   08. MAIN CONTENT GRID — DESKTOP 5:7
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-main {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 80px;

  align-items: start;

  width: 100%;
  min-width: 0;

  margin-top: 64px;
}


/* ============================================================
   09. IMAGE FIGURE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-figure {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;
}


/* ============================================================
   10. IMAGE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-photo {
  display: block;

  width: 100%;
  max-width: 100%;
  height: 640px;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;

  background-color: #EADBD3;

  object-fit: cover;
  object-position: center center;
}


/* ============================================================
   11. IMAGE CAPTION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-caption {
  display: block;

  margin: 16px 0 0;
  padding: 0;

  color: var(--sa03-warm);

  font-size: 13px;
  font-weight: 400;
  line-height: 1.75;
}


/* ============================================================
   12. RIGHT COLUMN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-content {
  min-width: 0;
  width: 100%;
}


/* ============================================================
   13. OBSERVATION GROUPS — 2 x 2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-groups {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap: 48px;
  row-gap: 0;

  width: 100%;
  min-width: 0;
}


/* ============================================================
   14. OBSERVATION ARTICLE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group {
  display: block;

  min-width: 0;

  margin: 0;
  padding: 28px 0 40px;

  border-top:
    1px solid var(--sa03-line-strong);
}


/* ============================================================
   15. NUMBERS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-number {
  display: block;

  color: var(--sa03-primary);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 44px;
  font-weight: 200;

  line-height: 1;

  font-variant-numeric: tabular-nums;
}


/* ============================================================
   16. ARTICLE TEXT WRAPPER
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-copy {
  min-width: 0;
}


/* ============================================================
   17. H3 — OBSERVATION TITLE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-title {
  margin: 18px 0 0;
  padding: 0;

  color: var(--sa03-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 26px !important;
  font-weight: 400 !important;

  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  overflow-wrap: break-word;
}


/* ============================================================
   18. OBSERVATION QUOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-observation {
  display: block;

  margin: 14px 0 0;
  padding: 0;

  border: 0;
  background: transparent;

  color: var(--sa03-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;

  font-style: normal;
  line-height: 1.8;

  text-align: left;
}


/* ============================================================
   19. CONTEXT NOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-context-note {
  display: block;

  margin: 8px 0 0;
  padding: 24px 28px;

  background: var(--sa03-soft);

  color: var(--sa03-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 15px;
  font-weight: 300;

  line-height: 1.8;
}


/* ============================================================
   20. TABLET LANDSCAPE / SMALL DESKTOP
   IMAGE ABOVE OBSERVATION GROUPS
   ============================================================ */

@media (max-width: 1100px) {

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-shell {
    padding: 64px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 24px;

    margin-top: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-title {
    font-size: 36px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro-description {
    max-width: 760px;

    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-main {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 28px;

    margin-top: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-photo {
    height: 440px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-groups {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group {
    padding: 20px 0 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-number {
    font-size: 30px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-title {
    font-size: 22px !important;
    margin-top: 8px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-observation {
    font-size: 15px;
    line-height: 1.75;

    margin-top: 6px;
  }

}


/* ============================================================
   21. TABLET PORTRAIT
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-shell {
    padding: 48px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro {
    gap: 18px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-main {
    gap: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-photo {
    height: 440px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-groups {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group {
    display: grid;

    grid-template-columns:
      36px minmax(0, 1fr);

    gap: 12px;

    padding: 18px 0;

    border-top: 0;
    border-bottom:
      1px solid var(--sa03-line);
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-number {
    font-size: 22px;
    line-height: 1.4;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-title {
    margin-top: 0;

    font-size: 19px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-observation {
    margin-top: 4px;

    font-size: 14px;
    line-height: 1.7;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-context-note {
    margin-top: 16px;
    padding: 16px;

    font-size: 14px;
    line-height: 1.75;
  }

}


/* ============================================================
   22. MOBILE — 390px

   Editorial stack:
   Section Label
   H2
   Full-bleed Image
   Four Observation Rows
   Context Note
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 {
    scroll-margin-top: 75px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-shell {
    padding: 32px 0 0;
  }


  /* TOPLINE */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-topline {
    display: block;

    margin: 0;
    padding: 0 24px;

    border-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-section-en {
    display: none;
  }


  /* INTRO */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro {
    display: block;

    margin: 12px 0 20px;
    padding: 0 24px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-title {
    font-size: 27px !important;
    font-weight: 300 !important;

    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro-description {
    display: none;
  }


  /* MAIN STACK */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-main {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
  }


  /* FULL-BLEED IMAGE */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-figure {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-photo {
    width: 100%;
    max-width: 100%;
    height: 360px;

    object-fit: cover;
    object-position: center 40%;
  }


  /* IMAGE CAPTION */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-caption {
    margin: 0;

    padding: 10px 24px 0;

    font-size: 11px;
    line-height: 1.7;
  }


  /* CONTENT BELOW IMAGE */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-content {
    width: 100%;

    padding: 8px 24px 28px;
  }


  /* SINGLE-COLUMN GROUPS */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-groups {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr);

    gap: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group {
    display: grid;

    grid-template-columns:
      36px minmax(0, 1fr);

    gap: 12px;

    align-items: start;

    margin: 0;
    padding: 18px 0;

    border: 0;
    border-bottom:
      1px solid var(--sa03-line);
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-number {
    font-size: 22px;
    line-height: 1.4;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-title {
    margin: 0;

    font-size: 19px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-observation {
    margin: 4px 0 0;

    font-size: 14px;
    font-weight: 300;

    line-height: 1.7;
  }


  /* FINAL CONTEXT NOTE */

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-context-note {
    margin: 16px 0 0;

    padding: 16px;

    background: var(--sa03-soft);

    color: var(--sa03-body);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.75;
  }

}


/* ============================================================
   23. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-topline,
  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-title {
    font-size: 25px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-photo {
    height: 330px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-caption {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-group-title {
    font-size: 18px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-d3b4ea8 .sa03-observation {
    font-size: 13px;
  }

}


/* ============================================================
   END — SA03 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21d1a0e *//* ============================================================
   SITA CLINIC V2 — SA04 CONTEXT MATTERS
   FULL REPLACEMENT CSS — v1

   PAGE: /skin-aging/

   INSTALL:
   SA04 Parent Container
   > Advanced > Custom CSS

   CSS ID:
   skin-aging-context

   CSS CLASS:
   sita-skinaging-context

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   PRIMARY QA:
   Desktop 1440px
   Mobile 390px

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION ROOT / DESIGN TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e {
  --sa04-primary: #BB6358;
  --sa04-deep: #723129;
  --sa04-warm: #9A614D;
  --sa04-ink: #2A2422;
  --sa04-body: #4A3D39;
  --sa04-soft: #FBF4F0;
  --sa04-white: #FFFFFF;

  --sa04-line:
    rgba(114, 49, 41, .14);

  --sa04-line-strong:
    rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa04-soft);

  color: var(--sa04-ink);

  box-sizing: border-box;

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e *,
.elementor-7904 .elementor-element.elementor-element-21d1a0e *::before,
.elementor-7904 .elementor-element.elementor-element-21d1a0e *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-21d1a0e .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. MAIN SECTION SHELL
   DESKTOP 1440 / CONTENT 1264
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;

  padding: 112px 88px;

  background: var(--sa04-soft);
}


/* ============================================================
   04. TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa04-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-section-label {
  display: block;
  flex: none;

  color: var(--sa04-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-section-subtitle {
  display: block;

  color: var(--sa04-warm);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;

  letter-spacing: .06em;

  text-align: right;
}


/* ============================================================
   05. MAIN H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title {
  max-width: 1000px;

  margin: 64px 0 0;
  padding: 0;

  color: var(--sa04-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 54px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;

  letter-spacing: 0 !important;

  text-wrap: pretty;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title span {
  color: var(--sa04-deep);
}


/* ============================================================
   06. CONTEXT GRID — DESKTOP 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-context-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;

  align-items: start;

  width: 100%;
  min-width: 0;

  margin-top: 56px;
}


/* ============================================================
   07. LEFT COLUMN / EXPLANATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-explanation {
  min-width: 0;
  max-width: 680px;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-explanation p {
  margin: 0;
  padding: 0;

  color: var(--sa04-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 19px;
  font-weight: 300;
  line-height: 1.85;

  text-wrap: pretty;
}


/* ============================================================
   08. RIGHT COLUMN / QUESTION-ANSWER
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer {
  display: block;

  min-width: 0;
  width: 100%;

  margin: 0;

  padding: 16px 0 0;

  border-top:
    2px solid var(--sa04-primary);
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dt {
  margin: 0;
  padding: 0;

  color: var(--sa04-ink);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dd {
  margin: 10px 0 0;
  padding: 0;

  color: var(--sa04-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}


/* ============================================================
   09. THREE QUESTION GRID
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-questions {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 48px;

  width: 100%;
  min-width: 0;

  margin: 72px 0 0;
  padding: 0;

  list-style: none;

  counter-reset: none;
}


/* ============================================================
   10. QUESTION ITEM
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question {
  display: block;

  min-width: 0;

  margin: 0;

  padding: 28px 0 0;

  border-top:
    1px solid var(--sa04-line-strong);

  list-style: none;
}


/* ============================================================
   11. LARGE NUMERALS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-number {
  display: block;

  color: var(--sa04-primary);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 52px;
  font-weight: 200;
  line-height: 1;

  font-variant-numeric: tabular-nums;
}


/* ============================================================
   12. QUESTION COPY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy {
  min-width: 0;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy h3 {
  margin: 18px 0 0;
  padding: 0;

  color: var(--sa04-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  letter-spacing: 0 !important;

  overflow-wrap: break-word;
}

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy p {
  margin: 10px 0 0;
  padding: 0;

  color: var(--sa04-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}


/* ============================================================
   13. CLOSING NOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-closing-note {
  margin: 48px 0 0;
  padding: 0;

  color: var(--sa04-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}


/* ============================================================
   14. SMALL DESKTOP / TABLET LANDSCAPE
   ============================================================ */

@media (min-width: 769px) and (max-width: 1100px) {

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-shell {
    padding: 88px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title {
    font-size: 46px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-context-grid {
    gap: 48px;
    margin-top: 44px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-explanation p {
    font-size: 17px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dt {
    font-size: 18px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dd {
    font-size: 15px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-questions {
    gap: 24px;
    margin-top: 56px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy h3 {
    font-size: 22px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy p {
    font-size: 15px;
  }

}


/* ============================================================
   15. TABLET PORTRAIT — 768px
   STACKED QUESTION ROWS
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-shell {
    padding: 56px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title {
    margin-top: 36px;

    font-size: 36px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-context-grid {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 28px;

    margin-top: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-explanation p {
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-questions {
    display: block;

    margin-top: 36px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question {
    display: grid;

    grid-template-columns:
      36px minmax(0, 1fr);

    gap: 12px;

    align-items: baseline;

    padding: 18px 0;

    border-top: 0;

    border-bottom:
      1px solid var(--sa04-line);
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-number {
    font-size: 24px;
    line-height: 1.3;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy h3 {
    margin: 0;

    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy p {
    margin-top: 6px;

    font-size: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-closing-note {
    margin-top: 28px;

    font-size: 13px;
  }

}


/* ============================================================
   16. MOBILE — 390px

   Design source:
   - Warm soft background
   - 32px top/bottom, 24px sides
   - 30px H2
   - Visible direct Q/A
   - Three numbered question rows
   - No image
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-shell {
    padding: 32px 24px;
  }


  /* TOPLINE */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-topline {
    display: block;

    margin: 0;
    padding: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-section-subtitle {
    display: none;
  }


  /* H2 */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title {
    max-width: 100%;

    margin: 12px 0 0;

    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 1.26 !important;

    letter-spacing: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title br {
    display: none;
  }


  /* BODY GRID */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-context-grid {
    display: block;

    margin-top: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-explanation p {
    margin: 0;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Q/A */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer {
    margin-top: 18px;

    padding: 12px 0 0;

    border-top:
      2px solid var(--sa04-primary);
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dt {
    font-size: 17px;
    line-height: 1.4;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dd {
    margin-top: 6px;

    font-size: 14px;
    line-height: 1.75;
  }


  /* QUESTION ROWS */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-questions {
    display: block;

    margin: 20px 0 0;

    padding: 0;

    border-top:
      1px solid var(--sa04-line-strong);
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question {
    display: grid;

    grid-template-columns:
      26px minmax(0, 1fr);

    gap: 12px;

    align-items: baseline;

    margin: 0;

    padding: 14px 0;

    border-top: 0;

    border-bottom:
      1px solid var(--sa04-line);
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question:last-child {
    border-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-number {
    display: block;

    font-size: 18px;
    font-weight: 300;
    line-height: 1.45;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy h3 {
    margin: 0;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }


  /* MOBILE SOURCE SHOWS TITLES ONLY */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy p {
    display: none;
  }


  /* CLOSING NOTE IS ABSENT IN MOBILE BOARD */

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-closing-note {
    display: none;
  }

}


/* ============================================================
   17. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-title {
    font-size: 27px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-question-copy h3 {
    font-size: 17px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-21d1a0e .sa04-answer dt {
    font-size: 16px;
  }

}


/* ============================================================
   END — SA04 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1714fc3 *//* ============================================================
   SITA CLINIC V2 — SA05 ASSESSMENT FIRST — v1
   FULL SCOPED CSS

   PAGE:
   /skin-aging/

   INSTALL:
   SA05 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-assessment

   CSS CLASS:
   sita-skinaging-assessment

   SOURCE:
   SITA V2 - Skin Aging.dc.html

   PRIMARY QA:
   Desktop 1440px
   Mobile 390px

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION ROOT / TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 {
  --sa05-bg: #723129;
  --sa05-white: #FFFFFF;
  --sa05-pale: #F6EAE4;
  --sa05-copy: #F0DCD4;
  --sa05-rose: #E3B7AB;

  --sa05-line:
    rgba(246, 234, 228, .18);

  --sa05-line-strong:
    rgba(246, 234, 228, .30);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa05-bg);
  color: var(--sa05-pale);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  box-sizing: border-box;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 *,
.elementor-7904 .elementor-element.elementor-element-1714fc3 *::before,
.elementor-7904 .elementor-element.elementor-element-1714fc3 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-1714fc3 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. MAIN SHELL — DESKTOP 1440
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 112px 88px;

  background: var(--sa05-bg);
}


/* ============================================================
   04. SECTION TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa05-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-section-label {
  color: var(--sa05-rose);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-section-subtitle {
  color: var(--sa05-rose);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .06em;
}


/* ============================================================
   05. MAIN EDITORIAL GRID — 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-main {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 88px;
  align-items: start;

  width: 100%;
  min-width: 0;

  margin-top: 56px;
}


/* ============================================================
   06. INTRO COLUMN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-intro {
  width: 100%;
  min-width: 0;
}


/* ============================================================
   07. H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title {
  margin: 0;
  padding: 0;

  color: var(--sa05-white);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 46px !important;
  font-weight: 300 !important;
  line-height: 1.22 !important;

  letter-spacing: 0 !important;
  text-wrap: pretty;
}


/* ============================================================
   08. INTRO COPY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-concern {
  width: 100%;
  min-width: 0;
  max-width: 640px;

  margin-top: 32px;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-lead {
  margin: 0;
  padding: 0;

  color: var(--sa05-copy);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}


/* ============================================================
   09. FOUR UNDETERMINED ITEMS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined {
  display: block;

  width: 100%;

  margin: 16px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sa05-line-strong);

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li {
  display: block;

  margin: 0;
  padding: 15px 0;

  color: var(--sa05-white);

  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;

  border-bottom:
    1px solid var(--sa05-line);

  list-style: none;
}


/* ============================================================
   10. IMAGE FIGURE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-figure {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow: hidden;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-photo {
  display: block;

  width: 100%;
  max-width: 100%;
  height: 560px;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;

  background: #A98B80;

  object-fit: cover;
  object-position: center center;
}


/* ============================================================
   11. ASSESSMENT RAIL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-rail {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 64px;
  align-items: start;

  width: 100%;
  min-width: 0;

  margin: 80px 0 0;
  padding: 32px 0 0;

  border-top:
    1px solid rgba(246, 234, 228, .35);

  list-style: none;
}


/* ============================================================
   12. RAIL STEP
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step {
  position: relative;

  min-width: 0;
  margin: 0;
  padding: 0;

  list-style: none;
}


/* ============================================================
   13. STEP HEADING
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  gap: 0;
}


/* ============================================================
   14. STEP NUMBER
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-number {
  display: block;

  color: var(--sa05-rose);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 52px;
  font-weight: 200;
  line-height: 1;

  font-variant-numeric: tabular-nums;
}


/* ============================================================
   15. STEP TITLE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-title {
  margin: 14px 0 0;
  padding: 0;

  color: var(--sa05-white);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}


/* ============================================================
   16. ENGLISH MICRO LABEL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-en {
  display: block;

  margin-top: 6px;

  color: var(--sa05-rose);

  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .14em;
}


/* ============================================================
   17. STEP DESCRIPTION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-description {
  margin: 12px 0 0;
  padding: 0;

  color: var(--sa05-copy);

  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
}


/* ============================================================
   18. DESKTOP ARROWS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step:not(:last-child)::after {
  content: "→";

  position: absolute;

  top: 70px;
  right: -48px;

  color: var(--sa05-rose);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 32px;
  font-weight: 300;
  line-height: 1;
}


/* ============================================================
   19. INTERNAL LINKS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-links {
  display: flex;

  align-items: baseline;
  flex-wrap: wrap;

  gap: 40px;

  width: 100%;
  min-width: 0;

  margin-top: 56px;
  padding-top: 24px;

  border-top:
    1px solid var(--sa05-line);
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link,
.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link:visited {
  display: inline-flex;

  align-items: center;
  gap: 6px;

  padding: 0 0 3px;

  background: transparent;

  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;

  text-decoration: none;

  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-primary,
.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-primary:visited {
  color: var(--sa05-white);

  border-bottom:
    1px solid rgba(255, 255, 255, .45);
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-secondary,
.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-secondary:visited {
  color: var(--sa05-rose);

  border-bottom:
    1px solid rgba(227, 183, 171, .40);
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-primary:hover,
.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-secondary:hover {
  color: var(--sa05-white);

  border-color: var(--sa05-white);
}

.elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link:focus-visible {
  outline: 2px solid var(--sa05-rose);
  outline-offset: 4px;
}


/* ============================================================
   20. TABLET LANDSCAPE — 769–1024px
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-shell {
    padding: 88px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-main {
    gap: 40px;
    margin-top: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title {
    font-size: 36px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-lead {
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li {
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-photo {
    height: 500px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-rail {
    gap: 48px;
    margin-top: 64px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step:not(:last-child)::after {
    right: -35px;
  }

}


/* ============================================================
   21. TABLET PORTRAIT — 768px
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-shell {
    padding: 56px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-topline {
    border-bottom: 0;
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-main {
    display: block;
    margin-top: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title {
    font-size: 32px !important;
    line-height: 1.28 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title br {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-concern {
    margin-top: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-lead {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li {
    font-size: 15px;
  }

  /* The approved tablet/mobile boards omit the photo. */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-figure {
    display: none;
  }

  /* Vertical rail with left rule. */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-rail {
    display: block;

    margin: 28px 0 0;
    padding: 0 0 0 26px;

    border-top: 0;
    border-left:
      1px solid var(--sa05-line-strong);
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step {
    padding: 0 0 22px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step:last-child {
    padding-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-heading {
    flex-direction: row;
    align-items: baseline;

    gap: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-number {
    font-size: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-title {
    margin: 0;

    font-size: 22px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-en {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-description {
    margin-top: 4px;

    font-size: 15px;
    line-height: 1.7;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step:not(:last-child)::after {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-links {
    flex-direction: column;
    align-items: flex-start;

    gap: 14px;
    margin-top: 28px;
  }

}


/* ============================================================
   22. MOBILE — 390px
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-shell {
    padding: 32px 24px;
  }


  /* SECTION LABEL */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-section-label {
    font-size: 11px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-section-subtitle {
    display: none;
  }


  /* HEADING */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-main {
    margin-top: 12px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title {
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
  }


  /* COMPACT INTRO + FOUR OBSERVATIONS */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-concern {
    margin-top: 14px;

    color: var(--sa05-copy);

    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-lead {
    display: inline;

    margin: 0;

    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined {
    display: inline;

    margin: 0;
    padding: 0;

    border: 0;

    font-size: inherit;
    line-height: inherit;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined::before {
    content: " ";
    white-space: pre;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li {
    display: inline;

    margin: 0;
    padding: 0;

    border: 0;

    color: var(--sa05-copy);

    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li:not(:last-child)::after {
    content: " ";
    white-space: pre;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-undetermined li:last-child::before {
    content: "และ";
  }


  /* THREE-STEP MOBILE RAIL */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-rail {
    display: block;

    margin-top: 20px;
    padding: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step {
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-heading {
    gap: 9px;
    align-items: baseline;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-number,
  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-title {
    color: var(--sa05-white);

    font-family:
      'Anuphan',
      sans-serif;

    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step-description {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-step:not(:last-child)::after {
    content: "↓";

    display: block;

    position: static;

    margin: 0 0 0 28px;
    padding: 0;

    color: var(--sa05-rose);

    text-align: left;

    font-size: 20px;
    line-height: 1.5;
  }


  /* QUIET TEXT LINK */

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-links {
    margin-top: 18px;
    padding: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link,
  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link:visited {
    font-size: 14px;
    line-height: 1.7;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link-secondary {
    display: none;
  }

}


/* ============================================================
   23. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-title {
    font-size: 25px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-concern {
    font-size: 14px;
  }

}


/* ============================================================
   24. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-1714fc3 .sa05-link {
    transition: none;
  }

}


/* ============================================================
   END — SA05 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbca7e4 *//* ============================================================
   SITA CLINIC V2 — SA06 TECHNOLOGY AS AN OPTION
   FULL SCOPED CSS — v1

   PAGE:
   /skin-aging/

   INSTALL:
   SA06 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-device-context

   CSS CLASS:
   sita-skinaging-device

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   PRIMARY QA:
   Desktop 1440px
   Mobile 390px

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. SECTION ROOT / DESIGN TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 {
  --sa06-primary: #BB6358;
  --sa06-deep: #723129;
  --sa06-warm: #9A614D;
  --sa06-ink: #2A2422;
  --sa06-body: #4A3D39;
  --sa06-soft: #FBF4F0;
  --sa06-white: #FFFFFF;

  --sa06-line: rgba(114, 49, 41, .14);
  --sa06-line-strong: rgba(114, 49, 41, .25);

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa06-white);
  color: var(--sa06-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 *,
.elementor-7904 .elementor-element.elementor-element-bbca7e4 *::before,
.elementor-7904 .elementor-element.elementor-element-bbca7e4 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR WIDGET NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-bbca7e4 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. MAIN SHELL — DESKTOP 1440
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 112px 88px;

  background: var(--sa06-white);
}


/* ============================================================
   04. SECTION TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-topline {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 24px;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 0 18px;

  border-bottom: 1px solid var(--sa06-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-section-label {
  display: block;

  color: var(--sa06-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-section-subtitle {
  display: block;

  color: var(--sa06-warm);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .06em;

  text-align: right;
}


/* ============================================================
   05. MAIN GRID — DESKTOP 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-main {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;

  align-items: start;

  width: 100%;
  min-width: 0;

  margin: 56px 0 0;
}


/* ============================================================
   06. PRIMARY CONTENT COLUMN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-content {
  min-width: 0;
  width: 100%;
}


/* ============================================================
   07. MAIN H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title {
  margin: 0;
  padding: 0;

  color: var(--sa06-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 44px !important;
  font-weight: 300 !important;

  line-height: 1.22 !important;
  letter-spacing: 0 !important;

  text-wrap: pretty;
}


/* ============================================================
   08. LEAD PARAGRAPH
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-lead {
  max-width: 640px;

  margin: 32px 0 0;
  padding: 0;

  color: var(--sa06-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}


/* ============================================================
   09. CONCERN LIST
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-concern-list {
  display: block;

  width: 100%;
  max-width: 640px;

  margin: 12px 0 0;
  padding: 0;

  border-top: 1px solid var(--sa06-line-strong);

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-concern-list li {
  display: block;

  margin: 0;
  padding: 14px 0;

  border-bottom: 1px solid var(--sa06-line);

  color: var(--sa06-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;

  list-style: none;
}


/* ============================================================
   10. CONTEXT PARAGRAPH
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-context-copy {
  width: 100%;
  max-width: 640px;

  margin: 20px 0 0;
  padding: 0;

  color: var(--sa06-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}


/* ============================================================
   11. VISIBLE Q&A
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa {
  display: block;

  width: 100%;
  max-width: 640px;
  min-width: 0;

  margin: 48px 0 0;
  padding: 16px 0 0;

  border-top: 2px solid var(--sa06-primary);
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dt {
  margin: 0;
  padding: 0;

  color: var(--sa06-ink);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dd {
  margin: 10px 0 0;
  padding: 0;

  color: var(--sa06-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}


/* ============================================================
   12. ULTRAFORMER ASIDE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-aside {
  display: block;

  align-self: start;

  width: 100%;
  min-width: 0;

  margin: 8px 0 0;
  padding: 40px 40px 36px;

  background: var(--sa06-soft);
  color: var(--sa06-body);
}


/* ============================================================
   13. ASIDE EYEBROW
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-eyebrow {
  margin: 0;
  padding: 0;

  color: var(--sa06-warm);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
}


/* ============================================================
   14. ULTRAFORMER TITLE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-title {
  margin: 14px 0 0;
  padding: 0;

  color: var(--sa06-deep);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;

  letter-spacing: 0 !important;
}


/* ============================================================
   15. ASIDE DESCRIPTION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-description {
  margin: 16px 0 0;
  padding: 0;

  color: var(--sa06-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}


/* ============================================================
   16. ASIDE SUPPORTING NOTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-note {
  margin: 14px 0 0;
  padding: 0;

  color: var(--sa06-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}


/* ============================================================
   17. ULTRAFORMER INTERNAL LINK
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link,
.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link:visited {
  display: inline-flex;

  align-items: baseline;
  gap: 6px;

  max-width: 100%;

  margin: 24px 0 0;
  padding: 0 0 3px;

  border: 0;
  border-bottom:
    1px solid rgba(114, 49, 41, .35);

  background: transparent;
  color: var(--sa06-deep);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;

  text-decoration: none;

  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link:hover {
  color: var(--sa06-primary);

  border-bottom-color: var(--sa06-primary);
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link:focus-visible {
  outline: 2px solid var(--sa06-primary);
  outline-offset: 4px;
}

.elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link span {
  flex: none;
}


/* ============================================================
   18. TABLET LANDSCAPE — 769–1024px

   Source behavior:
   Preserve 7:5 grid with smaller gutters.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-shell {
    padding: 80px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-main {
    grid-template-columns:
      minmax(0, 7fr)
      minmax(0, 5fr);

    gap: 40px;

    margin-top: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title {
    font-size: 36px !important;
    line-height: 1.24 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-lead,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-context-copy,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-concern-list li {
    font-size: 15px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa {
    margin-top: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dt {
    font-size: 18px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dd {
    font-size: 15px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-aside {
    padding: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-title {
    font-size: 28px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-description {
    font-size: 15px;
  }

}


/* ============================================================
   19. TABLET PORTRAIT — 768px

   Source behavior:
   Argument / Q&A first.
   Ultraformer Aside follows.
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-shell {
    padding: 56px 32px 64px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-topline {
    border-bottom: 0;
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-main {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr);

    gap: 28px;

    margin-top: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title {
    font-size: 32px !important;
    line-height: 1.28 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title br {
    display: none;
  }

  /* Tablet board emphasizes the answer first. */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-lead,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-concern-list,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-context-copy {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa {
    margin-top: 24px;
    padding-top: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dt {
    font-size: 19px;
    line-height: 1.4;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa dd {
    margin-top: 8px;

    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-aside {
    margin: 0;
    padding: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-title {
    margin-top: 10px;

    font-size: 28px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-description,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-note {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link {
    margin-top: 16px;
  }

}


/* ============================================================
   20. MOBILE — 390px

   Source Mobile Board:
   - Label
   - H2
   - Context paragraph
   - Quiet Ultraformer Aside

   No list or Q&A shown at this breakpoint.
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-shell {
    padding: 32px 24px;
  }


  /* SECTION LABEL */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-section-subtitle {
    display: none;
  }


  /* MAIN FLOW */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-main {
    display: block;

    margin-top: 12px;
  }


  /* H2 */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title {
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1.28 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title br {
    display: none;
  }


  /* SOURCE MOBILE USES THE SUMMARY PARAGRAPH */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-lead,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-concern-list {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-context-copy {
    display: block;

    margin-top: 14px;

    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
  }


  /* Q&A NOT SHOWN ON MOBILE BOARD */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-qa {
    display: none;
  }


  /* MOBILE ASIDE */

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-aside {
    margin-top: 20px;

    padding: 22px;

    background: var(--sa06-soft);
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-eyebrow {
    font-size: 11px;
    line-height: 1.7;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-title {
    margin-top: 8px;

    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-description,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-aside-note {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link,
  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link:visited {
    margin-top: 12px;

    font-size: 14px;
    line-height: 1.7;
  }

}


/* ============================================================
   21. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-title {
    font-size: 25px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-aside {
    padding: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-title {
    font-size: 23px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link {
    font-size: 13px;
  }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-bbca7e4 .sa06-device-link {
    transition: none;
  }

}


/* ============================================================
   END — SA06 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9568256 *//* ============================================================
   SITA CLINIC V2 — SA07 SKIN QUALITY VS FORM
   FULL REPLACEMENT CSS — v1

   PAGE:
   /skin-aging/

   INSTALL:
   SA07 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-skin-quality

   CSS CLASS:
   sita-skinaging-quality

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   PRIMARY QA:
   Desktop 1440px
   Mobile 390px

   No JavaScript required.
   ============================================================ */


/* ============================================================
   01. ROOT / DESIGN TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 {
  --sa07-primary: #BB6358;
  --sa07-deep: #723129;
  --sa07-warm: #9A614D;
  --sa07-ink: #2A2422;
  --sa07-body: #4A3D39;
  --sa07-soft: #FBF4F0;

  --sa07-line:
    rgba(114, 49, 41, .14);

  --sa07-line-strong:
    rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  padding: 0;
  margin: 0;

  box-sizing: border-box;

  background: var(--sa07-soft);
  color: var(--sa07-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-9568256 *,
.elementor-7904 .elementor-element.elementor-element-9568256 *::before,
.elementor-7904 .elementor-element.elementor-element-9568256 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02. ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-9568256 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03. MAIN SECTION SHELL
   DESKTOP 1440 — 88px GUTTERS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 112px 88px;

  background: var(--sa07-soft);
}


/* ============================================================
   04. SECTION TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa07-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-section-label {
  display: block;
  flex: none;

  color: var(--sa07-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-section-subtitle {
  display: block;

  color: var(--sa07-warm);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;

  letter-spacing: .06em;
  text-align: right;
}


/* ============================================================
   05. INTRO GRID — 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;
  align-items: end;

  width: 100%;
  min-width: 0;

  margin: 56px 0 0;
}


/* ============================================================
   06. MAIN H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title {
  margin: 0;
  padding: 0;

  color: var(--sa07-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 44px !important;
  font-weight: 300 !important;
  line-height: 1.22 !important;

  letter-spacing: 0 !important;
  text-wrap: pretty;
}


/* ============================================================
   07. INTRO DESCRIPTION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-description {
  margin: 0;
  padding: 0;

  color: var(--sa07-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;

  text-wrap: pretty;
}


/* ============================================================
   08. COMPARISON GRID — EQUAL COLUMNS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-comparison {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 0;

  width: 100%;
  min-width: 0;

  margin: 64px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sa07-line-strong);
}


/* ============================================================
   09. COMPARISON PANELS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 36px 0 8px;

  background: transparent;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-form {
  padding-right: 56px;

  border-right:
    1px solid var(--sa07-line);
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-quality {
  padding-left: 56px;
}


/* ============================================================
   10. CATEGORY MICRO LABEL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-category {
  display: block;

  margin: 0;
  padding: 0;

  color: var(--sa07-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .16em;
}


/* ============================================================
   11. COMPARISON H3
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-title {
  margin: 10px 0 0;
  padding: 0;

  color: var(--sa07-deep);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  letter-spacing: 0 !important;
}


/* ============================================================
   12. LISTS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 20px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sa07-line);

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li {
  display: block;

  margin: 0;
  padding: 14px 0;

  border-bottom:
    1px solid var(--sa07-line);

  color: var(--sa07-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;

  list-style: none;
}


/* ============================================================
   13. BOTTOM CONCLUSION — GRID 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-conclusion {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;
  align-items: baseline;

  width: 100%;
  min-width: 0;

  margin: 48px 0 0;
  padding: 24px 0 0;

  border-top:
    1px solid var(--sa07-line-strong);
}


/* ============================================================
   14. CORE TAKEAWAY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-takeaway {
  margin: 0;
  padding: 0;

  color: var(--sa07-deep);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 24px;
  font-weight: 300;
  line-height: 1.45;
}


/* ============================================================
   15. SKIN RECOVERY ROUTE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route {
  margin: 0;
  padding: 0;

  color: var(--sa07-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route-intro {
  display: inline;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link,
.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link:visited {
  display: inline;

  color: var(--sa07-deep);

  font: inherit;

  font-weight: 400;

  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, .35);

  transition:
    color .18s ease,
    border-color .18s ease;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link:hover {
  color: var(--sa07-primary);
  border-bottom-color: var(--sa07-primary);
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link:focus-visible {
  outline: 2px solid var(--sa07-primary);
  outline-offset: 3px;
}

.elementor-7904 .elementor-element.elementor-element-9568256 .sa07-mobile-link-prefix {
  display: none;
}


/* ============================================================
   16. TABLET LANDSCAPE — 769–1024
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-shell {
    padding: 64px 40px 72px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-intro {
    gap: 40px;
    margin-top: 36px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title {
    font-size: 34px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-description {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-comparison {
    margin-top: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel {
    padding-top: 22px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-form {
    padding-right: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-quality {
    padding-left: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-category {
    font-size: 10px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-title {
    margin-top: 8px;

    font-size: 22px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list {
    margin-top: 12px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li {
    font-size: 15px;
    line-height: 1.85;
    padding: 12px 0;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-conclusion {
    gap: 40px;
    margin-top: 36px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-takeaway {
    font-size: 21px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route {
    font-size: 14px;
  }

}


/* ============================================================
   17. TABLET PORTRAIT — MAX 768
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-shell {
    padding: 56px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-intro {
    display: block;
    margin-top: 24px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title {
    font-size: 34px !important;
    line-height: 1.28 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-description {
    margin-top: 20px;

    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-comparison {
    display: block;
    margin-top: 32px;
    border-top: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel {
    padding: 20px 0 0;
    border-right: 0;
    border-top:
      1px solid var(--sa07-line-strong);
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-quality {
    margin-top: 24px;
    border-top:
      1px solid var(--sa07-line);
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-title {
    font-size: 24px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list {
    margin-top: 12px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li {
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-conclusion {
    display: block;

    margin-top: 32px;
    padding-top: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-takeaway {
    font-size: 22px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route {
    margin-top: 16px;
  }

}


/* ============================================================
   18. MOBILE — 390px

   DESIGN SOURCE M3 — SA07

   Stack:
   Label
   H2
   Form / Structure
   Skin Quality / Surface
   Skin Recovery Link

   No image.
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-shell {
    padding: 32px 24px;
  }


  /* TOPLINE */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-topline {
    display: block;

    padding: 0;
    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-section-subtitle {
    display: none;
  }


  /* INTRO */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-intro {
    display: block;
    margin-top: 12px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title {
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title br {
    display: none;
  }

  /* Mobile board omits the long introduction. */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-description {
    display: none;
  }


  /* STACKED COMPARISON */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-comparison {
    display: block;

    margin-top: 18px;
    padding: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel {
    display: block;

    padding: 14px 0 0;
    margin: 0;

    border: 0;
    border-top:
      1px solid var(--sa07-line-strong);
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-quality {
    margin-top: 14px;

    border-top:
      1px solid var(--sa07-line);
  }


  /* MICRO LABEL */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-category {
    font-size: 10px;
    font-weight: 600;

    line-height: 1.6;
    letter-spacing: .14em;
  }


  /* H3 */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-title {
    margin-top: 4px;

    font-size: 19px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;
  }


  /* INLINE OBSERVATION LISTS */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list {
    display: block;

    margin: 6px 0 0;
    padding: 0;

    border: 0;

    color: var(--sa07-ink);

    font-size: 14px;
    line-height: 1.9;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li {
    display: inline;

    margin: 0;
    padding: 0;

    border: 0;

    color: var(--sa07-ink);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li:not(:last-child)::after {
    content: " · ";
    color: var(--sa07-warm);
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-desktop-detail {
    display: none;
  }


  /* BOTTOM CONCLUSION */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-conclusion {
    display: block;

    margin-top: 16px;
    padding: 0;

    border: 0;
  }

  /* Omitted from approved mobile board. */

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-takeaway {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route {
    margin: 0;
    padding: 0;

    font-size: 14px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route-intro {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link,
  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link:visited {
    display: inline;

    font-size: 14px;
    font-weight: 400;

    color: var(--sa07-deep);

    border: 0;
    text-decoration: none;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-mobile-link-prefix {
    display: inline;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-desktop-link-arrow {
    display: none;
  }

}


/* ============================================================
   19. SMALL MOBILE — 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-title {
    font-size: 24px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-panel-title {
    font-size: 18px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list,
  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-list li {
    font-size: 13px;
  }

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-route,
  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link {
    font-size: 13px;
  }

}


/* ============================================================
   20. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-9568256 .sa07-recovery-link {
    transition: none;
  }

}


/* ============================================================
   END — SA07 COMPLETE CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3ee4b *//* ============================================================
   SITA CLINIC V2 — SA08 EYE AREA — v1
   FULL SCOPED CSS

   INSTALL:
   SA08 Parent Container > Advanced > Custom CSS

   CSS ID: skin-aging-eye-area
   CLASS:  sita-skinaging-eye

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   PRIMARY QA: 1440px / 390px
   ============================================================ */


/* 01 — ROOT */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b {
  --sa08-primary: #BB6358;
  --sa08-deep: #723129;
  --sa08-warm: #9A614D;
  --sa08-ink: #2A2422;
  --sa08-body: #4A3D39;
  --sa08-white: #FFFFFF;
  --sa08-line: rgba(114, 49, 41, .14);
  --sa08-line-strong: rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: var(--sa08-white);
  color: var(--sa08-ink);
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b *,
.elementor-7904 .elementor-element.elementor-element-2f3ee4b *::before,
.elementor-7904 .elementor-element.elementor-element-2f3ee4b *::after {
  box-sizing: border-box;
}


/* 02 — ELEMENTOR NORMALIZATION */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-2f3ee4b .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* 03 — SECTION SHELL */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin: 0 auto;
  padding: 112px 88px;
  background: var(--sa08-white);
}


/* 04 — TOPLINE */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa08-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-section-label {
  color: var(--sa08-primary);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-section-subtitle {
  color: var(--sa08-warm);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .06em;
}


/* 05 — DESKTOP MAIN GRID 7:5 */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-main {
  display: grid;
  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 80px;
  align-items: start;

  width: 100%;
  min-width: 0;
  margin-top: 56px;
}


/* 06 — LEFT CONTENT */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-copy {
  min-width: 0;
  width: 100%;
}


/* 07 — H2 */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-title {
  margin: 0;
  padding: 0;

  color: var(--sa08-ink);
  font-family: 'Anuphan', sans-serif !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;

  overflow-wrap: break-word;
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-heading-line {
  display: block;
}


/* 08 — DESCRIPTION */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-description {
  width: 100%;
  max-width: 640px;

  margin: 32px 0 0;
  padding: 0;

  color: var(--sa08-body);
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}


/* 09 — OBSERVATION LABEL */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-list-label {
  margin: 36px 0 0;
  padding: 0;

  color: var(--sa08-warm);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .14em;
}


/* 10 — OBSERVATION LIST */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap: 40px;
  row-gap: 0;

  width: 100%;
  max-width: 640px;
  min-width: 0;

  margin: 12px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sa08-line-strong);

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations li {
  display: block;

  margin: 0;
  padding: 15px 0;

  border-bottom:
    1px solid var(--sa08-line);

  color: var(--sa08-ink);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;

  list-style: none;
}


/* 11 — MEDICAL NOTE */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-medical-note {
  width: 100%;
  max-width: 640px;

  margin: 28px 0 0;
  padding: 0;

  color: var(--sa08-warm);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}


/* 12 — IMAGE FIGURE */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-figure {
  display: block;

  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-image {
  display: block;

  width: 100%;
  max-width: 100%;
  height: 560px;

  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;

  background: #E8D8D0;

  object-fit: cover;
  object-position: center center;
}


/* 13 — CAPTION */

.elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-caption {
  display: block;

  margin: 16px 0 0;
  padding: 0;

  color: var(--sa08-warm);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75;
}


/* ============================================================
   14 — TABLET LANDSCAPE 769–1024px

   Keep the 7:5 structure;
   observations become one column.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-shell {
    padding: 80px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-main {
    grid-template-columns:
      minmax(0, 7fr)
      minmax(0, 5fr);
    gap: 40px;
    margin-top: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-title {
    font-size: 36px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-description {
    font-size: 15px;
    margin-top: 24px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-list-label {
    margin-top: 26px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations li {
    font-size: 15px;
    padding: 12px 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-medical-note {
    font-size: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-image {
    height: 500px;
  }
}


/* ============================================================
   15 — TABLET PORTRAIT <=768px

   Reorder without duplicate HTML:
   H2 → Image → Description → List → Note
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-shell {
    padding: 56px 0 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-topline {
    margin: 0 32px;
    padding-bottom: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;

    width: 100%;
    min-width: 0;
    margin-top: 24px;
  }

  /* Flatten only this presentational wrapper. */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-copy {
    display: contents;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-title {
    order: 10;

    margin: 0;
    padding: 0 32px 28px;

    font-size: 36px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-heading-line {
    display: inline;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-figure {
    order: 20;

    width: 100%;
    margin: 0;
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-image {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center 42%;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-caption {
    padding: 0 32px;
    margin-top: 12px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-description {
    order: 30;

    max-width: none;
    margin: 24px 0 0;
    padding: 0 32px;

    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-list-label {
    order: 40;

    margin: 26px 0 0;
    padding: 0 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations {
    order: 50;

    display: block;
    max-width: none;

    margin: 12px 32px 0;
    padding: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations li {
    padding: 13px 0;
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-medical-note {
    order: 60;

    max-width: none;
    margin: 22px 0 0;
    padding: 0 32px 48px;

    font-size: 14px;
  }
}


/* ============================================================
   16 — MOBILE 390px

   Approved M4 board:
   Label → H2 → Full-bleed image (300px)
   → Four observations → Medical note

   Description, caption and micro-label
   omitted from this board.
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-shell {
    padding: 32px 0 0;
  }

  /* Section label */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-topline {
    display: block;

    margin: 0;
    padding: 0 24px;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-section-subtitle {
    display: none;
  }

  /* Main */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-main {
    margin-top: 12px;
  }

  /* H2 */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-title {
    padding: 0 24px 20px;

    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
  }

  /* Long desktop introduction hidden on mobile. */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-description,
  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-list-label {
    display: none;
  }

  /* Full-bleed image */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-figure {
    width: 100%;
    margin: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-image {
    display: block;

    width: 100%;
    height: 300px;

    object-fit: cover;
    object-position: center 42%;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-caption {
    display: none;
  }

  /* Four observation lines */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations {
    display: block;

    margin: 20px 24px 0;
    padding: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations li {
    display: block;

    margin: 0;
    padding: 0;

    border: 0;

    color: var(--sa08-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
  }

  /* Medical note */

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-medical-note {
    margin: 12px 0 0;
    padding: 0 24px 28px;

    color: var(--sa08-warm);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.75;
  }
}


/* ============================================================
   17 — SMALL MOBILE 320px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-topline {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-title {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-image {
    height: 270px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations {
    margin-left: 20px;
    margin-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-observations li {
    font-size: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-2f3ee4b .sa08-medical-note {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* ============================================================
   END — SA08 EYE AREA v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81afc32 *//* ============================================================
   SITA CLINIC V2 — SA09 WITHIN HEALTHY AGING
   FULL SCOPED CSS — v1

   PAGE:
   /skin-aging/

   INSTALL:
   SA09 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-healthy-aging

   CSS CLASS:
   sita-skinaging-ha

   DESIGN SOURCE:
   SITA V2 - Skin Aging.dc.html

   QA:
   Desktop 1440px
   Mobile 390px

   NO IMAGE / NO JAVASCRIPT
   ============================================================ */


/* ============================================================
   01 — ROOT & DESIGN TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 {
  --sa09-primary: #BB6358;
  --sa09-deep: #723129;
  --sa09-warm: #9A614D;
  --sa09-ink: #2A2422;
  --sa09-body: #4A3D39;
  --sa09-white: #FFFFFF;
  --sa09-soft: #FBF4F0;

  --sa09-line: rgba(114, 49, 41, .14);
  --sa09-line-strong: rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 !important;

  background: var(--sa09-white);
  color: var(--sa09-ink);

  box-sizing: border-box;

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 *,
.elementor-7904 .elementor-element.elementor-element-81afc32 *::before,
.elementor-7904 .elementor-element.elementor-element-81afc32 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02 — ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-81afc32 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03 — SECTION SHELL
   1440px WIDTH / 88px GUTTERS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 0 88px 112px;

  background: var(--sa09-white);
}


/* ============================================================
   04 — SECTION SEPARATOR
   White to white after SA08.
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-frame {
  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 112px 0 0;

  border-top:
    1px solid var(--sa09-line-strong);
}


/* ============================================================
   05 — TOPLINE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0 0 18px;

  border-bottom:
    1px solid var(--sa09-line-strong);
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-section-label {
  display: block;

  color: var(--sa09-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-section-subtitle {
  display: block;

  color: var(--sa09-warm);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;

  letter-spacing: .06em;
  text-align: right;
}


/* ============================================================
   06 — MAIN EDITORIAL GRID 6:6

   Desktop:
     COPY         COMPARISON
     CTA          COMPARISON

   Tablet:
     COPY
     COMPARISON
     CTA
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-main {
  display: grid;

  grid-template-columns:
    minmax(0, 6fr)
    minmax(0, 6fr);

  grid-template-areas:
    "copy comparison"
    "cta  comparison";

  column-gap: 80px;
  row-gap: 40px;

  align-items: start;

  width: 100%;
  min-width: 0;

  margin: 56px 0 0;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-copy {
  grid-area: copy;

  width: 100%;
  min-width: 0;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-comparison {
  grid-area: comparison;

  width: 100%;
  min-width: 0;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta {
  grid-area: cta;
}


/* ============================================================
   07 — H2 TYPOGRAPHY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title {
  margin: 0;
  padding: 0;

  color: var(--sa09-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 44px !important;
  font-weight: 300 !important;

  line-height: 1.22 !important;
  letter-spacing: 0 !important;

  overflow-wrap: break-word;
  text-wrap: pretty;
}


/* ============================================================
   08 — INTRO PARAGRAPH
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-description {
  margin: 32px 0 0;
  padding: 0;

  color: var(--sa09-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}


/* ============================================================
   09 — SIX HEALTHY AGING CAPACITIES
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities {
  display: flex;

  flex-wrap: wrap;
  align-items: baseline;

  column-gap: 28px;
  row-gap: 10px;

  width: 100%;
  min-width: 0;

  margin: 24px 0 0;
  padding: 0;

  list-style: none;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li {
  display: list-item;

  margin: 0;
  padding: 0;

  color: var(--sa09-ink);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;

  list-style: none;
}


/* ============================================================
   10 — COMPARISON RAIL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-comparison {
  border-top:
    1px solid rgba(114, 49, 41, .35);
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question {
  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 32px 0;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-current {
  border-bottom:
    1px solid var(--sa09-line);
}


/* ============================================================
   11 — QUESTION LABEL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-label {
  margin: 0;
  padding: 0;

  color: var(--sa09-primary);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;

  letter-spacing: .16em;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-parent .sa09-question-label {
  color: var(--sa09-warm);
}


/* ============================================================
   12 — QUESTION TEXT
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-text {
  margin: 12px 0 0;
  padding: 0;

  color: var(--sa09-deep);

  font-family:
    'Anuphan',
    sans-serif;

  font-size: 28px;
  font-weight: 300;
  line-height: 1.4;

  overflow-wrap: break-word;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-parent .sa09-question-text {
  color: var(--sa09-ink);
}


/* ============================================================
   13 — PARENT PAGE OUTLINE CTA
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta,
.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta:visited {
  display: inline-flex;

  justify-content: center;
  align-items: center;

  gap: 7px;

  width: fit-content;
  max-width: 100%;
  min-height: 54px;

  margin: 0;
  padding: 0 28px;

  border: 1px solid var(--sa09-deep);
  border-radius: 3px;

  background: transparent;
  color: var(--sa09-deep);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;

  text-align: center;
  text-decoration: none;

  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta:hover {
  background: var(--sa09-deep);
  color: var(--sa09-white);

  border-color: var(--sa09-deep);
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta:focus-visible {
  outline: 2px solid var(--sa09-primary);
  outline-offset: 4px;
}

.elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta-arrow {
  display: inline-block;
  flex: none;
}


/* ============================================================
   14 — TABLET LANDSCAPE 769–1024px
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-shell {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 80px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-frame {
    padding-top: 80px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-main {
    column-gap: 40px;
    margin-top: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title {
    font-size: 36px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-description {
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities {
    column-gap: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li {
    font-size: 17px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-text {
    font-size: 24px;
  }

}


/* ============================================================
   15 — TABLET PORTRAIT <=768px
   Single column, complete content.
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-shell {
    padding: 0 32px 56px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-frame {
    padding-top: 56px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-topline {
    padding-bottom: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-main {
    grid-template-columns:
      minmax(0, 1fr);

    grid-template-areas:
      "copy"
      "comparison"
      "cta";

    gap: 28px;

    margin-top: 28px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title {
    font-size: 36px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title br {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-description {
    margin-top: 20px;

    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities {
    margin-top: 20px;
    gap: 8px 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li {
    font-size: 18px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question {
    padding: 22px 0;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-question-text {
    font-size: 24px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta {
    width: 100%;
    min-height: 54px;
  }

}


/* ============================================================
   16 — MOBILE 390px

   Follows the approved M4 visual board:

   Hairline separator
   Section label
   H2
   Six capacities
   Full-width outline CTA

   No image.
   ============================================================ */

@media (max-width: 600px) {

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-shell {
    padding: 0 24px 28px;
  }

  /* TOP SEPARATOR */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-frame {
    padding-top: 28px;
  }

  /* SECTION LABEL */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-topline {
    display: block;

    padding: 0;
    margin: 0;

    border-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-section-label {
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-section-subtitle {
    display: none;
  }

  /* MAIN STACK */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-main {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr);

    grid-template-areas:
      "copy"
      "cta";

    gap: 0;

    margin-top: 12px;
  }

  /* HEADING */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title {
    font-size: 26px !important;
    font-weight: 300 !important;

    line-height: 1.3 !important;
    letter-spacing: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title br {
    display: none;
  }

  /* MOBILE BOARD USES SHORTENED CONTENT */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-description {
    display: none;
  }

  /* CAPACITIES JOINED BY MIDDOTS */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities {
    display: block;

    width: 100%;

    margin: 14px 0 0;
    padding: 0;

    font-size: 14px;
    line-height: 1.9;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li {
    display: inline;

    margin: 0;
    padding: 0;

    color: var(--sa09-body);

    font-family:
      'Noto Sans Thai',
      'Noto Sans',
      sans-serif;

    font-size: 14px;
    font-weight: 300;
    line-height: 1.9;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li:not(:last-child)::after {
    content: " · ";
    color: var(--sa09-warm);
  }

  /* OMIT COMPARISON IN COMPACT MOBILE BOARD */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-comparison {
    display: none;
  }

  /* FULL-WIDTH OUTLINE LINK */

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta,
  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta:visited {
    display: flex;

    grid-area: cta;

    justify-content: center;
    align-items: center;

    width: 100%;
    min-height: 52px;

    margin-top: 18px;
    padding: 10px 14px;

    background: transparent;
    color: var(--sa09-deep);

    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;

    text-align: center;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta-arrow {
    display: none;
  }

}


/* ============================================================
   17 — SMALL MOBILE <=360px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-title {
    font-size: 24px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-capacities li {
    font-size: 13px;
  }

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta {
    font-size: 14px;
  }

}


/* ============================================================
   18 — REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-81afc32 .sa09-cta {
    transition: none;
  }

}


/* ============================================================
   END — SA09 FULL SCOPED CSS v1
   ============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-719a3f7 *//* ============================================================
   SITA CLINIC V2 — SA10 FINAL CTA
   FULL SCOPED CSS — v1

   PAGE: /skin-aging/

   WHERE:
   SA10 Parent Container > Advanced > Custom CSS

   CSS ID:
   skin-aging-final

   CSS CLASS:
   sita-skinaging-final

   SURFACE:
   WARM #FBF4F0 — APPROVED DEFAULT

   SCREENSHOT QA:
   1440px / 390px
   ============================================================ */


/* ============================================================
   01 — ROOT / DESIGN TOKENS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 {
  --sa10-primary: #BB6358;
  --sa10-deep: #723129;
  --sa10-warm: #9A614D;
  --sa10-ink: #2A2422;
  --sa10-body: #4A3D39;
  --sa10-soft: #FBF4F0;
  --sa10-white: #FFFFFF;

  --sa10-line: rgba(114, 49, 41, .14);
  --sa10-line-strong: rgba(114, 49, 41, .25);

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  background: var(--sa10-soft);
  color: var(--sa10-ink);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  box-sizing: border-box;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 *,
.elementor-7904 .elementor-element.elementor-element-719a3f7 *::before,
.elementor-7904 .elementor-element.elementor-element-719a3f7 *::after {
  box-sizing: border-box;
}


/* ============================================================
   02 — ELEMENTOR NORMALIZATION
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 > .e-con-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .elementor-widget-html,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .elementor-widget-html > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ============================================================
   03 — MAIN SECTION SHELL
   DESKTOP 1440px / 88px GUTTERS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;

  margin: 0 auto;
  padding: 112px 88px;

  background: var(--sa10-soft);
}


/* ============================================================
   04 — DESKTOP EDITORIAL GRID 7:5
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-main {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 88px;

  align-items: end;

  width: 100%;
  min-width: 0;
}


/* ============================================================
   05 — LEFT CONTENT
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-copy {
  width: 100%;
  min-width: 0;
}


/* ============================================================
   06 — SECTION LABEL
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow {
  display: flex;

  flex-wrap: wrap;
  align-items: baseline;

  gap: 8px;

  width: 100%;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow-th {
  color: var(--sa10-primary);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow-en {
  color: var(--sa10-warm);

  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;

  letter-spacing: .14em;
}


/* ============================================================
   07 — MAIN H2
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title {
  margin: 24px 0 0;
  padding: 0;

  color: var(--sa10-ink);

  font-family:
    'Anuphan',
    sans-serif !important;

  font-size: 48px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;

  letter-spacing: 0 !important;

  overflow-wrap: break-word;
}


/* ============================================================
   08 — SUPPORTING COPY
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description {
  width: 100%;
  max-width: 680px;

  margin-top: 28px;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description p {
  margin: 0;
  padding: 0;

  color: var(--sa10-body);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description p + p {
  margin-top: 14px;
}


/* ============================================================
   09 — CTA GROUP
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-actions {
  display: flex;

  flex-wrap: wrap;
  align-items: center;

  gap: 20px;

  width: 100%;
  min-width: 0;

  margin-top: 44px;
}


/* ============================================================
   10 — SHARED BUTTON STYLE
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 54px;
  min-width: 0;

  padding: 10px 30px;

  border-radius: 3px;

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;

  text-align: center;
  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


/* ============================================================
   11 — PRIMARY CTA
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-primary,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-primary:visited {
  border: 1px solid var(--sa10-deep);

  background: var(--sa10-deep);
  color: var(--sa10-white);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-primary:hover {
  background: var(--sa10-primary);
  border-color: var(--sa10-primary);
  color: var(--sa10-white);
}


/* ============================================================
   12 — SECONDARY CTA
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-secondary,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-secondary:visited {
  padding-left: 26px;
  padding-right: 26px;

  border: 1px solid var(--sa10-deep);

  background: transparent;
  color: var(--sa10-deep);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-secondary:hover {
  background: rgba(114, 49, 41, .06);
  color: var(--sa10-deep);
}


/* ============================================================
   13 — TERTIARY TEXT LINK
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary:visited {
  width: auto;
  min-height: auto;

  margin-left: 8px;
  padding: 0 0 3px;

  border: 0;
  border-bottom:
    1px solid rgba(114, 49, 41, .35);

  border-radius: 0;

  background: transparent;
  color: var(--sa10-deep);

  font-weight: 400;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary:hover {
  border-bottom-color: var(--sa10-primary);
  color: var(--sa10-primary);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta:focus-visible {
  outline: 2px solid var(--sa10-primary);
  outline-offset: 4px;
}


/* ============================================================
   14 — RIGHT CONTACT COLUMN
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact {
  align-self: end;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 28px 0 0;

  border-top:
    1px solid var(--sa10-line-strong);

  font-style: normal;
}


/* ============================================================
   15 — CONTACT HEADING
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-title {
  margin: 0;
  padding: 0;

  color: var(--sa10-warm);

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;

  letter-spacing: .16em;
}


/* ============================================================
   16 — CONTACT DETAIL LIST
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-list {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr);

  gap: 4px;

  width: 100%;
  min-width: 0;

  margin: 20px 0 0;
  padding: 0;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row {
  display: grid;

  grid-template-columns:
    80px minmax(0, 1fr);

  gap: 16px;

  align-items: baseline;

  width: 100%;
  min-width: 0;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dt,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
  margin: 0;
  padding: 0;

  font-family:
    'Noto Sans Thai',
    'Noto Sans',
    sans-serif;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.9;
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dt {
  color: var(--sa10-warm);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
  min-width: 0;
  color: var(--sa10-ink);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-hours-mobile {
  display: none;
}


/* ============================================================
   17 — PHONE / LINE LINKS
   ============================================================ */

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row a,
.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row a:visited {
  color: var(--sa10-deep);

  font-size: inherit;
  font-weight: 400;
  line-height: inherit;

  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, .30);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row a:hover {
  color: var(--sa10-primary);
  border-bottom-color: var(--sa10-primary);
}

.elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row a:focus-visible {
  outline: 2px solid var(--sa10-primary);
  outline-offset: 3px;
}


/* ============================================================
   18 — TABLET LANDSCAPE 769–1024px
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-shell {
    padding: 80px 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-main {
    gap: 40px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title {
    font-size: 40px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description p {
    font-size: 16px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-actions {
    gap: 12px;
    margin-top: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta {
    min-height: 52px;
    padding: 10px 20px;
    font-size: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary {
    margin-left: 0;
    padding: 0 0 3px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row {
    grid-template-columns:
      62px minmax(0, 1fr);

    gap: 10px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dt,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
    font-size: 15px;
  }

}


/* ============================================================
   19 — TABLET PORTRAIT <=768px
   ============================================================ */

@media (max-width: 768px) {

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-shell {
    padding: 56px 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-main {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr);

    gap: 36px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title {
    font-size: 38px !important;
    line-height: 1.25 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description p {
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-actions {
    gap: 14px;
    margin-top: 32px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta {
    padding: 10px 22px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary {
    margin-left: 0;
    padding: 0 0 3px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact {
    align-self: auto;
  }

}


/* ============================================================
   20 — MOBILE 390px

   APPROVED M4 BOARD:

   - Warm surface
   - Section label
   - 28px H2
   - Primary CTA full width
   - Secondary CTA full width
   - Tertiary link full width
   - Contact info in rows

   Descriptive paragraphs and location omitted
   from compact mobile board.
   ============================================================ */

@media (max-width: 600px) {

  /* SECTION */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-shell {
    padding: 32px 24px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-main {
    display: block;
  }


  /* LABEL */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow {
    display: block;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow-th {
    display: block;
    font-size: 11px;
    line-height: 1.6;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-eyebrow-en {
    display: none;
  }


  /* HEADING */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title {
    margin-top: 12px;

    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title br {
    display: none;
  }


  /* COMPACT MOBILE BOARD */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-description {
    display: none;
  }


  /* THREE FULL-WIDTH CTA ROWS */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-actions {
    display: flex;

    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;

    gap: 0;

    width: 100%;
    margin-top: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta:visited {
    display: flex;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    justify-content: center;
    align-items: center;

    margin-left: 0;

    font-size: 15px;
    font-weight: 500;
    text-align: center;
  }


  /* PRIMARY: 54px */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-primary,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-primary:visited {
    min-height: 54px;
    padding: 10px 16px;

    background: var(--sa10-deep);
    color: var(--sa10-white);

    border: 1px solid var(--sa10-deep);
    border-radius: 3px;
  }


  /* SECONDARY: 52px */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-secondary,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-secondary:visited {
    min-height: 52px;

    margin-top: 12px;
    padding: 10px 16px;

    background: transparent;
    color: var(--sa10-deep);

    border: 1px solid var(--sa10-deep);
    border-radius: 3px;
  }


  /* TERTIARY: 48px */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta-tertiary:visited {
    min-height: 48px;

    margin-top: 4px;
    padding: 10px 16px;

    background: transparent;
    color: var(--sa10-deep);

    border: 0;
    border-radius: 0;

    text-decoration: none;
  }


  /* CONTACT BELOW ACTIONS */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact {
    width: 100%;

    margin-top: 12px;
    padding-top: 0;

    border: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-title {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-list {
    display: block;

    margin: 0;
    padding: 0;

    border-top:
      1px solid var(--sa10-line-strong);
  }


  /* MOBILE CONTACT ROWS */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr) auto;

    gap: 12px;
    align-items: center;

    min-height: 48px;

    padding: 12px 0;

    border-bottom:
      1px solid var(--sa10-line);
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row:last-child {
    border-bottom: 0;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dt,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
    font-size: 14px;
    line-height: 1.7;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
    text-align: right;
    overflow-wrap: anywhere;
  }


  /* HOURS LABEL */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-hours-desktop {
    display: none;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-hours-mobile {
    display: inline;
  }


  /* LOCATION OMITTED FROM MOBILE BOARD */

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row-location {
    display: none;
  }

}


/* ============================================================
   21 — SMALL MOBILE <=360px
   ============================================================ */

@media (max-width: 360px) {

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-title {
    font-size: 26px !important;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta {
    font-size: 14px;
  }

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dt,
  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-contact-row dd {
    font-size: 13px;
  }

}


/* ============================================================
   22 — REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .elementor-7904 .elementor-element.elementor-element-719a3f7 .sa10-cta {
    transition: none;
  }

}


/* ============================================================
   END — SA10 FINAL CTA v1
   ============================================================ *//* End custom CSS */