.elementor-7283 .elementor-element.elementor-element-dc79c8e{--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;--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-7283 .elementor-element.elementor-element-dc79c8e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-11aad9e{--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-7283 .elementor-element.elementor-element-9f27859{--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-7283 .elementor-element.elementor-element-9f27859.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-9db5d24 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-7283 .elementor-element.elementor-element-9db5d24{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-7283 .elementor-element.elementor-element-eefce45 > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-7283 .elementor-element.elementor-element-eefce45{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-7283 .elementor-element.elementor-element-e6e30ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-e6e30ef .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:83px;font-weight:200;line-height:1.03em;letter-spacing:-1.3px;color:var( --e-global-color-6944309 );}.elementor-7283 .elementor-element.elementor-element-a8cdb60{width:var( --container-widget-width, 576px );max-width:576px;--container-widget-width:576px;--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-7283 .elementor-element.elementor-element-a8cdb60 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-a8cdb60.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-392bc93{width:var( --container-widget-width, 576px );max-width:576px;--container-widget-width:576px;--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-7283 .elementor-element.elementor-element-392bc93 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-392bc93.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-8c9bbd3{--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-7283 .elementor-element.elementor-element-e2c3fcd .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-7283 .elementor-element.elementor-element-befcf8d .elementor-button{background-color:#02010100;font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:400;line-height:28px;fill:var( --e-global-color-c85b781 );color:var( --e-global-color-c85b781 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-ac7e4ed );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-befcf8d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-67ca26d > .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-7283 .elementor-element.elementor-element-67ca26d{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7283 .elementor-element.elementor-element-5aca7df{--display:flex;--min-height:737px;--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-7283 .elementor-element.elementor-element-50d12ad{--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-7283 .elementor-element.elementor-element-50d12ad:not(.elementor-motion-effects-element-type-background), .elementor-7283 .elementor-element.elementor-element-50d12ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4057795 );}body:not(.rtl) .elementor-7283 .elementor-element.elementor-element-50d12ad{left:64px;}body.rtl .elementor-7283 .elementor-element.elementor-element-50d12ad{right:64px;}.elementor-7283 .elementor-element.elementor-element-f285227{--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-7283 .elementor-element.elementor-element-f285227:not(.elementor-motion-effects-element-type-background), .elementor-7283 .elementor-element.elementor-element-f285227 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEEA;background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/10/adult-acne-acne-marks-sita-clinic.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7283 .elementor-element.elementor-element-f285227.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-7283 .elementor-element.elementor-element-f285227{left:0px;}body.rtl .elementor-7283 .elementor-element.elementor-element-f285227{right:0px;}.elementor-7283 .elementor-element.elementor-element-4922587{width:var( --container-widget-width, 576px );max-width:576px;--container-widget-width:576px;--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-7283 .elementor-element.elementor-element-4922587 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-4922587.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-8c02ece > .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-7283 .elementor-element.elementor-element-8c02ece{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7283 .elementor-element.elementor-element-3900090{--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-7283 .elementor-element.elementor-element-c78572c{--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-7283 .elementor-element.elementor-element-04f9e8a{--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-7283 .elementor-element.elementor-element-14b4f32{--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-7283 .elementor-element.elementor-element-01bd4c9{--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-7283 .elementor-element.elementor-element-10761e8{--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-7283 .elementor-element.elementor-element-f6e6ab7{--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-7283 .elementor-element.elementor-element-df796b5{--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-7283 .elementor-element.elementor-element-768e079{--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-7283 .elementor-element.elementor-element-ad33953{--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-7283 .elementor-element.elementor-element-dc79c8e{--width:106.657%;}.elementor-7283 .elementor-element.elementor-element-11aad9e{--content-width:1264px;}.elementor-7283 .elementor-element.elementor-element-9f27859{--width:55.01%;}.elementor-7283 .elementor-element.elementor-element-5aca7df{--width:39.29%;}.elementor-7283 .elementor-element.elementor-element-50d12ad{--width:520px;}.elementor-7283 .elementor-element.elementor-element-f285227{--width:496px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7283 .elementor-element.elementor-element-9f27859{--width:50%;}.elementor-7283 .elementor-element.elementor-element-8c9bbd3{--width:100%;}.elementor-7283 .elementor-element.elementor-element-5aca7df{--width:47.88%;}.elementor-7283 .elementor-element.elementor-element-50d12ad{--width:340px;}.elementor-7283 .elementor-element.elementor-element-f285227{--width:340px;}}@media(max-width:1024px){.elementor-7283 .elementor-element.elementor-element-11aad9e{--justify-content:flex-start;--padding-top:56px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-7283 .elementor-element.elementor-element-11aad9e.e-con{--align-self:flex-start;}.elementor-7283 .elementor-element.elementor-element-9f27859{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-7283 .elementor-element.elementor-element-9db5d24 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7283 .elementor-element.elementor-element-9db5d24{font-size:11px;letter-spacing:1.8px;}.elementor-7283 .elementor-element.elementor-element-eefce45 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7283 .elementor-element.elementor-element-eefce45{font-size:11px;line-height:1.6em;letter-spacing:1.8px;}.elementor-7283 .elementor-element.elementor-element-e6e30ef .elementor-heading-title{font-size:56px;line-height:1.04em;}.elementor-7283 .elementor-element.elementor-element-a8cdb60 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-a8cdb60{font-size:16px;}.elementor-7283 .elementor-element.elementor-element-392bc93 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-392bc93{font-size:16px;}.elementor-7283 .elementor-element.elementor-element-8c9bbd3{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7283 .elementor-element.elementor-element-e2c3fcd{width:auto;max-width:auto;}.elementor-7283 .elementor-element.elementor-element-e2c3fcd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-e2c3fcd .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7283 .elementor-element.elementor-element-befcf8d{width:auto;max-width:auto;}.elementor-7283 .elementor-element.elementor-element-befcf8d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-befcf8d .elementor-button{font-size:14px;}.elementor-7283 .elementor-element.elementor-element-67ca26d > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-67ca26d{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7283 .elementor-element.elementor-element-5aca7df{--min-height:841px;}.elementor-7283 .elementor-element.elementor-element-5aca7df.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7283 .elementor-element.elementor-element-50d12ad{--min-height:400px;top:40px;}body:not(.rtl) .elementor-7283 .elementor-element.elementor-element-50d12ad{left:40px;}body.rtl .elementor-7283 .elementor-element.elementor-element-50d12ad{right:40px;}.elementor-7283 .elementor-element.elementor-element-f285227{--min-height:400px;top:0px;}body:not(.rtl) .elementor-7283 .elementor-element.elementor-element-f285227{left:0px;}body.rtl .elementor-7283 .elementor-element.elementor-element-f285227{right:0px;}.elementor-7283 .elementor-element.elementor-element-4922587 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-4922587{font-size:16px;}.elementor-7283 .elementor-element.elementor-element-8c02ece > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-8c02ece{line-height:1.3em;letter-spacing:-0.3px;}}@media(max-width:767px){.elementor-7283 .elementor-element.elementor-element-11aad9e{--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-7283 .elementor-element.elementor-element-9f27859{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7283 .elementor-element.elementor-element-9db5d24 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-9db5d24{line-height:1.4em;}.elementor-7283 .elementor-element.elementor-element-eefce45 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-eefce45.elementor-element{--order:2;}.elementor-7283 .elementor-element.elementor-element-eefce45{line-height:1.4em;}.elementor-7283 .elementor-element.elementor-element-e6e30ef > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-e6e30ef.elementor-element{--order:3;}.elementor-7283 .elementor-element.elementor-element-e6e30ef .elementor-heading-title{font-size:36px;letter-spacing:-0.7px;}.elementor-7283 .elementor-element.elementor-element-a8cdb60 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-a8cdb60{font-size:15px;line-height:1.75em;}.elementor-7283 .elementor-element.elementor-element-392bc93 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-392bc93{font-size:15px;line-height:1.75em;}.elementor-7283 .elementor-element.elementor-element-8c9bbd3{--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-7283 .elementor-element.elementor-element-e2c3fcd{width:100%;max-width:100%;}.elementor-7283 .elementor-element.elementor-element-e2c3fcd .elementor-button{padding:16px 20px 16px 20px;}.elementor-7283 .elementor-element.elementor-element-befcf8d > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-5aca7df{--min-height:473px;}.elementor-7283 .elementor-element.elementor-element-4922587 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-4922587.elementor-element{--order:7;}.elementor-7283 .elementor-element.elementor-element-4922587{font-size:15px;line-height:1.75em;}.elementor-7283 .elementor-element.elementor-element-8c02ece > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7283 .elementor-element.elementor-element-8c02ece.elementor-element{--order:8;}}/* Start custom CSS for button, class: .elementor-element-e2c3fcd */.elementor-7283 .elementor-element.elementor-element-e2c3fcd .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11aad9e *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC01 / ACNE HERO

   COMPLETE RESPONSIVE PRODUCTION CSS

   STRUCTURE:
   - Desktop layout remains controlled by Elementor.
   - Desktop Standfirst + Meta are reused through tablet.
   - Mobile <=600 uses dedicated duplicate widgets
     placed AFTER Hero — Visual in the DOM.
   - No Custom Order required.
   ========================================================= */


/* =========================================================
   BASE
   Hide mobile-only duplicate content by default
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst-mobile,
.elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta-mobile {
  display: none !important;
}


/* =========================================================
   TABLET LANDSCAPE
   769px–1024px
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__inner,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__visual {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <=768px

   Switch Hero to vertical layout.
   ========================================================= */

@media (max-width: 768px) {

  /* -----------------------------------------
     1. OUTER HERO
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e {
    position: relative !important;

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

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

    overflow-x: clip !important;
    overflow-y: visible !important;
  }


  /* -----------------------------------------
     2. ELEMENTOR WRAPPER
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

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

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

    overflow: visible !important;
  }


  /* -----------------------------------------
     3. HERO CONTENT PARENT
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    position: relative !important;

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

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

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

    margin: 0 !important;

    overflow: visible !important;
  }


  /* -----------------------------------------
     4. RESET ALL OLD ORDER EXPERIMENTS
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__eyebrow,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__title,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__instruction,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__visual,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst-mobile,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta-mobile {
    order: initial !important;
  }


  /* -----------------------------------------
     5. TEXT WIDTH NORMALIZATION
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__eyebrow,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__title,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__instruction,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* -----------------------------------------
     6. CTA GROUP
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;

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

    gap: 12px !important;
  }

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions .elementor-button-wrapper {
    width: 100% !important;
  }

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions .elementor-button {
    display: flex !important;

    width: 100% !important;
    min-height: 54px !important;

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

    margin: 0 !important;
  }


  /* -----------------------------------------
     7. HERO VISUAL
     Tablet gutter = 40px
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__visual {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: calc(100% + 80px) !important;
    max-width: none !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

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

    margin-top: 32px !important;
    margin-right: -40px !important;
    margin-bottom: 0 !important;
    margin-left: -40px !important;

    padding: 0 !important;

    transform: none !important;

    overflow: hidden !important;
  }


  /* -----------------------------------------
     8. OFFSET PANEL
     Desktop / landscape only
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__visual-panel {
    display: none !important;
  }


  /* -----------------------------------------
     9. HERO PORTRAIT
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__portrait {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

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

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

    aspect-ratio: 4 / 3 !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

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

    overflow: hidden !important;
  }

}


/* =========================================================
   TABLET PORTRAIT
   601px–768px

   Keep the two CTAs side by side.
   Desktop Standfirst / Meta remain in use.
   ========================================================= */

@media (min-width: 601px) and (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;

    gap: 12px !important;
  }

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions > .elementor-element {
    flex: 1 1 0 !important;

    width: auto !important;
    max-width: none !important;
  }

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions .elementor-button-wrapper,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions .elementor-button {
    width: 100% !important;
  }

}


/* =========================================================
   MOBILE
   <=600px

   DOM FLOW:
   Breadcrumb
   Eyebrow
   H1
   [Desktop Standfirst hidden]
   Instruction
   Actions
   [Desktop Meta hidden]
   Visual
   Standfirst Mobile
   Meta Mobile
   ========================================================= */

@media (max-width: 600px) {

  /* -----------------------------------------
     1. CTA STACK
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;
  }


  /* -----------------------------------------
     2. HIDE DESKTOP COPIES
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta {
    display: none !important;
  }


  /* -----------------------------------------
     3. SHOW MOBILE COPIES
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst-mobile,
  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta-mobile {
    display: block !important;

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

    order: initial !important;
  }


  /* -----------------------------------------
     4. FULL-BLEED HERO VISUAL

     Mobile gutter = 24px
     breakout = 48px
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__visual {
    width: calc(100% + 48px) !important;
    max-width: none !important;

    margin-top: 26px !important;
    margin-right: -24px !important;
    margin-bottom: 0 !important;
    margin-left: -24px !important;
  }


  /* -----------------------------------------
     5. MOBILE STANDFIRST
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__standfirst-mobile {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }


  /* -----------------------------------------
     6. MOBILE META / DISCLAIMER
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-11aad9e .sita-acne-hero__meta-mobile {
    margin-top: 26px !important;
    padding-top: 18px !important;

    border-top: 1px solid rgba(114, 49, 41, 0.14) !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3900090 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC02 — ONE WORD, DIFFERENT STATES
   #acne-context
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-3900090 {
  background: #FBF4F0;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label,
.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label-en {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .20em;
  color: #9A614D;
}


/* =========================================================
   H2
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__title {
  max-width: 980px;

  margin: 28px 0 0;

  font-family: "Anuphan", sans-serif;
  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}


/* =========================================================
   WORD BAND
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-band {
  margin-top: 56px;
  padding: 36px 0 32px;

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

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__words {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 40px;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word {
  min-width: 0;

  font-family: "Anuphan", sans-serif;
  font-size: 60px;
  line-height: 1;
  font-weight: 200;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-caption {
  margin: 22px 0 0;

  font-family: "Noto Sans Thai", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 300;

  color: #4A3D39;
}


/* =========================================================
   EXPLANATION — 5:7
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__explanation {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 72px;
  align-items: start;

  margin-top: 48px;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__lead p {
  margin: 0;

  font-family: "Anuphan", sans-serif;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 300;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body p {
  margin-left: 0;
  margin-right: 0;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body-primary {
  margin-top: 0;

  font-family: "Noto Sans Thai", sans-serif;
  font-size: 18px;
  line-height: 1.85;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body-secondary {
  margin-top: 18px;
  margin-bottom: 0;

  font-family: "Noto Sans Thai", sans-serif;
  font-size: 17px;
  line-height: 1.85;
  font-weight: 300;

  color: #4A3D39;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-3900090 {
    padding: 88px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__title {
    max-width: 820px;
    font-size: 42px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-band {
    margin-top: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__words {
    gap: 0 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word {
    font-size: 46px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__explanation {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__lead p {
    font-size: 27px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-3900090 {
    padding: 64px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__header {
    align-items: flex-start;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__title {
    max-width: 100%;
    margin-top: 18px;

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

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__desktop-break {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-band {
    margin-top: 30px;
    padding: 26px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__words {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word {
    font-size: 38px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-caption {
    margin-top: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__explanation {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;

    margin-top: 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__lead p {
    font-size: 24px;
    line-height: 1.5;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body-primary {
    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body-secondary {
    font-size: 16px;
  }

}


/* =========================================================
   MOBILE
   <=600
   Source 390 composition
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-3900090 {
    padding: 36px 24px 30px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__title {
    margin-top: 14px;

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

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-band {
    margin-top: 20px;
    padding: 18px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__words {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word {
    font-size: 32px;
  }

  /*
   * Mobile source keeps the four-word field
   * but removes this explanatory caption.
   */
  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__word-caption {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__explanation {
    display: block;
    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__lead p {
    font-size: 19px;
    line-height: 1.5;
  }

  /*
   * AC02 mobile composition is intentionally compressed.
   * Detailed explanation remains on larger breakpoints.
   */
  .elementor-7283 .elementor-element.elementor-element-3900090 .sita-acne-context__body {
    display: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c78572c *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC03 — THREE STATES
   #acne-three-states
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c {
  background: #fff;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .20em;
  color: #9A614D;
}


/* =========================================================
   INTRO — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__intro {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: end;

  margin-top: 28px;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title {
  margin: 0;

  font-family: "Anuphan", sans-serif;
  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__standfirst {
  max-width: 600px;

  margin: 28px 0 0;

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

  color: #4A3D39;
}


/* =========================================================
   A02 — SKIN CONTEXT IMAGE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__image {
  display: block;

  width: 100%;
  aspect-ratio: 4 / 3;

  margin: 0;
  padding: 0;

  overflow: hidden;
  background: #F6EDE8;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__image img {
  display: block;

  width: 100%;
  height: 100%;

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


/* =========================================================
   DESKTOP MATRIX
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__matrix {
  display: grid;
  grid-template-columns: 170px repeat(3, minmax(0, 1fr));
  gap: 0 40px;

  margin-top: 64px;

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

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-head {
  padding: 32px 0 24px;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__number {
  display: block;

  font-family: "Anuphan", sans-serif;
  font-size: 30px;
  line-height: 1;
  font-weight: 200;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-head h3 {
  margin: 14px 0 0;

  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-en {
  display: block;

  margin-top: 6px;

  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .16em;

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__row-label {
  padding: 22px 0;

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

  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .14em;
  font-weight: 600;

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__cell {
  margin: 0;
  padding: 22px 0;

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

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

  color: #4A3D39;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__definition {
  font-size: 17px;
  color: #2A2422;
}


/* =========================================================
   TABLET / MOBILE ALTERNATES
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-states,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-states {
  display: none;
}


/* =========================================================
   PERMISSION
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: center;

  margin-top: 48px;
  padding-top: 32px;

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

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission p {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-primary {
  font-family: "Anuphan", sans-serif;
  font-size: 26px;
  line-height: 1.45;
  font-weight: 300;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-secondary {
  font-size: 15px;
  line-height: 1.8;
  font-weight: 300;

  color: #9A614D;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   Keep three states side by side.
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-c78572c {
    padding: 88px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__intro {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__standfirst {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__image {
    aspect-ratio: 4 / 3;
  }


  /*
   * At 1024 the 170px row-label column disappears.
   * Each state carries its own labels.
   */
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__matrix {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-states {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 28px;

    margin-top: 48px;

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

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state {
    min-width: 0;
    padding-top: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state h3 {
    margin: 8px 0 0;

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

    color: #723129;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state
  .sita-acne-three-states__number {
    font-size: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-label {
    margin-top: 16px;
    padding-top: 14px;

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

    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .14em;
    font-weight: 600;

    color: #9A614D;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state p {
    margin: 6px 0 0;

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

    color: #2A2422;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state
  .sita-acne-three-states__tablet-secondary {
    font-size: 14px;
    color: #4A3D39;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-primary {
    font-size: 23px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <=768
   Single-column switch.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-c78572c {
    padding: 56px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__intro {
    display: block;
    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title br {
    display: none;
  }

  /*
   * Source transition layout removes the intro image
   * and long standfirst at <=768.
   */
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__standfirst,
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__image,
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__matrix,
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-states {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-states {
    display: block;

    margin-top: 24px;

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

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0 16px;

    padding: 22px 0;

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

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state:last-child {
    border-bottom: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state
  .sita-acne-three-states__number {
    font-size: 24px;
    line-height: 1.2;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state h3 {
    margin: 0;

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

    color: #723129;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state p {
    margin: 8px 0 0;

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

    color: #2A2422;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission {
    display: block;

    margin-top: 24px;
    padding-top: 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-primary {
    font-size: 21px;
    line-height: 1.5;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-secondary {
    margin-top: 14px;

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

}


/* =========================================================
   MOBILE
   <=600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-c78572c {
    padding: 34px 24px 36px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__intro {
    margin-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title {
    font-size: 26px;
    line-height: 1.28;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-states {
    margin-top: 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0 12px;

    padding: 18px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state
  .sita-acne-three-states__number {
    font-size: 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state h3 {
    font-size: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state p {
    margin-top: 8px;

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

  /*
   * Mobile source keeps the permission line,
   * but removes the longer self-assessment explanation.
   */
  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission {
    margin-top: 18px;
    padding-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-primary {
    font-size: 18px;
    line-height: 1.5;
  }

  .elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-secondary {
    display: none;
  }

}
/* =========================================================
   AC03 — TYPOGRAPHY LOCK
   SITA V2 font system
   ========================================================= */


/* -----------------------------------------
   DISPLAY / HEADINGS
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__title,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__number,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-head h3,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state h3,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state h3,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-primary {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif !important;
  font-synthesis: none;
}


/* -----------------------------------------
   H3 — EDITORIAL, NOT BOLD UI
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-head h3 {
  font-weight: 400 !important;
}

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state h3,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state h3 {
  font-weight: 400 !important;
}


/* -----------------------------------------
   BODY / LABELS
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__section-label-en,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-en,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__row-label,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__cell,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__standfirst,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-label,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state p,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state p,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-secondary {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif !important;
  font-synthesis: none;
}


/* -----------------------------------------
   BODY WEIGHT LOCK
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__cell,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__standfirst,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__tablet-state p,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__mobile-state p,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__permission-secondary {
  font-weight: 300 !important;
}


/* -----------------------------------------
   SMALL LABELS
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__row-label,
.elementor-7283 .elementor-element.elementor-element-c78572c .sita-acne-three-states__state-label {
  font-weight: 600 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04f9e8a *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC04 — ACTIVE ACNE + REAL SKIN CONTEXT
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a {
  background: #FBF4F0;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__number {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label-en,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__lead,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__body,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__note,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label,
.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   MAIN LAYOUT

   Desktop:
   main copy 7fr
   real-skin visual 5fr

   Note remains under copy.
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__layout {
  display: grid;

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

  grid-template-areas:
    "main visual"
    "note visual";

  column-gap: 72px;

  align-items: start;

  margin-top: 28px;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__main {
  grid-area: main;
  min-width: 0;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual {
  grid-area: visual;
  min-width: 0;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__note {
  grid-area: note;
}


/* =========================================================
   TITLE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title {
  margin: 0;

  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}


/* =========================================================
   COPY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__lead {
  max-width: 640px;

  margin: 36px 0 0;

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

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__body {
  max-width: 640px;

  margin: 18px 0 0;

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

  color: #4A3D39;
}


/* =========================================================
   REAL SKIN VISUAL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual {
  width: 100%;

  aspect-ratio: 4 / 5;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #F3E9E4;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  /*
   * Slightly favour upper face.
   * Works well with supplied portrait.
   */
  object-position: center 42%;
}


/* =========================================================
   BOUNDARY NOTE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__note {
  max-width: 640px;

  margin: 40px 0 0;
  padding-top: 22px;

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

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

  color: #9A614D;
}


/* =========================================================
   CONSIDERATIONS
   Now becomes a quiet editorial band below the image/copy.
   Not cards.
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations {
  margin-top: 56px;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations h3 {
  margin: 0;

  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;

  color: #723129;
}


/* =========================================================
   5-COLUMN EDITORIAL LIST
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list {
  display: grid;

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

  gap: 0 32px;

  list-style: none;

  margin: 14px 0 0;
  padding: 0;

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

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list li {
  display: block;

  min-width: 0;

  padding: 22px 0 20px;

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

  font-size: 16px;
  line-height: 1.65;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__number {
  display: block;

  margin-bottom: 12px;

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

  color: #BB6358;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-04f9e8a {
    padding: 80px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__layout {
    column-gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__lead {
    margin-top: 28px;

    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__body {
    font-size: 16px;
  }


  /* Image slightly shorter on tablet */
  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual {
    aspect-ratio: 4 / 5;
  }


  /* 3 + 2 rhythm instead of squeezing 5 columns */
  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    gap: 0 32px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-04f9e8a {
    padding: 52px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label-en {
    display: none;
  }


  /* -----------------------------------------
     Single-column flow
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__layout {
    grid-template-columns: minmax(0, 1fr);

    grid-template-areas:
      "main"
      "visual"
      "note";

    column-gap: 0;

    margin-top: 16px;
  }


  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__lead {
    margin-top: 24px;

    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__body {
    font-size: 16px;
  }


  /* -----------------------------------------
     Image becomes editorial horizontal crop
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual {
    aspect-ratio: 4 / 3;

    margin-top: 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual img {
    object-position: center 38%;
  }


  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__note {
    margin-top: 28px;
  }


  /* -----------------------------------------
     Factors stack
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations {
    margin-top: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list {
    grid-template-columns: minmax(0, 1fr);

    gap: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list li {
    display: grid;

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

    gap: 14px;

    padding: 16px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__number {
    margin-bottom: 0;
  }

}


/* =========================================================
   MOBILE
   <=600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-04f9e8a {
    padding: 36px 24px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__section-label {
    font-size: 12px;
  }


  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__layout {
    margin-top: 14px;
  }


  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__title {
    font-size: 25px;
    line-height: 1.3;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__lead {
    margin-top: 18px;

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

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__body {
    margin-top: 14px;

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


  /* -----------------------------------------
     REAL SKIN — FULL BLEED 4:3
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual {
    position: relative;

    left: -24px;

    width: calc(100% + 48px);
    max-width: none;

    aspect-ratio: 4 / 3;

    margin-top: 26px;

    overflow: hidden;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__visual img {
    width: 100%;
    height: 100%;

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


  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__note {
    margin-top: 24px;
    padding-top: 18px;

    font-size: 14px;
  }


  /* -----------------------------------------
     Considerations
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations {
    margin-top: 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__considerations h3 {
    font-size: 15px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list {
    margin-top: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__list li {
    grid-template-columns:
      36px minmax(0, 1fr);

    gap: 12px;

    padding: 14px 0;

    font-size: 15px;
  }

  .elementor-7283 .elementor-element.elementor-element-04f9e8a .sita-acne-active__number {
    font-size: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b4f32 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC05 — POST-ACNE MARKS
   #acne-marks
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 {
  background: #FFFFFF;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type h3,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label-en,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro-copy,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type p,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-label,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   INTRO — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: end;

  margin-top: 28px;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title {
  margin: 0;

  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro-copy {
  margin: 0;

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

  color: #4A3D39;
}


/* =========================================================
   RED / DARK / SHARED TRUTH
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__types {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 56px;

  margin-top: 56px;

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

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type {
  min-width: 0;
  padding-top: 32px;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type h3 {
  margin: 0;

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

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type p {
  margin: 18px 0 0;

  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;

  color: #4A3D39;
}


/* -----------------------------------------
   SHARED TRUTH PANEL
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared {
  align-self: start;

  margin-top: 32px;
  padding: 28px 30px;

  background: #FBF4F0;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-label {
  margin: 0;

  font-size: 11px;
  line-height: 1.6;
  font-weight: 600;

  letter-spacing: .16em;

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement {
  margin: 12px 0 0;

  font-size: 24px;
  line-height: 1.45;
  font-weight: 300;

  color: #723129;
}


/* =========================================================
   LOWER DETAILS — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__details {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;

  margin-top: 48px;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body p {
  max-width: 680px;

  margin-left: 0;
  margin-right: 0;

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

  color: #4A3D39;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body p:first-child {
  margin-top: 0;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body p:last-child {
  margin-top: 16px;
  margin-bottom: 0;
}


/* =========================================================
   DARK SPOTS CONDITIONAL ROUTE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots {
  padding: 22px 26px;

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

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots p {
  margin: 0;

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

  color: #4A3D39;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots a {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-height: 44px;

  margin-top: 4px;

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

  color: #723129;
  text-decoration: none;
}

.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots a:hover,
.elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 {
    padding: 88px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro-copy {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__types {
    gap: 0 32px;

    margin-top: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type h3 {
    font-size: 44px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type p {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared {
    padding: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement {
    font-size: 21px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__details {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body p {
    font-size: 16px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768

   Source behavior:
   - single-column section
   - red / dark still paired
   - shared truth becomes full-width beneath
   - long desktop explanation is reduced
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-14b4f32 {
    padding: 48px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro {
    display: block;

    margin-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title br {
    display: none;
  }

  /*
   * Source 768 composition intentionally compresses
   * the introductory explanation.
   */
  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__intro-copy {
    display: none;
  }


  /* -----------------------------------------
     RED / DARK stay side-by-side at 768
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__types {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;

    margin-top: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type {
    padding-top: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type h3 {
    font-size: 44px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type p {
    margin-top: 12px;

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared {
    grid-column: 1 / -1;

    margin-top: 24px;
    padding: 18px 22px;

    background: #FFFFFF;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-label {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement {
    margin: 0;

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement br {
    display: none;
  }


  /* -----------------------------------------
     Long body removed at transition layout
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__details {
    display: block;

    margin-top: 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__body {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots {
    padding: 16px 0;

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots p {
    font-size: 14px;
  }

}


/* =========================================================
   MOBILE
   <=600

   Source 390:
   - red / dark stack vertically
   - no desktop explanatory paragraphs
   - shared colour/surface statement remains
   - Dark Spots route remains
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-14b4f32 {
    padding: 34px 24px 36px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__title {
    font-size: 26px;
    line-height: 1.28;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__types {
    display: block;

    margin-top: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type {
    padding: 16px 0;

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type--dark {
    border-bottom: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type h3 {
    font-size: 34px;
    line-height: 1;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__type p {
    margin-top: 8px;

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

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared {
    margin-top: 8px;
    padding: 16px 18px;

    background: #FBF4F0;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__shared-statement {
    font-size: 18px;
    line-height: 1.5;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__details {
    margin-top: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots {
    padding-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots p {
    font-size: 14px;
    line-height: 1.8;
  }

  .elementor-7283 .elementor-element.elementor-element-14b4f32 .sita-acne-marks__dark-spots a {
    display: flex;

    min-height: 44px;

    margin-top: 2px;

    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01bd4c9 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC06 — TEXTURE / ACNE SCARS
   #acne-scars
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 {
  background: #FBF4F0;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-word {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label-en,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__lead,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__body,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-note,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__mobile-summary {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label,
.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   H2
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title {
  margin: 28px 0 0;

  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}


/* =========================================================
   MAIN GRID — 5:7
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 72px;
  align-items: start;

  margin-top: 56px;
}


/* =========================================================
   COLOUR / TEXTURE LEDGER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger {
  border-top: 1px solid rgba(114, 49, 41, .25);
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;

  align-items: baseline;

  padding: 26px 0;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--colour {
  border-bottom: 1px solid rgba(114, 49, 41, .14);
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--texture {
  border-bottom: 1px solid rgba(114, 49, 41, .25);
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-word {
  font-size: 44px;
  line-height: 1;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--colour
.sita-acne-scars__ledger-word {
  font-weight: 200;
  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--texture
.sita-acne-scars__ledger-word {
  font-weight: 300;
  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 300;

  white-space: nowrap;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--colour
.sita-acne-scars__ledger-context {
  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row--texture
.sita-acne-scars__ledger-context {
  font-weight: 500;
  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context--mobile {
  display: none;
}


/* =========================================================
   EXPLANATION
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__lead {
  margin: 0;

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

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__body {
  margin: 18px 0 0;

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

  color: #4A3D39;
}


/* =========================================================
   WHY NO SCAR-TYPE QUIZ
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-note {
  margin-top: 36px;
  padding: 26px 30px;

  background: #FFFFFF;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-note p {
  margin-left: 0;
  margin-right: 0;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-label {
  margin-top: 0;

  font-size: 11px;
  line-height: 1.6;
  font-weight: 600;

  letter-spacing: .16em;

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-note
p:not(.sita-acne-scars__assessment-label) {
  margin-top: 10px;
  margin-bottom: 0;

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

  color: #4A3D39;
}


/* =========================================================
   MOBILE SUMMARY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__mobile-summary {
  display: none;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   Source keeps the 5:7 split.
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 {
    padding: 88px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__grid {
    gap: 48px;
    margin-top: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-word {
    font-size: 38px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__lead {
    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__body {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__assessment-note {
    margin-top: 28px;
    padding: 22px 24px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768

   Single-column switch.
   Ledger remains two rows.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 {
    padding: 56px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title {
    margin-top: 16px;

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

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__grid {
    display: block;

    margin-top: 28px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row {
    padding: 18px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-word {
    font-size: 36px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__explanation {
    margin-top: 28px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__lead {
    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__body {
    font-size: 16px;
  }

}


/* =========================================================
   MOBILE
   <=600

   Source intentionally compresses AC06:
   - label
   - H2
   - two-row ledger
   - one assessment statement
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 {
    padding: 36px 24px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__title {
    margin-top: 14px;

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

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__grid {
    margin-top: 18px;
  }


  /* -----------------------------------------
     Ledger
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;

    gap: 20px;

    padding: 14px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-word {
    font-size: 30px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context--desktop {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context--mobile {
    display: inline;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__ledger-context {
    flex: none;

    font-size: 12px;
    white-space: nowrap;
  }


  /* -----------------------------------------
     Mobile source uses one compressed statement
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__explanation {
    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__desktop-copy {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-01bd4c9 .sita-acne-scars__mobile-summary {
    display: block;

    margin: 0;

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

    color: #4A3D39;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10761e8 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC07 — PRIORITY
   #acne-priority
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 {
  background: #723129;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-text,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle-text {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label-en,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-label,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions-note,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors-label,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label,
.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #E3B7AB;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #E3B7AB;
}


/* =========================================================
   MAIN LAYOUT

   Row 1:
   Copy 7fr / Image 5fr

   Row 2:
   Principle spans both columns
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  grid-template-areas:
    "copy visual"
    "principle principle";

  column-gap: 72px;
  row-gap: 72px;

  align-items: start;

  margin-top: 28px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__copy {
  grid-area: copy;
  min-width: 0;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
  grid-area: visual;
  min-width: 0;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle {
  grid-area: principle;
}


/* =========================================================
   H2
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title {
  margin: 0;

  font-size: 50px;
  line-height: 1.18;
  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   CONTEXT COPY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context {
  max-width: 640px;

  margin-top: 36px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context p {
  margin-left: 0;
  margin-right: 0;

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

  color: #F0DCD4;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context p:first-child {
  margin-top: 0;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context p:last-child {
  margin-top: 16px;
  margin-bottom: 0;
}


/* =========================================================
   TWO QUESTIONS
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  margin-top: 44px;

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

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question {
  min-width: 0;

  padding-top: 26px;
  padding-bottom: 26px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:first-child {
  padding-right: 28px;

  border-right: 1px solid rgba(246, 234, 228, .25);
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:last-child {
  padding-left: 28px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-label {
  margin: 0;

  font-size: 11px;
  line-height: 1.6;
  font-weight: 600;

  letter-spacing: .16em;

  color: #E3B7AB;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-text {
  margin: 12px 0 0;

  font-size: 26px;
  line-height: 1.4;
  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   QUESTIONS NOTE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions-note {
  margin: 0;
  padding-top: 16px;

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

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

  color: #F0DCD4;
}


/* =========================================================
   A03 — PRIORITY DISCUSSION
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  aspect-ratio: 4 / 5;

  margin: 0;
  padding: 0;

  border: 1px dashed rgba(246, 234, 228, .50);

  background: rgba(246, 234, 228, .06);

  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual img {
  display: block;

  width: 100%;
  height: 100%;

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


/* =========================================================
   PRINCIPLE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle {
  padding-top: 40px;

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

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle-text {
  max-width: 1100px;

  margin: 0;

  font-size: 36px;
  line-height: 1.35;
  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   FACTORS
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors-label {
  margin: 36px 0 0;

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

  letter-spacing: .16em;

  color: #E3B7AB;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 40px;

  margin-top: 14px;
}

.elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors > div {
  padding: 18px 0;

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

  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   Source:
   - retain split
   - 40px gutters
   - factors become 2 x 2
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-10761e8 {
    padding: 56px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__layout {
    column-gap: 32px;
    row-gap: 28px;

    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title {
    font-size: 34px;
    line-height: 1.22;
  }

  /*
   * Source 1024 compresses explanatory copy
   * and keeps the two questions as the core.
   */
  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions {
    display: block;

    margin-top: 26px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question {
    padding: 16px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:first-child {
    padding-right: 0;

    border-right: 0;
    border-bottom: 1px solid rgba(246, 234, 228, .20);
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:last-child {
    padding-left: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-text {
    margin-top: 6px;

    font-size: 21px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions-note {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
    aspect-ratio: 4 / 5;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle {
    padding-top: 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle-text {
    font-size: 24px;
    line-height: 1.4;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors-label {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;

    margin-top: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors > div {
    padding: 12px 0;

    font-size: 15px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   Single-column switch
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-10761e8 {
    padding: 48px 32px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__layout {
    grid-template-columns: minmax(0, 1fr);

    grid-template-areas:
      "copy"
      "visual"
      "principle";

    gap: 28px;

    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title {
    font-size: 32px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context {
    margin-top: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context p {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions {
    margin-top: 28px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-text {
    font-size: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
    aspect-ratio: 4 / 3;

    border-right: 0;
    border-left: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle-text {
    font-size: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors > div {
    font-size: 16px;
  }

}


/* =========================================================
   MOBILE
   <=600

   Source 390:
   Label
   H2
   Two questions
   Key principle
   A03 image 4:3

   Long context + factor grid are intentionally removed.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-10761e8 {
    padding: 40px 24px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__layout {
    grid-template-areas:
      "copy"
      "principle"
      "visual";

    gap: 0;

    margin-top: 14px;
  }


  /* -----------------------------------------
     H2
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__title {
    font-size: 27px;
    line-height: 1.25;
  }


  /* -----------------------------------------
     Mobile source removes long explanation
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__context,
  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions-note {
    display: none;
  }


  /* -----------------------------------------
     Questions stack
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__questions {
    display: block;

    margin-top: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question {
    padding: 14px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:first-child {
    padding-right: 0;

    border-right: 0;
    border-bottom: 1px solid rgba(246, 234, 228, .20);
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question:last-child {
    padding-left: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-label {
    font-size: 10px;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__question-text {
    margin-top: 6px;

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


  /* -----------------------------------------
     Key principle
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle {
    margin-top: 18px;
    padding: 16px 0 40px;

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

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__principle-text {
    font-size: 19px;
    line-height: 1.45;
  }


  /* -----------------------------------------
     Factor row intentionally absent at 390
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors-label,
  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__factors {
    display: none;
  }


  /* -----------------------------------------
     A03 full-bleed 4:3 after maroon content
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
    width: calc(100% + 48px);
    max-width: none;

    aspect-ratio: 4 / 3;

    margin-left: -24px;
    margin-right: -24px;

    border: 0;

    background: #F6EDE8;
  }

}
/* =========================================================
   AC07 — MOBILE A03 FULL-BLEED FIX
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual {
    position: relative !important;
    left: -24px !important;

    width: calc(100% + 48px) !important;
    max-width: none !important;

    margin: 0 !important;

    aspect-ratio: 4 / 3 !important;

    overflow: hidden !important;
  }

  .elementor-7283 .elementor-element.elementor-element-10761e8 .sita-acne-priority__visual img {
    display: block !important;

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

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6e6ab7 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC08 — SKIN CONDITION MATTERS
   #acne-recovery
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 {
  background: #FFFFFF;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label-en,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__boundary,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   MAIN GRID — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;

  margin-top: 28px;
}


/* =========================================================
   LEFT
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title {
  margin: 0;

  font-size: 44px;
  line-height: 1.2;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead {
  max-width: 640px;

  margin: 32px 0 0;

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

  color: #2A2422;
}


/* =========================================================
   RIGHT
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route {
  min-width: 0;
  padding-top: 10px;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__boundary {
  margin: 0;

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

  color: #4A3D39;
}


/* =========================================================
   CONDITIONAL ROUTE BOX
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;

  margin-top: 22px;
  padding: 22px 26px;

  background: #FBF4F0;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box p {
  margin: 0;

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

  color: #4A3D39;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-height: 44px;

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

  white-space: nowrap;

  color: #723129;
  text-decoration: none;
}

.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a:hover,
.elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 {
    padding: 80px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__grid {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title {
    font-size: 38px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead {
    margin-top: 26px;

    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__boundary {
    font-size: 15px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box {
    display: block;

    padding: 20px 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a {
    margin-top: 6px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 {
    padding: 52px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__grid {
    display: block;

    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead {
    max-width: none;

    margin-top: 22px;

    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route {
    margin-top: 30px;
    padding-top: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__boundary {
    font-size: 15px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box {
    display: block;

    margin-top: 18px;
    padding: 18px 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a {
    margin-top: 4px;
  }

}


/* =========================================================
   MOBILE
   <=600

   Source intentionally compresses this section:
   label
   H2
   one context sentence
   Skin Recovery link
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 {
    padding: 36px 24px 30px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__grid {
    margin-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__title {
    font-size: 25px;
    line-height: 1.3;
  }


  /*
   * Desktop wording is intentionally replaced by the
   * shorter source composition at 390.
   */
  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead {
    margin-top: 12px;

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

    color: #4A3D39;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead {
    font-size: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__lead::after {
    content:
      "สภาพผิวโดยรวมเป็นบริบทที่แพทย์อาจนำมาพิจารณา ก่อนตัดสินใจเรื่องสิว";

    display: block;

    font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 300;

    color: #4A3D39;
  }


  /*
   * Mobile source removes the longer ownership statement
   * and keeps only the contextual route.
   */
  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route {
    margin-top: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__boundary,
  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box p {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box {
    margin-top: 0;
    padding: 0;

    background: transparent;
  }

  .elementor-7283 .elementor-element.elementor-element-f6e6ab7 .sita-acne-recovery__route-box a {
    display: flex;

    min-height: 44px;

    margin-top: 6px;

    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df796b5 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC09 — ASSESSMENT BEFORE PLAN
   #acne-assessment
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 {
  background: #FBF4F0;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step h3,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__number {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label-en,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step-en,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step p,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-list,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__mobile-factors {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   H2
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title {
  max-width: 1040px;

  margin: 28px 0 0;

  font-size: 46px;
  line-height: 1.2;
  font-weight: 300;

  color: #2A2422;
}


/* =========================================================
   THREE STEPS — DESKTOP
   Hairline + dots
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps {
  position: relative;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 40px;

  margin-top: 56px;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps::before {
  content: "";

  position: absolute;
  top: 5px;
  left: 0;
  right: 0;

  height: 1px;

  background: rgba(114, 49, 41, .35);
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step {
  position: relative;
  min-width: 0;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__dot {
  position: relative;
  z-index: 2;

  display: block;

  width: 11px;
  height: 11px;

  border-radius: 50%;

  background: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step--plan
.sita-acne-assessment__dot {
  background: #723129;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step h3 {
  margin: 18px 0 0;

  font-size: 30px;
  line-height: 1.3;
  font-weight: 300;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step-en {
  display: block;

  margin-top: 4px;

  font-size: 11px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .16em;

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step p {
  margin: 10px 0 0;

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

  color: #4A3D39;
}


/* =========================================================
   CONSIDERATIONS — 4:8
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: 72px;
  align-items: start;

  margin-top: 64px;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro h3 {
  margin: 0;

  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro p {
  margin: 12px 0 0;

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

  color: #9A614D;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro a {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-height: 44px;

  margin-top: 14px;

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

  color: #723129;
  text-decoration: none;

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

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro a:hover,
.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro a:focus-visible {
  border-bottom-color: #723129;
}


/* =========================================================
   FACTOR LIST

   IMPORTANT:
   01–03 are one column
   04–06 are the second column.
   This preserves 01→06 when stacked at <=768.
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;

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

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column {
  list-style: none;

  margin: 0;
  padding: 0;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 0 14px;
  align-items: start;

  min-height: 70px;

  padding: 20px 0;

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

  font-size: 17px;
  line-height: 1.6;
  font-weight: 300;

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column
li:last-child {
  border-bottom: 0;
}

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__number {
  font-size: 22px;
  line-height: 1.1;
  font-weight: 200;

  color: #BB6358;
}


/* =========================================================
   MOBILE COMPACT FACTORS
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__mobile-factors {
  display: none;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-df796b5 {
    padding: 80px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps {
    gap: 0 32px;

    margin-top: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step h3 {
    font-size: 27px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: 48px;

    margin-top: 52px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-list {
    gap: 0 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column li {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0 10px;

    font-size: 15px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768

   - Steps become vertical
   - Factors become one continuous 01–06 stack
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-df796b5 {
    padding: 52px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title {
    margin-top: 16px;

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

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title br {
    display: none;
  }


  /* -----------------------------------------
     Vertical care-system line
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps {
    display: block;

    margin-top: 30px;
    padding-left: 28px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps::before {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: auto;

    width: 1px;
    height: auto;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step {
    padding-bottom: 26px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step:last-child {
    padding-bottom: 0;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__dot {
    position: absolute;
    top: 7px;
    left: -28px;

    width: 10px;
    height: 10px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step h3 {
    margin: 0;

    font-size: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step p {
    margin-top: 6px;

    font-size: 15px;
  }


  /* -----------------------------------------
     Considerations
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations {
    display: block;

    margin-top: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-list {
    grid-template-columns: minmax(0, 1fr);

    gap: 0;

    margin-top: 24px;
  }

  /*
   * Because columns are separate OL elements,
   * mobile naturally reads:
   * 01 02 03 04 05 06
   */
  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column li {
    min-height: 0;

    padding: 16px 0;

    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-column:first-child
  li:last-child {
    border-bottom: 1px solid rgba(114, 49, 41, .14);
  }

}


/* =========================================================
   MOBILE
   <=600

   Source 390 intentionally compresses factor list.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-df796b5 {
    padding: 32px 24px 30px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__title {
    margin-top: 14px;

    font-size: 25px;
    line-height: 1.3;
  }


  /* -----------------------------------------
     3-step vertical rule
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps {
    margin-top: 20px;
    padding-left: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__steps::before {
    left: 4px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step {
    padding-bottom: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__dot {
    left: -22px;

    width: 9px;
    height: 9px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step h3 {
    font-size: 21px;
  }

  /*
   * Source mobile only needs the stage names.
   */
  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__step p {
    display: none;
  }


  /* -----------------------------------------
     Mobile source compresses considerations
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations {
    margin-top: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro h3,
  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro p,
  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__factor-list {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__mobile-factors {
    display: block;

    margin: 0;

    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;

    color: #4A3D39;
  }

  .elementor-7283 .elementor-element.elementor-element-df796b5 .sita-acne-assessment__considerations-intro a {
    display: flex;

    min-height: 44px;

    margin-top: 6px;

    border-bottom: 0;

    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc79c8e *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   GLOBAL DESKTOP SECTION WIDTH NORMALIZATION

   SITA V2 Desktop Grid:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */

@media (min-width: 1200px) {

  /*
   * Normalize Freckles top-level Elementor
   * boxed sections to the SITA V2 1264px content grid.
   */
  .elementor-7283 .elementor-element.elementor-element-dc79c8e [id^="freckles-"].e-con-boxed {
    --container-max-width: 1264px !important;
  }

  .elementor-7283 .elementor-element.elementor-element-dc79c8e [id^="freckles-"].e-con-boxed > .e-con-inner {
    width: 100% !important;
    max-width: 1264px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-768e079 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC10 — CARE OVER TIME
   #acne-follow-up
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 {
  background: #FFFFFF;
  padding: 112px 88px;
  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label-en,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__lead,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__body,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__boundary {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 32px;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label,
.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label-en {
  margin: 0;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label-en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: #9A614D;
}


/* =========================================================
   MAIN GRID — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;

  margin-top: 28px;
}


/* =========================================================
   TITLE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title {
  margin: 0;

  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: #2A2422;
}


/* =========================================================
   COPY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__lead {
  max-width: 640px;

  margin: 36px 0 0;

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

  color: #2A2422;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__body {
  max-width: 640px;

  margin: 16px 0 0;

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

  color: #4A3D39;
}


/* =========================================================
   FOLLOW-UP RAIL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail {
  position: relative;

  max-width: 560px;

  margin-top: 40px;
  padding-left: 28px;

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

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail-item {
  position: relative;

  padding-bottom: 26px;

  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;

  color: #723129;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail-item--final {
  padding-bottom: 0;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__dot {
  position: absolute;

  left: -33px;
  top: 9px;

  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: #BB6358;
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail-item--final
.sita-acne-follow-up__dot {
  background: #723129;
}


/* =========================================================
   BOUNDARY NOTE
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__boundary {
  max-width: 640px;

  margin: 40px 0 0;
  padding-top: 22px;

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

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

  color: #9A614D;
}


/* =========================================================
   A04 — FOLLOW-UP
   Desktop vertical 4:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__visual {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  aspect-ratio: 4 / 5;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #F6EDE8;
  border: 1px dashed rgba(114, 49, 41, .35);
}

.elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__visual span {
  padding: 20px;

  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .12em;
  text-align: center;

  color: #9A614D;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-768e079 {
    padding: 80px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__grid {
    gap: 48px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title {
    font-size: 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__lead {
    margin-top: 28px;

    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__body {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail {
    margin-top: 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail-item {
    font-size: 18px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-768e079 {
    padding: 52px 32px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label-en {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__grid {
    display: block;

    margin-top: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__lead {
    margin-top: 24px;

    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__body {
    font-size: 16px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail {
    margin-top: 30px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__visual {
    width: calc(100% + 64px);

    aspect-ratio: 4 / 3;

    margin-top: 40px;
    margin-left: -32px;

    border-right: 0;
    border-left: 0;
  }

}


/* =========================================================
   MOBILE
   <=600

   Source 390:
   Label
   H2
   One follow-up sentence
   A04 full-width 4:3

   Rail + timing boundary intentionally removed.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-768e079 {
    padding: 32px 24px 0;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__grid {
    margin-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__title {
    font-size: 25px;
    line-height: 1.3;
  }


  /* -----------------------------------------
     Replace desktop lead/body with one
     compact source sentence
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__lead {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__body {
    margin-top: 12px;

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

    color: #4A3D39;
  }


  /* -----------------------------------------
     Mobile source removes rail + boundary
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__rail,
  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__boundary {
    display: none;
  }


  /* -----------------------------------------
     A04 — FULL BLEED 4:3
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-768e079 .sita-acne-follow-up__visual {
    position: relative;
    left: -24px;

    width: calc(100% + 48px);
    max-width: none;

    aspect-ratio: 4 / 3;

    margin: 30px 0 0;

    border: 0;

    background: #F6EDE8;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad33953 *//* =========================================================
   SITA CLINIC V2 — ACNE
   AC11 — FINAL CTA
   #acne-final
   ========================================================= */


/* =========================================================
   SECTION SHELL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 {
  background: #723129;
  color: #F6EAE4;

  padding: 120px 88px;

  overflow: hidden;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__content {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}


/* =========================================================
   TYPOGRAPHY LOCK
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title {
  font-family: "Anuphan", "Noto Sans Thai", sans-serif;
  font-synthesis: none;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__section-label,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__actions,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact {
  font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
  font-synthesis: none;
}


/* =========================================================
   MAIN GRID — 7:5
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);

  gap: 88px;
  align-items: end;
}


/* =========================================================
   LABEL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__section-label {
  margin: 0;

  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: #E3B7AB;
}


/* =========================================================
   H2
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title {
  margin: 24px 0 0;

  font-size: 50px;
  line-height: 1.18;
  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   BODY COPY
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy {
  max-width: 680px;

  margin-top: 28px;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p {
  margin-left: 0;
  margin-right: 0;

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

  color: #F0DCD4;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p:first-child {
  margin-top: 0;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p:last-child {
  margin-top: 12px;
  margin-bottom: 0;
}


/* =========================================================
   CTA ROW
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 20px;

  margin-top: 44px;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__actions a {
  text-decoration: none;
}


/* -----------------------------------------
   PRIMARY
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 30px;

  border-radius: 3px;

  background: #FFFFFF;
  color: #723129;

  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}


/* -----------------------------------------
   SECONDARY
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 26px;

  border: 1px solid rgba(246, 234, 228, .65);
  border-radius: 3px;

  color: #FFFFFF;

  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}


/* -----------------------------------------
   LINE
   ----------------------------------------- */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__line {
  display: inline-flex;
  align-items: center;

  min-height: 44px;

  border-bottom: 1px solid rgba(246, 234, 228, .50);

  color: #FFFFFF;

  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__primary:hover,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__primary:focus-visible {
  background: #F6EAE4;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary:hover,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary:focus-visible {
  background: rgba(255, 255, 255, .07);
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__line:hover,
.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__line:focus-visible {
  border-bottom-color: #FFFFFF;
}


/* =========================================================
   CONTACT PANEL
   ========================================================= */

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact {
  padding-top: 28px;

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

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-label {
  margin: 0;

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

  letter-spacing: .16em;

  color: #E3B7AB;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-details {
  margin-top: 20px;

  font-size: 17px;
  line-height: 1.9;
  font-weight: 300;

  color: #FFFFFF;
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-details a {
  color: #FFFFFF;

  text-decoration: none;

  border-bottom: 1px solid rgba(246, 234, 228, .40);
}

.elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__bring-note {
  margin: 24px 0 0;

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

  color: #F0DCD4;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

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

  .elementor-7283 .elementor-element.elementor-element-ad33953 {
    padding: 88px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__grid {
    gap: 56px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title {
    font-size: 42px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p {
    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__actions {
    gap: 14px;

    margin-top: 36px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__primary,
  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary {
    min-height: 52px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-details {
    font-size: 16px;
  }

}


/* =========================================================
   TABLET PORTRAIT
   <=768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7283 .elementor-element.elementor-element-ad33953 {
    padding: 64px 32px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__grid {
    display: block;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title {
    font-size: 34px;
    line-height: 1.22;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title br {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy {
    margin-top: 22px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p {
    font-size: 17px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact {
    margin-top: 40px;
  }

}


/* =========================================================
   MOBILE
   <=600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7283 .elementor-element.elementor-element-ad33953 {
    padding: 44px 24px 40px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__section-label {
    font-size: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__title {
    margin-top: 14px;

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


  /* -----------------------------------------
     MOBILE COPY COMPRESSED TO ONE PARAGRAPH
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy {
    margin-top: 14px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy p {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__copy::after {
    content:
      "ไม่จำเป็นต้องเลือกวิธีเองก่อนเข้ามา เริ่มจากให้แพทย์ดูว่าตอนนี้บนผิวมีอะไรเกิดขึ้นบ้าง และเรื่องใดควรได้รับความสำคัญก่อน";

    display: block;

    font-family: "Noto Sans Thai", "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 300;

    color: #F0DCD4;
  }


  /* -----------------------------------------
     CTA STACK
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__actions {
    display: block;

    margin-top: 24px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__primary,
  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary {
    display: flex;

    width: 100%;
    min-height: 52px;

    padding: 0 20px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__secondary {
    margin-top: 12px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__line {
    display: flex;
    justify-content: center;

    width: 100%;
    min-height: 48px;

    margin-top: 6px;

    border-bottom: 0;

    font-size: 14px;
  }


  /* -----------------------------------------
     MOBILE CONTACT
     Source keeps phone + hours only
     ----------------------------------------- */

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact {
    margin-top: 18px;
    padding-top: 18px;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-label,
  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__location,
  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__bring-note {
    display: none;
  }

  .elementor-7283 .elementor-element.elementor-element-ad33953 .sita-acne-final__contact-details {
    margin-top: 0;

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

}/* End custom CSS */