.elementor-385952 .elementor-element.elementor-element-5205b26{--display:flex;--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:stretch;--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-385952 .elementor-element.elementor-element-7f5d1ad{--display:flex;--min-height:30px;--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:center;--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-385952 .elementor-element.elementor-element-6606bc6{--display:flex;--min-height:30px;--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:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:26px;--padding-right:26px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Lato;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-385952 .elementor-element.elementor-element-53f76d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-385952 .elementor-element.elementor-element-53f76d3 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:9px;font-weight:700;text-transform:uppercase;line-height:1rem;letter-spacing:1.53px;color:#FFFFFF;}.elementor-385952 .elementor-element.elementor-element-c3401c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-385952 .elementor-element.elementor-element-c3401c4 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:9px;font-weight:700;text-transform:uppercase;line-height:1rem;letter-spacing:1.53px;color:#FFFFFF;}.elementor-385952 .elementor-element.elementor-element-91b9952{--display:flex;--min-height:88px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-a3c5d22{--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:flex-start;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-c8a0f83{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-1e4ab2a{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-385952 .elementor-element.elementor-element-444e7fc{text-align:start;}.elementor-385952 .elementor-element.elementor-element-444e7fc img{width:190px;max-width:100%;}.elementor-385952 .elementor-element.elementor-element-dc5f1c9{--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:center;--gap:38px 38px;--row-gap:38px;--column-gap:38px;--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-385952 .elementor-element.elementor-element-997771d{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-da9ef2b{--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:center;--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-385952 .elementor-element.elementor-element-d3854aa{text-align:center;}.elementor-385952 .elementor-element.elementor-element-d3854aa .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-b0b6bfb{--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:center;--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-385952 .elementor-element.elementor-element-ff9a2f0{--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:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-962afdb{text-align:center;}.elementor-385952 .elementor-element.elementor-element-962afdb .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-c1f06d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-5b1a664{--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:center;--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-385952 .elementor-element.elementor-element-2868292{--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:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-79314ca{text-align:center;}.elementor-385952 .elementor-element.elementor-element-79314ca .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-de3b639{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-7a0a039{--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:flex-end;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Lato;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button{background-color:#211D1E;font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:900;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-385952 .elementor-element.elementor-element-21403bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-content-wrapper{flex-direction:row;}.elementor-385952 .elementor-element.elementor-element-7a17651{--display:flex;--min-height:44px;--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:center;--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-385952 .elementor-element.elementor-element-31c6e15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-36144be{--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:center;--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-385952 .elementor-element.elementor-element-f74fe20{--display:flex;--min-height:44px;--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:center;--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-385952 .elementor-element.elementor-element-9576d7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-3b01600{--display:flex;--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:stretch;--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-385952 .elementor-element.elementor-element-97decfc{--display:flex;--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:stretch;--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-385952 .elementor-element.elementor-element-87c97b1{text-align:start;}.elementor-385952 .elementor-element.elementor-element-87c97b1 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.44px;color:#D28799;}.elementor-385952 .elementor-element.elementor-element-a13de70{text-align:start;}.elementor-385952 .elementor-element.elementor-element-a13de70 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.44px;color:#D28799;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-385952 .elementor-element.elementor-element-b748e38{--display:flex;--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:stretch;--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-385952 .elementor-element.elementor-element-30e73c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-09d4ee7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-c32c2d9{--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:center;--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-385952 .elementor-element.elementor-element-8d3a328{--display:flex;--min-height:44px;--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:center;--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-385952 .elementor-element.elementor-element-a2fc700{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-667bf27{--display:flex;--min-height:18px;--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:center;--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-385952 .elementor-element.elementor-element-2c7ffbc{--display:flex;--min-height:44px;--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:stretch;--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-385952 .elementor-element.elementor-element-6d7d360{--display:flex;--min-height:40px;--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:center;--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-385952 .elementor-element.elementor-element-a03d9ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-6350503{--display:flex;--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:stretch;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-07cd07c{--display:flex;--min-height:445px;--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:flex-start;--align-items:stretch;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-c6bbea2{--display:flex;--min-height:445px;--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-a6e6b17{--display:flex;--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;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-39fc5da{text-align:start;}.elementor-385952 .elementor-element.elementor-element-39fc5da .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-4e9b46b{text-align:start;}.elementor-385952 .elementor-element.elementor-element-4e9b46b .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-b6f9d9f{--display:flex;--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-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-10f454a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-3f5454f{--display:flex;--min-height:445px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-da38f8b{--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:space-between;--align-items:flex-end;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-1dcf761{text-align:start;}.elementor-385952 .elementor-element.elementor-element-1dcf761 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-20bf942{text-align:start;}.elementor-385952 .elementor-element.elementor-element-20bf942 .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.54px;color:#211D1E;}.elementor-385952 .elementor-element.elementor-element-33e3565{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-385952 .elementor-element.elementor-element-27410fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-c2ac091{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-bdfd78e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-8674dfb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-5747444{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-f599b5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-cc30329{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-99fb6d6{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-d7fb160{--display:flex;--min-height:75px;--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:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-4e02321{--display:flex;--min-height:75px;--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:flex-start;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-f788ed8{--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:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-9a3973c{--display:flex;--min-height:430px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-214ec2b{--display:flex;--min-height:430px;--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-ff730f7{--display:flex;--min-height:430px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-b189479{--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:space-between;--align-items:flex-end;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-8a56d8c{--display:flex;--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:7px 7px;--row-gap:7px;--column-gap:7px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-4188ae4{--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:flex-end;--align-items:flex-end;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-6bf87ae{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-e1ff0f8{--display:flex;--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:stretch;}.elementor-385952 .elementor-element.elementor-element-ab558e4{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-385952 .elementor-element.elementor-element-8a53ea3{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-385952 .elementor-element.elementor-element-876998e{--display:flex;--min-height:430px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-59395e1{--display:flex;--min-height:430px;--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-5f0cb78{--display:flex;--min-height:430px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-fb46f8b{--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:space-between;--align-items:flex-end;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-dcc159e{--display:flex;--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:7px 7px;--row-gap:7px;--column-gap:7px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-ddd753d{--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:flex-end;--align-items:flex-end;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-f716979{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-e854967{--display:flex;--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:stretch;}.elementor-385952 .elementor-element.elementor-element-bb94a0c{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-385952 .elementor-element.elementor-element-9e93594{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-385952 .elementor-element.elementor-element-0740add{--display:flex;--min-height:430px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-d3f1c4f{--display:flex;--min-height:100vh;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-60e1c4b{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-efd1bd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-ab2b46b{text-align:start;}.elementor-385952 .elementor-element.elementor-element-ab2b46b .elementor-heading-title{font-family:"Hanken Grotesk", Lato;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.44px;color:#D28799;}.elementor-385952 .elementor-element.elementor-element-668a97f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-385952 .elementor-element.elementor-element-f89033b{--display:flex;--min-height:100vh;--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:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-7695664{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-98f69dc{--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:space-between;--align-items:center;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-01cd3d1{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-aae1685{text-align:start;}.elementor-385952 .elementor-element.elementor-element-aae1685 img{width:190px;max-width:100%;}.elementor-385952 .elementor-element.elementor-element-073dda8{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-72292e0{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-92af498{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-cd59056{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-7a4e0a4{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-62aaa53{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-385952 .elementor-element.elementor-element-ea9a03b{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-385952 .elementor-element.elementor-element-6606bc6{--width:1560px;}.elementor-385952 .elementor-element.elementor-element-a3c5d22{--width:100%;}}@media(max-width:991px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-53f76d3 *//* =========================================================
   LOVELLA HEADER
   UTILITY LEFT TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53f76d3 {

    position: relative !important;

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

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

    flex: 0 1 auto !important;

    color: #ffffff !important;

    opacity: 0.92 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   HEADING RESET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53f76d3 .elementor-heading-title {

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

    color: #ffffff !important;

    font-family: "Hanken Grotesk", Arial, sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.53px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   Slightly tighten tracking before mobile header activates.
   ========================================================= */

@media (max-width: 1320px) {

    .elementor-385952 .elementor-element.elementor-element-53f76d3 .elementor-heading-title {

        font-size: 8px !important;

        letter-spacing: 1.3px !important;

    }

}


/* =========================================================
   HIDE BELOW HEADER BREAKPOINT
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-53f76d3 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3401c4 *//* =========================================================
   LOVELLA HEADER
   UTILITY RIGHT TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c3401c4 {

    position: relative !important;

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

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

    flex: 0 1 auto !important;

    color: #ffffff !important;

    opacity: 0.92 !important;

    white-space: nowrap !important;

    text-align: right !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   HEADING RESET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c3401c4 .elementor-heading-title {

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

    color: #ffffff !important;

    font-family: "Hanken Grotesk", Arial, sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.53px !important;

    text-transform: uppercase !important;

    text-align: right !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   Slightly tighten typography before mobile header activates
   ========================================================= */

@media (max-width: 1320px) {

    .elementor-385952 .elementor-element.elementor-element-c3401c4 .elementor-heading-title {

        font-size: 8px !important;

        letter-spacing: 1.3px !important;

    }

}


/* =========================================================
   HIDE BELOW HEADER BREAKPOINT
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-c3401c4 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6606bc6 *//* =========================================================
   LOVELLA HEADER
   UTILITY INNER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6606bc6 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 30px !important;

    margin: 0 auto !important;

    padding: 0 26px !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 24px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 1 1560px !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6606bc6 > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 24px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DESKTOP SAFEGUARD
   Keeps utility content comfortably inside narrow desktops
   before the mobile header breakpoint activates.
   ========================================================= */

@media (max-width: 1320px) {

    .elementor-385952 .elementor-element.elementor-element-6606bc6 {

        padding-right: 22px !important;
        padding-left: 22px !important;

    }

}


/* =========================================================
   HIDE WITH PARENT BELOW HEADER BREAKPOINT
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-6606bc6 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f5d1ad *//* =========================================================
   LOVELLA HEADER
   DESKTOP UTILITY BAR
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7f5d1ad {

    position: relative !important;

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

    height: var(--lovella-utility-height, 30px) !important;
    min-height: var(--lovella-utility-height, 30px) !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background: var(--lovella-charcoal, #211d1e) !important;

    color: #ffffff !important;

    border: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: 2 !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7f5d1ad > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET + MOBILE
   Utility bar disappears completely below desktop navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-7f5d1ad {

        display: none !important;

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

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

    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-444e7fc *//* =========================================================
   LOVELLA HEADER
   HEADER-SPECIFIC LOGO IMAGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-444e7fc {

    position: relative !important;

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

    height: auto !important;

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

    display: block !important;

    flex: 0 1 auto !important;

    line-height: 0 !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR IMAGE WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-444e7fc .elementor-widget-container {

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

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

    line-height: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOMEPAGE LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-444e7fc a {

    display: inline-flex !important;

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

    height: auto !important;

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

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

    line-height: 0 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOGO IMAGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-444e7fc img {

    display: block !important;

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

    height: auto !important;
    max-height: 58px !important;

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

    object-fit: contain !important;
    object-position: left center !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-444e7fc img {

        width: 180px !important;
        max-height: 54px !important;

    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-444e7fc img {

        width: 180px !important;
        max-height: 50px !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-444e7fc img {

        width: 160px !important;
        max-height: 46px !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-444e7fc {

        max-width: 150px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc .elementor-widget-container {

        max-width: 150px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc a {

        max-width: 150px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc img {

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

        max-height: 42px !important;

    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .elementor-385952 .elementor-element.elementor-element-444e7fc {

        max-width: 138px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc .elementor-widget-container {

        max-width: 138px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc a {

        max-width: 138px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-444e7fc img {

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

        max-height: 40px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e4ab2a *//* =========================================================
   LOVELLA HEADER
   LOGO WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e4ab2a {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 1 auto !important;

    justify-self: start !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e4ab2a > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


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

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-1e4ab2a {

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

        min-width: 0 !important;

    }

}


/* =========================================================
   SMALL MOBILE
   Allow logo area to shrink before header actions overflow
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-1e4ab2a {

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

        min-width: 0 !important;

        flex: 0 1 auto !important;

        overflow: hidden !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8a0f83 *//* =========================================================
   LOVELLA HEADER
   BRAND / WORDMARK COLUMN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c8a0f83 {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

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

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c8a0f83 > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET / MOBILE
   Brand remains in first grid column
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-c8a0f83 {

        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

    }

}


/* =========================================================
   SMALL MOBILE
   Critical safeguard so action icons cannot push wordmark
   outside the viewport
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-c8a0f83 {

        min-width: 0 !important;

        overflow: hidden !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fe7f66b *//* =========================================================
   LOVELLA HEADER
   NAV LINK — HOME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fe7f66b {

    position: relative !important;

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

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

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

    display: flex !important;

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

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-widget-container {

    position: relative !important;

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

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

    display: flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HEADING / LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title {

    position: relative !important;

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

    display: flex !important;

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

    height: 100% !important;

    font-family: "Hanken Grotesk", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.54px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    box-sizing: border-box !important;
}


.elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title a {

    position: relative !important;

    height: 100% !important;

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

    display: flex !important;

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

    color: var(--lovella-charcoal, #211d1e) !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ROSE UNDERLINE
   Matches supplied design
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title a::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 24px !important;

    height: 1px !important;

    background: var(--lovella-rose, #d28799) !important;

    transform: scaleX(0) !important;

    transform-origin: right center !important;

    transition:
        transform 0.28s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fe7f66b:hover .elementor-heading-title a,
.elementor-385952 .elementor-element.elementor-element-fe7f66b:focus-within .elementor-heading-title a {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


.elementor-385952 .elementor-element.elementor-element-fe7f66b:hover .elementor-heading-title a::after,
.elementor-385952 .elementor-element.elementor-element-fe7f66b:focus-within .elementor-heading-title a::after {

    transform: scaleX(1) !important;

    transform-origin: left center !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title {

        font-size: 10.5px !important;

        letter-spacing: 1.4px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-fe7f66b {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title a,
    .elementor-385952 .elementor-element.elementor-element-fe7f66b .elementor-heading-title a::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3854aa *//* =========================================================
   LOVELLA HEADER
   NAV ITEM — ABOUT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d3854aa {

    position: relative !important;

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

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

    /*
     * IMPORTANT:
     * Elementor was collapsing/ignoring margin spacing here.
     * We therefore create the navigation gap using padding.
     */
    margin: 0 !important;

    padding:
        0
        0
        0
        38px !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    align-self: stretch !important;

    z-index: 1 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d3854aa > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-d3854aa {

        padding-left: 25px !important;

    }

}


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

@media (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-d3854aa {

        display: flex !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-d3854aa {

        display: none !important;

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

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da9ef2b *//* =========================================================
   LOVELLA HEADER
   NAV ITEM — ABOUT
   SPACING + COMPLETE HOVER CONTROL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b {

    position: relative !important;

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

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

    margin: 0 !important;

    /*
     * Explicit navigation spacing.
     */
    padding:
        0
        0
        0
        38px !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    align-self: stretch !important;

    z-index: 1 !important;

    cursor: pointer !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ABOUT LINK CHILD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link {

    position: relative !important;

    width: auto !important;

    height: 100% !important;

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

    display: flex !important;

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

    overflow: visible !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   LINK / TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link .elementor-heading-title,
.elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link .elementor-heading-title > a {

    height: 100% !important;

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

    display: flex !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease !important;
}


/* =========================================================
   DISABLE OLD LINK-WIDGET UNDERLINE
   Prevent duplicate hover systems.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link .elementor-heading-title > a::after {

    display: none !important;

}


/* =========================================================
   ABOUT UNDERLINE

   The wrapper contains 38px of left navigation spacing.
   Therefore the underline begins AFTER that spacing and
   covers only the actual ABOUT text area.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b::after {

    content: "";

    position: absolute !important;

    left: 38px !important;
    right: 0 !important;

    bottom: 24px !important;

    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        scaleX(0) !important;

    transform-origin:
        right center !important;

    transition:
        transform 0.28s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da9ef2b:hover .lovella-nav-about-link .elementor-heading-title,
.elementor-385952 .elementor-element.elementor-element-da9ef2b:hover .lovella-nav-about-link .elementor-heading-title > a,
.elementor-385952 .elementor-element.elementor-element-da9ef2b:focus-within .lovella-nav-about-link .elementor-heading-title,
.elementor-385952 .elementor-element.elementor-element-da9ef2b:focus-within .lovella-nav-about-link .elementor-heading-title > a {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


.elementor-385952 .elementor-element.elementor-element-da9ef2b:hover::after,
.elementor-385952 .elementor-element.elementor-element-da9ef2b:focus-within::after {

    transform:
        scaleX(1) !important;

    transform-origin:
        left center !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-da9ef2b {

        padding-left: 25px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-da9ef2b::after {

        left: 25px !important;

    }

}


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

@media (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-da9ef2b {

        display: flex !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-da9ef2b {

        display: none !important;

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

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-da9ef2b::after,
    .elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link .elementor-heading-title,
    .elementor-385952 .elementor-element.elementor-element-da9ef2b .lovella-nav-about-link .elementor-heading-title > a {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-962afdb *//* =========================================================
   LOVELLA HEADER
   TRAINING TRIGGER — LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-962afdb {

    position: relative !important;

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

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

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

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition: color 0.2s ease !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WIDGET WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-962afdb .elementor-widget-container {

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

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

    display: inline-flex !important;

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

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-962afdb .elementor-heading-title {

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

    display: inline-block !important;

    width: auto !important;

    color: inherit !important;

    font-family: "Hanken Grotesk", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.54px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PARENT TRIGGER HOVER
   Training text changes together with caret
   ========================================================= */

.lovella-training-trigger:hover .elementor-385952 .elementor-element.elementor-element-962afdb,
.lovella-training-trigger:focus-within .elementor-385952 .elementor-element.elementor-element-962afdb,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-962afdb,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-962afdb {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   NARROW DESKTOP
   Keep consistent with Home / About
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-962afdb .elementor-heading-title {

        font-size: 10.5px !important;

        letter-spacing: 1.4px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop trigger is replaced by mobile navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-962afdb {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-962afdb {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1f06d2 *//* =========================================================
   LOVELLA HEADER
   TRAINING TRIGGER — CARET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c1f06d2 {

    position: relative !important;

    width: 10px !important;
    max-width: 10px !important;
    min-width: 10px !important;

    height: 10px !important;
    min-height: 10px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 10px !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.2s ease,
        transform 0.25s ease !important;

    transform-origin: center center !important;

    --container-widget-width: 10px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c1f06d2 .elementor-widget-container {

    width: 10px !important;
    height: 10px !important;

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

    display: flex !important;

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

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SVG
   Exact lightweight caret from approved concept
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg {

    display: block !important;

    width: 10px !important;
    height: 10px !important;

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

    overflow: visible !important;

    color: inherit !important;

    transform: none !important;

    transition: transform 0.25s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg path {

    stroke-width: 1.15 !important;

}


/* =========================================================
   PARENT TRIGGER HOVER
   Text + caret change colour together
   ========================================================= */

.lovella-training-trigger:hover .elementor-385952 .elementor-element.elementor-element-c1f06d2,
.lovella-training-trigger:focus-within .elementor-385952 .elementor-element.elementor-element-c1f06d2,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-c1f06d2,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-c1f06d2 {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   MEGA MENU OPEN STATE
   We will add .mega-open through the interaction layer later
   ========================================================= */

.lovella-nav-training.mega-open .elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg {

    transform: rotate(180deg) !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-c1f06d2 {

        width: 9px !important;
        max-width: 9px !important;
        min-width: 9px !important;

        height: 9px !important;
        min-height: 9px !important;

        flex-basis: 9px !important;

        --container-widget-width: 9px !important;
    }

    .elementor-385952 .elementor-element.elementor-element-c1f06d2 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg {

        width: 9px !important;
        height: 9px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop trigger replaced by mobile navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-c1f06d2 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-c1f06d2,
    .elementor-385952 .elementor-element.elementor-element-c1f06d2 .lovella-training-caret-svg {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff9a2f0 *//* =========================================================
   LOVELLA HEADER
   TRAINING NAV TRIGGER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff9a2f0 {

    position: relative !important;

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

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

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 7px !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff9a2f0 > .e-con-inner {

    position: relative !important;

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

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

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 7px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOVER UNDERLINE
   Applied to the trigger itself so both text + caret belong
   to one interaction area.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff9a2f0::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 24px !important;

    height: 1px !important;

    background: var(--lovella-rose, #d28799) !important;

    transform: scaleX(0) !important;

    transform-origin: right center !important;

    transition:
        transform 0.28s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   HOVER / FOCUS STATE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff9a2f0:hover::after,
.elementor-385952 .elementor-element.elementor-element-ff9a2f0:focus-within::after,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-ff9a2f0::after,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-ff9a2f0::after {

    transform: scaleX(1) !important;

    transform-origin: left center !important;
}


/* =========================================================
   FUTURE CHILD TEXT + ICON COLOUR
   Keeps Training text and caret synchronised.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff9a2f0:hover,
.elementor-385952 .elementor-element.elementor-element-ff9a2f0:focus-within,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-ff9a2f0,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-ff9a2f0 {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-ff9a2f0,
    .elementor-385952 .elementor-element.elementor-element-ff9a2f0 > .e-con-inner {

        gap: 6px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop trigger removed with desktop navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-ff9a2f0 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-ff9a2f0::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0b6bfb *//* =========================================================
   LOVELLA HEADER
   NAV TRAINING WRAPPER
   MEGA MENU CONTROL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb {

    position: relative !important;

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

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

    /*
     * IMPORTANT:
     * Navigation parent already supplies the horizontal gap.
     * Do not add additional left padding here.
     */
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    align-self: stretch !important;

    z-index: 40 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TRAINING TRIGGER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb .lovella-training-trigger {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    height: 100% !important;

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

    display: inline-flex !important;

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

    overflow: visible !important;

    cursor: pointer !important;

    z-index: 3 !important;
}


/* =========================================================
   MEGA MENU — CLOSED
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb .lovella-training-mega {

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translate(-50%, 10px) !important;
}


/* =========================================================
   MEGA MENU — OPEN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb:hover .lovella-training-mega,
.elementor-385952 .elementor-element.elementor-element-b0b6bfb:focus-within .lovella-training-mega,
.elementor-385952 .elementor-element.elementor-element-b0b6bfb.mega-open .lovella-training-mega {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translate(-50%, 0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   KEEP MENU OPEN WHILE CURSOR IS INSIDE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb .lovella-training-mega:hover {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translate(-50%, 0) !important;
}


/* =========================================================
   CARET ROTATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b0b6bfb:hover .lovella-training-caret-svg,
.elementor-385952 .elementor-element.elementor-element-b0b6bfb:focus-within .lovella-training-caret-svg,
.elementor-385952 .elementor-element.elementor-element-b0b6bfb.mega-open .lovella-training-caret-svg {

    transform:
        rotate(180deg) !important;
}


/* =========================================================
   NARROW DESKTOP

   Again: no extra horizontal padding.
   Navigation parent controls menu spacing.
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-b0b6bfb {

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

    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-b0b6bfb {

        display: none !important;

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

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-79314ca *//* =========================================================
   LOVELLA HEADER
   SHOP TRIGGER — LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-79314ca {

    position: relative !important;

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

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

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

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition: color 0.2s ease !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WIDGET WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-79314ca .elementor-widget-container {

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

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

    display: inline-flex !important;

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

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-79314ca .elementor-heading-title {

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

    display: inline-block !important;

    width: auto !important;

    color: inherit !important;

    font-family: "Hanken Grotesk", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.54px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PARENT TRIGGER HOVER
   SHOP text changes together with caret
   ========================================================= */

.lovella-shop-trigger:hover .elementor-385952 .elementor-element.elementor-element-79314ca,
.lovella-shop-trigger:focus-within .elementor-385952 .elementor-element.elementor-element-79314ca,
.lovella-nav-shop:hover .elementor-385952 .elementor-element.elementor-element-79314ca,
.lovella-nav-shop:focus-within .elementor-385952 .elementor-element.elementor-element-79314ca {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   NARROW DESKTOP
   Keeps typography consistent with other nav items
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-79314ca .elementor-heading-title {

        font-size: 10.5px !important;

        letter-spacing: 1.4px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Shop trigger replaced by mobile navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-79314ca {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-79314ca {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de3b639 *//* =========================================================
   LOVELLA HEADER
   TRAINING TRIGGER — CARET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-de3b639 {

    position: relative !important;

    width: 10px !important;
    max-width: 10px !important;
    min-width: 10px !important;

    height: 10px !important;
    min-height: 10px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 10px !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.2s ease,
        transform 0.25s ease !important;

    transform-origin: center center !important;

    --container-widget-width: 10px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-de3b639 .elementor-widget-container {

    width: 10px !important;
    height: 10px !important;

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

    display: flex !important;

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

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SVG
   Exact lightweight caret from approved concept
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg {

    display: block !important;

    width: 10px !important;
    height: 10px !important;

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

    overflow: visible !important;

    color: inherit !important;

    transform: none !important;

    transition: transform 0.25s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg path {

    stroke-width: 1.15 !important;

}


/* =========================================================
   PARENT TRIGGER HOVER
   Text + caret change colour together
   ========================================================= */

.lovella-training-trigger:hover .elementor-385952 .elementor-element.elementor-element-de3b639,
.lovella-training-trigger:focus-within .elementor-385952 .elementor-element.elementor-element-de3b639,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-de3b639,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-de3b639 {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   MEGA MENU OPEN STATE
   We will add .mega-open through the interaction layer later
   ========================================================= */

.lovella-nav-training.mega-open .elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg,
.lovella-nav-training:hover .elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg,
.lovella-nav-training:focus-within .elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg {

    transform: rotate(180deg) !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-de3b639 {

        width: 9px !important;
        max-width: 9px !important;
        min-width: 9px !important;

        height: 9px !important;
        min-height: 9px !important;

        flex-basis: 9px !important;

        --container-widget-width: 9px !important;
    }

    .elementor-385952 .elementor-element.elementor-element-de3b639 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg {

        width: 9px !important;
        height: 9px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop trigger replaced by mobile navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-de3b639 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-de3b639,
    .elementor-385952 .elementor-element.elementor-element-de3b639 .lovella-training-caret-svg {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2868292 *//* =========================================================
   LOVELLA HEADER
   SHOP NAV TRIGGER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2868292 {

    position: relative !important;

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

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

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 7px !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    cursor: pointer !important;

    color: var(--lovella-charcoal, #211d1e) !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2868292 > .e-con-inner {

    position: relative !important;

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

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

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 7px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ROSE HOVER UNDERLINE
   Covers SHOP + caret as one interaction area
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2868292::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 24px !important;

    height: 1px !important;

    background: var(--lovella-rose, #d28799) !important;

    transform: scaleX(0) !important;

    transform-origin: right center !important;

    transition:
        transform 0.28s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   HOVER / FOCUS STATE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2868292:hover::after,
.elementor-385952 .elementor-element.elementor-element-2868292:focus-within::after,
.lovella-nav-shop:hover .elementor-385952 .elementor-element.elementor-element-2868292::after,
.lovella-nav-shop:focus-within .elementor-385952 .elementor-element.elementor-element-2868292::after {

    transform: scaleX(1) !important;

    transform-origin: left center !important;

}


/* =========================================================
   FUTURE CHILD TEXT + ICON COLOUR
   SHOP label and caret remain synchronised
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2868292:hover,
.elementor-385952 .elementor-element.elementor-element-2868292:focus-within,
.lovella-nav-shop:hover .elementor-385952 .elementor-element.elementor-element-2868292,
.lovella-nav-shop:focus-within .elementor-385952 .elementor-element.elementor-element-2868292 {

    color: var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-2868292,
    .elementor-385952 .elementor-element.elementor-element-2868292 > .e-con-inner {

        gap: 6px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Shop trigger replaced by mobile navigation
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-2868292 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-2868292::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1a664 *//* =========================================================
   LOVELLA HEADER
   NAV ITEM — TRAINING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5b1a664 {

    position: relative !important;

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

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

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

    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    align-self: stretch !important;

    z-index: 30 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5b1a664 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FUTURE MEGA MENU SAFEGUARD
   Training dropdown will be positioned from this wrapper
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5b1a664,
.elementor-385952 .elementor-element.elementor-element-5b1a664 > .e-con-inner {

    overflow: visible !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-5b1a664 {

        margin-left: 25px !important;

    }

}


/* =========================================================
   DESKTOP ONLY
   ========================================================= */

@media (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-5b1a664 {

        display: flex !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Training navigation is replaced by mobile drawer
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-5b1a664 {

        display: none !important;

        margin: 0 !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-997771d *//* =========================================================
   LOVELLA HEADER
   NAV ITEM — HOME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-997771d {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    align-self: stretch !important;

    z-index: 1 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-997771d > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DESKTOP ONLY
   ========================================================= */

@media (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-997771d {

        display: flex !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop navigation is removed as a complete system
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-997771d {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5f1c9 *//* =========================================================
   LOVELLA HEADER
   PRIMARY DESKTOP NAVIGATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-dc5f1c9 {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    z-index: 20 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-dc5f1c9 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NAV ITEM BASE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-dc5f1c9 .lovella-nav-item {

    flex: 0 0 auto !important;

    min-width: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EXPLICIT NAV SPACING
   More reliable than Elementor container gap
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-dc5f1c9 .lovella-nav-item + .lovella-nav-item {

    margin-left: 38px !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-dc5f1c9 .lovella-nav-item + .lovella-nav-item {

        margin-left: 25px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop navigation replaced by mobile drawer
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-dc5f1c9 {

        display: none !important;

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

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

        overflow: hidden !important;

        pointer-events: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21403bd *//* =========================================================
   LOVELLA HEADER
   ONLINE ACADEMY BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd {

    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;

    height: 48px !important;
    min-height: 48px !important;

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

    display: inline-flex !important;

    flex: 0 0 auto !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WIDGET WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-widget-container {

    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;

    height: 48px !important;

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

    display: inline-flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button {

    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;

    padding:
        0
        17px
        0
        10px !important;

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 10px !important;

    background:
        var(--lovella-charcoal, #211d1e) !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 999px !important;

    box-shadow:
        0 10px 24px rgba(33, 29, 30, 0.12) !important;

    white-space: nowrap !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   BUTTON CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-content-wrapper {

    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 10px !important;

    white-space: nowrap !important;

    line-height: 1 !important;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-icon {

    width: 28px !important;
    max-width: 28px !important;
    min-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 28px !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius: 50% !important;

    line-height: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-icon svg {

    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;

    fill: currentColor !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-text {

    display: inline-block !important;

    width: auto !important;
    min-width: max-content !important;

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

    color: #ffffff !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.17px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button:hover,
.elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button:focus {

    background: #151213 !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 12px 28px rgba(33, 29, 30, 0.16) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button {

        padding-right: 14px !important;
        padding-left: 10px !important;

        gap: 8px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-content-wrapper {

        gap: 8px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button-text {

        font-size: 8.5px !important;

        letter-spacing: 1px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Academy CTA will live inside mobile menu instead
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-21403bd {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-21403bd .elementor-button {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31c6e15 *//* =========================================================
   LOVELLA HEADER
   SEARCH ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-31c6e15 {

    position: relative !important;

    width: 18px !important;
    max-width: 18px !important;
    min-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 18px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: 18px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-31c6e15 .elementor-widget-container {

    width: 18px !important;
    height: 18px !important;

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

    display: flex !important;

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

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SVG
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-31c6e15 .lovella-search-icon-svg {

    display: block !important;

    width: 18px !important;
    height: 18px !important;

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

    color: inherit !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LINE WEIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-31c6e15 .lovella-search-icon-svg circle,
.elementor-385952 .elementor-element.elementor-element-31c6e15 .lovella-search-icon-svg path {

    stroke-width: 1.55 !important;

}


/* =========================================================
   HOVER
   ========================================================= */

.lovella-header-search-action:hover .elementor-385952 .elementor-element.elementor-element-31c6e15,
.lovella-header-search-action:focus-within .elementor-385952 .elementor-element.elementor-element-31c6e15 {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-31c6e15,
    .elementor-385952 .elementor-element.elementor-element-31c6e15 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-31c6e15 .lovella-search-icon-svg {

        width: 17px !important;
        height: 17px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-31c6e15 {

        min-width: 17px !important;
        flex-basis: 17px !important;

        --container-widget-width: 17px !important;
    }

}


/* =========================================================
   MOBILE
   Parent Search Action is hidden below 720px
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-31c6e15 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a17651 *//* =========================================================
   LOVELLA HEADER
   SEARCH ACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a17651 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex: 0 0 44px !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid rgba(33, 29, 30, 0.11) !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    overflow: visible !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;

    --container-widget-width: 44px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a17651 > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   Matches approved pale-blush interaction
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a17651:hover,
.elementor-385952 .elementor-element.elementor-element-7a17651:focus-within {

    background:
        rgba(240, 215, 213, 0.24) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

}


/* =========================================================
   TABLET
   Main header becomes 76px high and action circles shrink.
   Search remains visible here.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-7a17651 {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        max-height: 40px !important;
        min-height: 40px !important;

        flex-basis: 40px !important;

        --container-widget-width: 40px !important;
    }

}


/* =========================================================
   MOBILE
   Approved mobile header removes Search from the top bar.
   Search will remain accessible through the mobile UX.
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-7a17651 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-7a17651 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9576d7c *//* =========================================================
   LOVELLA HEADER
   ACCOUNT ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9576d7c {

    position: relative !important;

    width: 18px !important;
    max-width: 18px !important;
    min-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 18px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.25s ease !important;

    --container-widget-width: 18px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9576d7c .elementor-widget-container {

    width: 18px !important;
    height: 18px !important;

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

    display: flex !important;

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

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SVG
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9576d7c .lovella-account-icon-svg {

    display: block !important;

    width: 18px !important;
    height: 18px !important;

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

    color: inherit !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LINE WEIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9576d7c .lovella-account-icon-svg circle,
.elementor-385952 .elementor-element.elementor-element-9576d7c .lovella-account-icon-svg path {

    stroke-width: 1.55 !important;

}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.lovella-account-action:hover .elementor-385952 .elementor-element.elementor-element-9576d7c,
.lovella-account-action:focus-within .elementor-385952 .elementor-element.elementor-element-9576d7c,
.lovella-account-wrap:hover .elementor-385952 .elementor-element.elementor-element-9576d7c,
.lovella-account-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-9576d7c {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET + MOBILE
   Parent Account Wrap is hidden below 1120px
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-9576d7c {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74fe20 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT ACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f74fe20 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex: 0 0 44px !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid rgba(33, 29, 30, 0.11) !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    overflow: visible !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease !important;

    --container-widget-width: 44px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f74fe20 > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f74fe20:hover,
.elementor-385952 .elementor-element.elementor-element-f74fe20:focus-within {

    background:
        rgba(240, 215, 213, 0.24) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   ACCOUNT WRAPPER HOVER
   Keeps button visually active when pointer moves into the
   future account popover below it.
   ========================================================= */

.lovella-account-wrap:hover .elementor-385952 .elementor-element.elementor-element-f74fe20,
.lovella-account-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-f74fe20 {

    background:
        rgba(240, 215, 213, 0.24) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET + MOBILE
   Desktop account action removed with Account Wrap
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-f74fe20 {

        display: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-f74fe20 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-87c97b1 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-87c97b1 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

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

    margin:
        0
        0
        10px
        0 !important;

    padding: 0 !important;

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    line-height: 1 !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-87c97b1 .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-87c97b1 .elementor-heading-title {

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

    width: auto !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.35px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-87c97b1 .elementor-heading-title {

        font-size: 7.8px !important;

        letter-spacing: 1.25px !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a13de70 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — TITLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a13de70 {

    position: relative !important;

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

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

    margin:
        0
        0
        9px
        0 !important;

    padding: 0 !important;

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a13de70 .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-a13de70 .elementor-heading-title {

    width: 100% !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 28px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.05 !important;

    letter-spacing: -0.45px !important;

    text-transform: none !important;

    text-decoration: none !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-a13de70 .elementor-heading-title {

        font-size: 27px !important;

        letter-spacing: -0.4px !important;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4e891f *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — SUPPORTING COPY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e4e891f {

    position: relative !important;

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

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

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

    display: block !important;

    color:
        var(--lovella-body, #655e59) !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   TEXT EDITOR OUTPUT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container,
.elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container p {

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    font-style: normal !important;

    line-height: 1.55 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    text-decoration: none !important;

    text-align: left !important;
}


/* =========================================================
   REMOVE DEFAULT PARAGRAPH SPACING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container p {

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


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-e4e891f .elementor-widget-container p {

        font-size: 10.5px !important;

        line-height: 1.5 !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97decfc *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-97decfc {

    position: relative !important;

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

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

    margin: 0 !important;

    padding:
        28px
        28px
        25px
        28px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 58%,
            rgba(240, 215, 213, 0.30) 100%
        ) !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.07) !important;

    border-radius:
        22px
        22px
        0
        0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   SUBTLE DECORATIVE BLUSH GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-97decfc::after {

    content: "";

    position: absolute !important;

    width: 150px !important;
    height: 150px !important;

    top: -85px !important;
    right: -65px !important;

    border-radius: 50% !important;

    background:
        rgba(240, 215, 213, 0.26) !important;

    filter:
        blur(2px) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-97decfc > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-97decfc {

        padding:
            26px
            26px
            24px
            26px !important;

    }

}


/* =========================================================
   TABLET + MOBILE

   Parent account popover is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-97decfc {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30e73c6 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — MY ACCOUNT ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .elementor-widget-container {

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

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

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CLICKABLE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row {

    position: relative !important;

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

    min-height: 72px !important;

    margin: 0 !important;

    padding:
        12px
        14px !important;

    display: grid !important;

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

    column-gap: 13px !important;

    align-items: center !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-radius: 14px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.20s ease,
        color 0.20s ease,
        transform 0.20s ease !important;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon {

    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;

    display: flex !important;

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

    background:
        rgba(240, 215, 213, 0.48) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.20s ease,
        color 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon-svg {

    display: block !important;

    width: 17px !important;
    height: 17px !important;

    color: inherit !important;

    overflow: visible !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon-svg circle,
.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon-svg path {

    stroke-width: 1.45 !important;

}


/* =========================================================
   TEXT CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__content {

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

    display: flex !important;

    flex-direction: column !important;

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

    gap: 5px !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__title {

    display: block !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.25px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


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

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__copy {

    display: block !important;

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__arrow {

    width: 26px !important;
    height: 26px !important;

    display: flex !important;

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

    color:
        rgba(33, 29, 30, 0.42) !important;

    transition:
        color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__arrow-svg {

    display: block !important;

    width: 17px !important;
    height: 17px !important;

    color: inherit !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__arrow-svg path {

    stroke-width: 1.35 !important;

}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:hover,
.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:focus-visible {

    background:
        rgba(240, 215, 213, 0.26) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateX(2px) !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:hover .lovella-account-row__icon,
.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:focus-visible .lovella-account-row__icon {

    background:
        var(--lovella-pink, #f0d7d5) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:hover .lovella-account-row__title,
.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:focus-visible .lovella-account-row__title {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:hover .lovella-account-row__arrow,
.elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row:focus-visible .lovella-account-row__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row {

        min-height: 68px !important;

        padding:
            11px
            13px !important;

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

        column-gap: 12px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon {

        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row,
    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__icon,
    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__title,
    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__copy,
    .elementor-385952 .elementor-element.elementor-element-30e73c6 .lovella-account-row__arrow {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09d4ee7 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — MY ACCOUNT ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .elementor-widget-container {

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

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

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CLICKABLE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row {

    position: relative !important;

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

    min-height: 72px !important;

    margin: 0 !important;

    padding:
        12px
        14px !important;

    display: grid !important;

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

    column-gap: 13px !important;

    align-items: center !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-radius: 14px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.20s ease,
        color 0.20s ease,
        transform 0.20s ease !important;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon {

    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;

    display: flex !important;

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

    background:
        rgba(240, 215, 213, 0.48) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.20s ease,
        color 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon-svg {

    display: block !important;

    width: 17px !important;
    height: 17px !important;

    color: inherit !important;

    overflow: visible !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon-svg circle,
.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon-svg path {

    stroke-width: 1.45 !important;

}


/* =========================================================
   TEXT CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__content {

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

    display: flex !important;

    flex-direction: column !important;

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

    gap: 5px !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__title {

    display: block !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.25px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


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

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__copy {

    display: block !important;

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__arrow {

    width: 26px !important;
    height: 26px !important;

    display: flex !important;

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

    color:
        rgba(33, 29, 30, 0.42) !important;

    transition:
        color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__arrow-svg {

    display: block !important;

    width: 17px !important;
    height: 17px !important;

    color: inherit !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__arrow-svg path {

    stroke-width: 1.35 !important;

}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:hover,
.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:focus-visible {

    background:
        rgba(240, 215, 213, 0.26) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateX(2px) !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:hover .lovella-account-row__icon,
.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:focus-visible .lovella-account-row__icon {

    background:
        var(--lovella-pink, #f0d7d5) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:hover .lovella-account-row__title,
.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:focus-visible .lovella-account-row__title {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:hover .lovella-account-row__arrow,
.elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row:focus-visible .lovella-account-row__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row {

        min-height: 68px !important;

        padding:
            11px
            13px !important;

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

        column-gap: 12px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon {

        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row,
    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__icon,
    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__title,
    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__copy,
    .elementor-385952 .elementor-element.elementor-element-09d4ee7 .lovella-account-row__arrow {

        transition: none !important;

    }

}

/* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — ROW DIVIDER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-09d4ee7 {

    position: relative !important;

}


/* ---------------------------------------------------------
   SUBTLE DIVIDER ABOVE ORDERS
   --------------------------------------------------------- */

.elementor-385952 .elementor-element.elementor-element-09d4ee7::before {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 14px !important;
    right: 14px !important;

    height: 1px !important;

    background:
        rgba(33, 29, 30, 0.07) !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-09d4ee7::before {

        left: 13px !important;
        right: 13px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b748e38 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — ACTIONS AREA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b748e38 {

    position: relative !important;

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

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

    margin: 0 !important;

    padding:
        10px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    border: 0 !important;

    border-radius:
        0
        0
        22px
        22px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b748e38 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CHILD ROW SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b748e38 > .e-con-inner > * {

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

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-b748e38 {

        padding:
            9px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b01600 *//* =========================================================
   LOVELLA HEADER
   ACCOUNT POPOVER — OUTER SHELL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3b01600 {

    position: absolute !important;

    top: calc(100% - 10px) !important;
    right: 0 !important;

    bottom: auto !important;
    left: auto !important;

    width: 360px !important;
    max-width: 360px !important;
    min-width: 360px !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background: #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.08) !important;

    border-radius: 22px !important;

    box-shadow:
        0 22px 60px rgba(33, 29, 30, 0.10) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 100 !important;


    /* -----------------------------------------------------
       CLOSED STATE
       ----------------------------------------------------- */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(10px) !important;

    transition:
        opacity 0.20s ease,
        transform 0.20s ease,
        visibility 0s linear 0.20s !important;

    --container-widget-width: 360px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3b01600 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   OPEN ON ACCOUNT HOVER / KEYBOARD FOCUS
   ========================================================= */

.lovella-account-wrap:hover .elementor-385952 .elementor-element.elementor-element-3b01600,
.lovella-account-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-3b01600 {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   HOVER BRIDGE

   Extends the interactive area upward so moving the mouse
   from the circular account icon into the dropdown does not
   cause the panel to disappear.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3b01600::before {

    content: "";

    position: absolute !important;

    top: -18px !important;
    right: 0 !important;

    width: 110px !important;
    height: 20px !important;

    background: transparent !important;

    pointer-events: auto !important;

    z-index: 5 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-3b01600 {

        width: 350px !important;
        max-width: 350px !important;
        min-width: 350px !important;

        --container-widget-width: 350px !important;

    }

}


/* =========================================================
   TABLET + MOBILE

   Desktop account popover is not used here.
   We will build the dedicated mobile account experience
   later with the mobile navigation.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-3b01600 {

        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-3b01600 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36144be *//* =========================================================
   LOVELLA HEADER
   ACCOUNT WRAP
   FINAL DESKTOP POPOVER POSITION + INTERACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    flex: 0 0 44px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 50 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   OPEN WRAPPER ABOVE OTHER HEADER ACTIONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be.is-open {

    z-index: 999999 !important;
}


/* =========================================================
   ELEMENTOR INNER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be > .e-con-inner {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACCOUNT POPOVER
   LOWERED BELOW HEADER ACTIONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover {

    position: absolute !important;

    top: calc(100% + 20px) !important;

    right: 0 !important;
    left: auto !important;

    margin: 0 !important;

    z-index: 999999 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-5px) !important;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease,
        visibility 0s linear 0.18s !important;

    isolation: isolate !important;
}


/* =========================================================
   REMOVE POINTER CAPTURE FROM DECORATIVE PSEUDO ELEMENTS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover::before,
.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover::after {

    pointer-events: none !important;
}


/* =========================================================
   OPEN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be.is-open
.lovella-account-popover {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   POPOVER CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be.is-open
.lovella-account-popover > * {

    position: relative !important;

    z-index: 5 !important;

    pointer-events: auto !important;
}


/* =========================================================
   LINKS / BUTTONS MUST SIT ABOVE ALL DECORATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover a,
.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover button {

    position: relative !important;

    z-index: 50 !important;

    pointer-events: auto !important;

    cursor: pointer !important;
}


/* =========================================================
   ANYTHING DECORATIVE INSIDE POPOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover [aria-hidden="true"] {

    pointer-events: none !important;
}


/* =========================================================
   KEYBOARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be:focus-within
.lovella-account-popover {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   NO ELEMENTOR CLIPPING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-36144be,
.elementor-385952 .elementor-element.elementor-element-36144be > .e-con-inner,
.elementor-385952 .elementor-element.elementor-element-36144be > .e-con-inner > * {

    overflow: visible !important;
}


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

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-36144be {

        display: none !important;
    }


    .elementor-385952 .elementor-element.elementor-element-36144be .lovella-account-popover {

        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2fc700 *//* =========================================================
   LOVELLA HEADER
   CART ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a2fc700 {

    position: relative !important;

    width: 18px !important;
    max-width: 18px !important;
    min-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;

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

    display: inline-flex !important;

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

    flex: 0 0 18px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.25s ease !important;

    --container-widget-width: 18px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a2fc700 .elementor-widget-container {

    width: 18px !important;
    height: 18px !important;

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

    display: flex !important;

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

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SVG
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a2fc700 .lovella-cart-icon-svg {

    display: block !important;

    width: 18px !important;
    height: 18px !important;

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

    color: inherit !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LINE WEIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a2fc700 .lovella-cart-icon-svg path {

    stroke-width: 1.55 !important;

}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.lovella-cart-action:hover .elementor-385952 .elementor-element.elementor-element-a2fc700,
.lovella-cart-action:focus-within .elementor-385952 .elementor-element.elementor-element-a2fc700,
.lovella-cart-wrap:hover .elementor-385952 .elementor-element.elementor-element-a2fc700,
.lovella-cart-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-a2fc700 {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-a2fc700,
    .elementor-385952 .elementor-element.elementor-element-a2fc700 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-a2fc700 .lovella-cart-icon-svg {

        width: 17px !important;
        height: 17px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-a2fc700 {

        min-width: 17px !important;

        flex-basis: 17px !important;

        --container-widget-width: 17px !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-a2fc700,
    .elementor-385952 .elementor-element.elementor-element-a2fc700 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-a2fc700 .lovella-cart-icon-svg {

        width: 16px !important;
        height: 16px !important;

    }

    .elementor-385952 .elementor-element.elementor-element-a2fc700 {

        min-width: 16px !important;

        flex-basis: 16px !important;

        --container-widget-width: 16px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-a2fc700 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1be12c3 *//* =========================================================
   LOVELLA HEADER
   DYNAMIC CART COUNT SHORTCODE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1be12c3 {

    position: relative !important;

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

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

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

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1be12c3 .elementor-widget-container {

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

    height: auto !important;

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

    display: inline-flex !important;

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

    line-height: 1 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   WOOCOMMERCE CART COUNT VALUE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1be12c3 .lovella-cart-count-value {

    display: block !important;

    width: auto !important;

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

    color: #ffffff !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-1be12c3 .lovella-cart-count-value {

        font-size: 7.5px !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-1be12c3 .lovella-cart-count-value {

        font-size: 7px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-667bf27 *//* =========================================================
   LOVELLA HEADER
   CART QUANTITY BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-667bf27 {

    position: absolute !important;

    top: -3px !important;
    right: -2px !important;

    left: auto !important;
    bottom: auto !important;

    width: auto !important;
    min-width: 18px !important;
    max-width: none !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;

    padding:
        0
        4px !important;

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        var(--lovella-rose, #d28799) !important;

    color: #ffffff !important;

    border:
        2px solid #ffffff !important;

    border-radius: 999px !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: 10 !important;

    pointer-events: none !important;

    box-sizing: border-box !important;

    line-height: 1 !important;

    flex: 0 0 auto !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-667bf27 > .e-con-inner {

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CHILD WIDGET RESET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-667bf27 .elementor-widget-shortcode {

    position: relative !important;

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

    height: auto !important;

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

    flex: 0 0 auto !important;

    line-height: 1 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-667bf27 .elementor-widget-shortcode .elementor-widget-container {

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

    height: auto !important;

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

    display: flex !important;

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

    line-height: 1 !important;

    overflow: visible !important;
}


/* =========================================================
   DYNAMIC COUNT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-667bf27 .lovella-cart-count-value {

    display: block !important;

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

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

    color: #ffffff !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   EMPTY CART

   Keep the WooCommerce fragment in the DOM so AJAX can
   update it later, but hide the visual badge when count = 0.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-667bf27:has(.lovella-cart-count-value.is-empty) {

    opacity: 0 !important;

    visibility: hidden !important;

    transform: scale(0.75) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-667bf27 {

        top: -4px !important;
        right: -3px !important;

        min-width: 17px !important;

        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;

        padding-right: 3px !important;
        padding-left: 3px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-667bf27 .lovella-cart-count-value {

        font-size: 7.5px !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-667bf27 {

        top: -4px !important;
        right: -3px !important;

        min-width: 16px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;

        padding-right: 3px !important;
        padding-left: 3px !important;

        border-width: 2px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-667bf27 .lovella-cart-count-value {

        font-size: 7px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-667bf27 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d3a328 *//* =========================================================
   LOVELLA HEADER
   CART ACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8d3a328 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex: 0 0 44px !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid rgba(33, 29, 30, 0.11) !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    overflow: visible !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease !important;

    --container-widget-width: 44px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8d3a328 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8d3a328:hover,
.elementor-385952 .elementor-element.elementor-element-8d3a328:focus-within {

    background:
        rgba(240, 215, 213, 0.24) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   CART WRAPPER HOVER
   Keeps button active while pointer moves into mini-cart
   ========================================================= */

.lovella-cart-wrap:hover .elementor-385952 .elementor-element.elementor-element-8d3a328,
.lovella-cart-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-8d3a328 {

    background:
        rgba(240, 215, 213, 0.24) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-8d3a328 {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        max-height: 40px !important;
        min-height: 40px !important;

        flex-basis: 40px !important;

        --container-widget-width: 40px !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-8d3a328 {

        width: 38px !important;
        max-width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        max-height: 38px !important;
        min-height: 38px !important;

        flex-basis: 38px !important;

        --container-widget-width: 38px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-8d3a328 {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2cc38da *//* =========================================================
   LOVELLA HEADER
   CUSTOM DYNAMIC MINI CART
   COMPLETE STYLING
   ========================================================= */


/* =========================================================
   WIDGET RESET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da {

    position: relative !important;

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

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

    display: block !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da,
.elementor-385952 .elementor-element.elementor-element-2cc38da *,
.elementor-385952 .elementor-element.elementor-element-2cc38da *::before,
.elementor-385952 .elementor-element.elementor-element-2cc38da *::after {

    box-sizing: border-box !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .elementor-widget-container {

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

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

    overflow: hidden !important;
}


/* =========================================================
   MAIN CART FRAGMENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-fragment {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    overflow: hidden !important;
}


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

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-header {

    position: relative !important;

    width: 100% !important;

    min-height: 66px !important;

    margin: 0 !important;

    padding:
        21px
        22px
        18px !important;

    display: flex !important;

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

    gap: 18px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 100%
        ) !important;

    border-bottom:
        1px solid rgba(33,29,30,.08) !important;

    flex: 0 0 auto !important;
}


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

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-header__title {

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 27px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: -0.4px !important;

    white-space: nowrap !important;
}


/* =========================================================
   ITEM COUNT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-header__count {

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.15px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   PRODUCT LIST AREA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-items {

    position: relative !important;

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

    max-height: 330px !important;

    margin: 0 !important;

    padding:
        6px
        20px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    background: #ffffff !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scrollbar-width: thin !important;

    scrollbar-color:
        rgba(33,29,30,.18)
        transparent !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-items::-webkit-scrollbar {

    width: 5px !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-items::-webkit-scrollbar-track {

    background: transparent !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-items::-webkit-scrollbar-thumb {

    background:
        rgba(33,29,30,.16) !important;

    border-radius: 999px !important;
}


/* =========================================================
   PRODUCT ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item {

    position: relative !important;

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

    min-height: 104px !important;

    margin: 0 !important;

    padding:
        14px
        28px
        14px
        0 !important;

    display: grid !important;

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

    grid-template-rows:
        auto !important;

    column-gap: 14px !important;

    align-items: center !important;

    background: #ffffff !important;

    border-bottom:
        1px solid rgba(33,29,30,.08) !important;

    overflow: visible !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item:last-child {

    border-bottom: 0 !important;
}


/* =========================================================
   PRODUCT IMAGE WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image {

    position: relative !important;

    grid-column: 1 !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;

    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

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

    display: block !important;

    overflow: hidden !important;

    border-radius: 13px !important;

    background:
        #f7f4f1 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image a {

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

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

    display: block !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image img,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image-img {

    position: relative !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;

    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

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

    display: block !important;

    object-fit: cover !important;

    object-position: center !important;

    border: 0 !important;

    border-radius: 13px !important;

    box-shadow: none !important;
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__content {

    grid-column: 2 !important;

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

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

    display: flex !important;

    flex-direction: column !important;

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

    gap: 5px !important;

    overflow: hidden !important;
}


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

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__title {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    line-height: 1.12 !important;

    letter-spacing: -0.15px !important;

    text-decoration: none !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

    transition:
        color .18s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da a.lovella-mini-cart-item__title:hover {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   PRODUCT VARIATION / ADD-ON META
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta {

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

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 400 !important;

    line-height: 1.35 !important;

    overflow: hidden !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dl,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dt,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dd,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta p {

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

    float: none !important;

    border: 0 !important;

    color:
        var(--lovella-body, #655e59) !important;

    font-size: inherit !important;

    line-height: inherit !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dl {

    display: grid !important;

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

    column-gap: 4px !important;
    row-gap: 2px !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dt {

    font-weight: 700 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__meta dd {

    font-weight: 400 !important;
}


/* =========================================================
   QUANTITY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__quantity {

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

    display: flex !important;

    align-items: center !important;

    gap: 4px !important;

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 500 !important;

    line-height: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__quantity-label {

    opacity: .72 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__quantity-value {

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-weight: 700 !important;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__price {

    grid-column: 3 !important;

    align-self: center !important;

    margin: 0 !important;

    padding:
        0
        2px
        0
        8px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    line-height: 1.25 !important;

    text-align: right !important;

    white-space: nowrap !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__price .woocommerce-Price-amount,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__price .woocommerce-Price-currencySymbol {

    color: inherit !important;

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* =========================================================
   REMOVE BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__remove {

    position: absolute !important;

    top: 12px !important;
    right: 0 !important;

    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;

    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;

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

    display: flex !important;

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

    background:
        transparent !important;

    color:
        rgba(33,29,30,.36) !important;

    border: 0 !important;

    border-radius: 50% !important;

    text-decoration: none !important;

    line-height: 0 !important;

    overflow: hidden !important;

    z-index: 5 !important;

    transition:
        background-color .18s ease,
        color .18s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__remove svg {

    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;

    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;

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

    display: block !important;

    color: inherit !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__remove svg path {

    stroke-width: 1.6 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__remove:hover {

    background:
        rgba(240,215,213,.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   SUBTOTAL SECTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total {

    width: 100% !important;

    margin: 0 !important;

    padding:
        18px
        20px
        14px !important;

    display: flex !important;

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

    gap: 20px !important;

    background:
        #fffafa !important;

    border-top:
        1px solid rgba(33,29,30,.08) !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   SUBTOTAL LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total__label {

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.15px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   SUBTOTAL VALUE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total__value {

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 25px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: -0.35px !important;

    white-space: nowrap !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total__value .woocommerce-Price-amount,
.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total__value .woocommerce-Price-currencySymbol {

    color: inherit !important;

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* =========================================================
   CART ACTIONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-actions {

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        20px
        20px !important;

    display: grid !important;

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

    gap: 10px !important;

    background:
        #fffafa !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   BUTTON BASE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-button {

    width: 100% !important;

    min-height: 44px !important;

    margin: 0 !important;

    padding:
        0
        12px !important;

    display: flex !important;

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

    border-radius: 999px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.05px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}


/* =========================================================
   VIEW CART
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-button--cart {

    background:
        #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid rgba(33,29,30,.16) !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-button--cart:hover {

    background:
        var(--lovella-pink-soft, #fff6f7) !important;

    border-color:
        rgba(210,135,153,.40) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   CHECKOUT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-button--checkout {

    background:
        var(--lovella-charcoal, #211d1e) !important;

    color:
        #ffffff !important;

    border:
        1px solid
        var(--lovella-charcoal, #211d1e) !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-button--checkout:hover {

    background:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        var(--lovella-rose-deep, #c8878d) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   EMPTY CART
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty {

    width: 100% !important;

    padding:
        38px
        28px
        32px !important;

    display: flex !important;

    flex-direction: column !important;

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

    text-align: center !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 100%
        ) !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__icon {

    width: 46px !important;
    height: 46px !important;

    margin:
        0
        0
        17px !important;

    display: flex !important;

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

    background:
        rgba(240,215,213,.52) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__icon svg {

    width: 20px !important;
    height: 20px !important;

    display: block !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__icon svg path {

    stroke-width: 1.45 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__kicker {

    margin:
        0
        0
        9px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.3px !important;

    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__title {

    margin:
        0
        0
        8px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 24px !important;

    font-weight: 500 !important;

    line-height: 1.05 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__copy {

    max-width: 280px !important;

    margin:
        0
        0
        20px !important;

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__button {

    min-height: 42px !important;

    padding:
        0
        20px !important;

    display: inline-flex !important;

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

    background:
        var(--lovella-charcoal, #211d1e) !important;

    color:
        #ffffff !important;

    border-radius: 999px !important;

    text-decoration: none !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.1px !important;

    text-transform: uppercase !important;

    transition:
        background-color .18s ease,
        transform .18s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-empty__button:hover {

    background:
        var(--lovella-rose-deep, #c8878d) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-header {

        min-height: 62px !important;

        padding:
            19px
            20px
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-header__title {

        font-size: 25px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-items {

        max-height: 300px !important;

        padding:
            5px
            18px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item {

        min-height: 98px !important;

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

        column-gap: 12px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image,
    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image img,
    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__image-img {

        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;

        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__title {

        font-size: 16px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-total {

        padding:
            17px
            18px
            13px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-actions {

        padding:
            0
            18px
            18px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-2cc38da a,
    .elementor-385952 .elementor-element.elementor-element-2cc38da .lovella-mini-cart-item__remove {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c7ffbc *//* =========================================================
   LOVELLA HEADER
   MINI CART — OUTER POPOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2c7ffbc {

    position: absolute !important;

    top: calc(100% - 10px) !important;
    right: 0 !important;

    bottom: auto !important;
    left: auto !important;

    width: 410px !important;
    max-width: 410px !important;
    min-width: 410px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px) !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background: #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.08) !important;

    border-radius: 22px !important;

    box-shadow:
        0 24px 70px rgba(33, 29, 30, 0.13) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 120 !important;


    /* =====================================================
       CLOSED STATE
       ===================================================== */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(10px) !important;

    transition:
        opacity 0.20s ease,
        transform 0.20s ease,
        visibility 0s linear 0.20s !important;

    --container-widget-width: 410px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2c7ffbc > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   OPEN ON CART HOVER / KEYBOARD FOCUS
   ========================================================= */

.lovella-cart-wrap:hover .elementor-385952 .elementor-element.elementor-element-2c7ffbc,
.lovella-cart-wrap:focus-within .elementor-385952 .elementor-element.elementor-element-2c7ffbc {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   HOVER BRIDGE

   Keeps the mini cart open while the cursor moves from the
   circular cart icon down into the dropdown.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2c7ffbc::before {

    content: "";

    position: absolute !important;

    top: -18px !important;
    right: 0 !important;

    width: 120px !important;
    height: 20px !important;

    background: transparent !important;

    pointer-events: auto !important;

    z-index: 5 !important;
}


/* =========================================================
   SUBTLE TOP ACCENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-2c7ffbc::after {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

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

    background:
        linear-gradient(
            90deg,
            var(--lovella-pink, #f0d7d5),
            var(--lovella-rose, #d28799),
            var(--lovella-gold, #b99457)
        ) !important;

    pointer-events: none !important;

    z-index: 10 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-2c7ffbc {

        width: 390px !important;
        max-width: 390px !important;
        min-width: 390px !important;

        max-height:
            calc(100vh - 135px) !important;

        --container-widget-width: 390px !important;

    }

}


/* =========================================================
   TABLET + MOBILE

   Desktop hover mini-cart is disabled below 1120px.
   Mobile will use a proper tap-driven cart panel later.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-2c7ffbc {

        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-2c7ffbc {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c32c2d9 *//* =========================================================
   LOVELLA HEADER
   CART WRAP
   FINAL DESKTOP POPOVER POSITION + INTERACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    flex: 0 0 44px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 55 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   OPEN WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9.is-open {

    z-index: 999999 !important;
}


/* =========================================================
   ELEMENTOR INNER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 > .e-con-inner {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CART POPOVER
   LOWERED BELOW HEADER ACTIONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover {

    position: absolute !important;

    top: calc(100% + 20px) !important;

    right: 0 !important;
    left: auto !important;

    margin: 0 !important;

    z-index: 999999 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-5px) !important;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease,
        visibility 0s linear 0.18s !important;

    isolation: isolate !important;
}


/* =========================================================
   REMOVE OLD BRIDGES / DECORATIVE POINTER CAPTURE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover::before,
.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover::after {

    pointer-events: none !important;
}


/* =========================================================
   OPEN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9.is-open
.lovella-cart-popover {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   POPOVER CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9.is-open
.lovella-cart-popover > * {

    position: relative !important;

    z-index: 5 !important;

    pointer-events: auto !important;
}


/* =========================================================
   ALL ACTUAL CART LINKS / BUTTONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover a,
.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover button {

    position: relative !important;

    z-index: 50 !important;

    pointer-events: auto !important;

    cursor: pointer !important;
}


/* =========================================================
   DECORATIVE ELEMENTS MUST NEVER INTERCEPT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover [aria-hidden="true"] {

    pointer-events: none !important;
}


/* =========================================================
   KEYBOARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9:focus-within
.lovella-cart-popover {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   NO CLIPPING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c32c2d9,
.elementor-385952 .elementor-element.elementor-element-c32c2d9 > .e-con-inner,
.elementor-385952 .elementor-element.elementor-element-c32c2d9 > .e-con-inner > * {

    overflow: visible !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-c32c2d9 {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;

        flex-basis: 40px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-c32c2d9 > .e-con-inner {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-c32c2d9 .lovella-cart-popover {

        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a03d9ad *//* =========================================================
   LOVELLA HEADER
   MOBILE MENU TRIGGER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .elementor-widget-container {

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    overflow: visible !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger {

    position: relative !important;

    width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: inline-flex !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.11) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 5px 18px rgba(33, 29, 30, 0.045) !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    cursor:
        pointer !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger__icon {

    position: relative !important;

    width:
        17px !important;

    height:
        13px !important;

    display:
        block !important;
}


/* =========================================================
   LINES
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger__line {

    position: absolute !important;

    left: 0 !important;

    width:
        17px !important;

    height:
        1.5px !important;

    background:
        currentColor !important;

    border-radius:
        999px !important;

    transform-origin:
        center center !important;

    transition:
        top 0.22s ease,
        transform 0.22s ease,
        width 0.22s ease !important;
}


/* TOP */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger__line--top {

    top:
        3px !important;
}


/* BOTTOM */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger__line--bottom {

    top:
        9px !important;

    width:
        12px !important;

    left:
        5px !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger:hover {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        rgba(240, 215, 213, 0.20) !important;

    border-color:
        rgba(210, 135, 153, 0.22) !important;

    box-shadow:
        0 8px 22px rgba(33, 29, 30, 0.065) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger:focus-visible {

    outline:
        2px solid rgba(210, 135, 153, 0.38) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   ACTIVE / OPEN VISUAL STATE

   We will activate this later with JS.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a03d9ad
.lovella-mobile-menu-trigger.is-active
.lovella-mobile-menu-trigger__line--top {

    top:
        6px !important;

    transform:
        rotate(45deg) !important;
}


.elementor-385952 .elementor-element.elementor-element-a03d9ad
.lovella-mobile-menu-trigger.is-active
.lovella-mobile-menu-trigger__line--bottom {

    top:
        6px !important;

    left:
        0 !important;

    width:
        17px !important;

    transform:
        rotate(-45deg) !important;
}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-a03d9ad,
    .elementor-385952 .elementor-element.elementor-element-a03d9ad .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger {

        width:
            42px !important;

        min-width:
            42px !important;

        height:
            42px !important;

        min-height:
            42px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-a03d9ad,
    .elementor-385952 .elementor-element.elementor-element-a03d9ad .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger {

        width:
            40px !important;

        min-width:
            40px !important;

        height:
            40px !important;

        min-height:
            40px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger,
    .elementor-385952 .elementor-element.elementor-element-a03d9ad .lovella-mobile-menu-trigger__line {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d7d360 *//* =========================================================
   LOVELLA HEADER
   MOBILE MENU ACTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6d7d360 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: none !important;

    flex-direction: row !important;

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

    flex: 0 0 44px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 12 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6d7d360 > .e-con-inner {

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    display: flex !important;

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

    overflow: visible !important;
}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-6d7d360 {

        display: flex !important;
    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-6d7d360 {

        width: 42px !important;
        max-width: 42px !important;
        min-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;

        flex-basis: 42px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-6d7d360 > .e-con-inner {

        width: 42px !important;
        max-width: 42px !important;
        min-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-6d7d360 {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;

        flex-basis: 40px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-6d7d360 > .e-con-inner {

        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a0a039 *//* =========================================================
   LOVELLA HEADER
   ACTIONS WRAPPER
   IMPORTANT: MUST ALLOW POPOVERS TO ESCAPE HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 {

    position: relative !important;

    grid-column: 3 !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 8px !important;

    /*
     * CRITICAL
     * Account and cart dropdowns extend outside this container.
     */
    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 50 !important;

    isolation: visible !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 8px !important;

    /*
     * CRITICAL
     */
    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIRECT CHILD SAFEGUARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner > *,
.elementor-385952 .elementor-element.elementor-element-7a0a039 > * {

    flex-shrink: 0 !important;

}


/* =========================================================
   ACCOUNT WRAP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-account-wrap {

    position: relative !important;

    overflow: visible !important;

    z-index: 70 !important;
}


.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-account-wrap > .e-con-inner {

    overflow: visible !important;
}


/* =========================================================
   CART WRAP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-cart-wrap {

    position: relative !important;

    overflow: visible !important;

    z-index: 80 !important;
}


.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-cart-wrap > .e-con-inner {

    overflow: visible !important;
}


/* =========================================================
   FORCE POPOVERS ABOVE HEADER CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-account-popover {

    z-index: 500 !important;

}


.elementor-385952 .elementor-element.elementor-element-7a0a039 .lovella-cart-popover {

    z-index: 510 !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-7a0a039 {

        gap: 8px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner {

        gap: 8px !important;

    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-7a0a039 {

        grid-column: 2 !important;

        gap: 8px !important;

        overflow: visible !important;

    }


    .elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner {

        gap: 8px !important;

        overflow: visible !important;

    }

}


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

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-7a0a039 {

        gap: 5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner {

        gap: 5px !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-7a0a039 {

        gap: 4px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-7a0a039 > .e-con-inner {

        gap: 4px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3c5d22 *//* =========================================================
   LOVELLA HEADER
   MAIN INNER STRUCTURE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a3c5d22 {

    position: relative !important;

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

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

    margin: 0 auto !important;

    padding: 0 26px !important;

    display: grid !important;

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

    grid-template-rows: 1fr !important;

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

    column-gap: 34px !important;
    row-gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 1 1560px !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a3c5d22 > .e-con-inner {

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

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

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

    display: contents !important;
}


/* =========================================================
   DIRECT CHILD SAFEGUARDS
   Future logo, navigation and action containers
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a3c5d22 > *,
.elementor-385952 .elementor-element.elementor-element-a3c5d22 > .e-con-inner > * {

    min-width: 0 !important;

    box-sizing: border-box !important;

}


/* =========================================================
   NARROW DESKTOP
   Matches supplied header design
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-a3c5d22 {

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

        column-gap: 22px !important;

        padding-right: 26px !important;
        padding-left: 26px !important;

    }

}


/* =========================================================
   TABLET / MOBILE HEADER
   Primary navigation disappears later, leaving:
   Logo | Actions
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-a3c5d22 {

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

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

        grid-template-rows: 1fr !important;

        column-gap: 20px !important;

        padding-right: 15px !important;
        padding-left: 15px !important;

    }

}


/* =========================================================
   MOBILE
   12px edge gutter matches supplied design
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-a3c5d22 {

        column-gap: 12px !important;

        padding-right: 12px !important;
        padding-left: 12px !important;

    }

}


/* =========================================================
   SMALL MOBILE
   Prevent action icons forcing logo overflow
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-a3c5d22 {

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

        column-gap: 8px !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39fc5da *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-39fc5da {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

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

    margin:
        0
        0
        16px
        0 !important;

    padding: 0 !important;

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    line-height: 1 !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-39fc5da .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-39fc5da .elementor-heading-title {

    width: auto !important;

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

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.55px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SMALL ACCENT RULE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-39fc5da::after {

    content: "";

    display: block !important;

    width: 34px !important;
    height: 1px !important;

    margin-top: 13px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    opacity: 0.72 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-39fc5da {

        margin-bottom: 14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-39fc5da .elementor-heading-title {

        font-size: 8.5px !important;

        letter-spacing: 1.4px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-39fc5da::after {

        width: 30px !important;

        margin-top: 11px !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4e9b46b *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — EDITORIAL TITLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e9b46b {

    position: relative !important;

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

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

    margin:
        0
        0
        20px
        0 !important;

    padding: 0 !important;

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e9b46b .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-4e9b46b .elementor-heading-title {

    width: 100% !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 46px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 0.98 !important;

    letter-spacing: -0.8px !important;

    text-transform: none !important;

    text-decoration: none !important;

    text-align: left !important;

    text-wrap: balance !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EMPHASIS ON SECOND LINE

   Keeps the heading elegant without adding another widget.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e9b46b .elementor-heading-title br {

    display: block !important;

    content: "" !important;

    margin-top: 2px !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-4e9b46b {

        max-width: 360px !important;

        margin-bottom: 18px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-4e9b46b .elementor-heading-title {

        font-size: 40px !important;

        line-height: 1 !important;

        letter-spacing: -0.65px !important;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a99563 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — SUPPORTING COPY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a99563 {

    position: relative !important;

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

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

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

    display: block !important;

    color:
        var(--lovella-body, #655e59) !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a99563 .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a99563 .elementor-widget-container,
.elementor-385952 .elementor-element.elementor-element-9a99563 .elementor-widget-container p {

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    font-style: normal !important;

    line-height: 1.65 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    text-decoration: none !important;

    text-align: left !important;

    text-wrap: pretty !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-9a99563 {

        max-width: 320px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-9a99563 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-9a99563 .elementor-widget-container p {

        font-size: 11px !important;

        line-height: 1.6 !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6e6b17 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — INTRO CONTENT GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a6e6b17 {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a6e6b17 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CHILD SAFEGUARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-a6e6b17 > .e-con-inner > * {

    position: relative !important;

    max-width: 100% !important;

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET + MOBILE
   Parent desktop mega is already hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-a6e6b17 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10f454a *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — EXPLORE CTA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

    overflow: visible !important;
}


/* =========================================================
   CLICKABLE LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    min-height: 42px !important;

    margin: 0 !important;

    padding:
        0
        0
        8px
        0 !important;

    display: inline-flex !important;

    flex-direction: row !important;

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

    gap: 13px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        transparent !important;

    border: 0 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        color 0.22s ease !important;
}


/* =========================================================
   UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 54px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transition:
        width 0.28s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__text {

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

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.55px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   ARROW CIRCLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__icon {

    width: 30px !important;
    min-width: 30px !important;

    height: 30px !important;
    min-height: 30px !important;

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

    display: inline-flex !important;

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

    background:
        rgba(240, 215, 213, 0.72) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid rgba(210, 135, 153, 0.12) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__icon svg {

    display: block !important;

    width: 14px !important;
    height: 14px !important;

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

    color: inherit !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__icon svg path {

    stroke-width: 1.45 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:hover,
.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:hover::after,
.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:focus-visible::after {

    width: 100% !important;
}


.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:hover
.lovella-training-explore__icon,
.elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore:focus-visible
.lovella-training-explore__icon {

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.32) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore {

        min-height: 38px !important;

        gap: 11px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__text {

        font-size: 8.5px !important;

        letter-spacing: 1.35px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-10f454a .lovella-training-explore__icon {

        width: 28px !important;
        min-width: 28px !important;

        height: 28px !important;
        min-height: 28px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6f9d9f *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — INTRO FOOTER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b6f9d9f {

    position: relative !important;

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

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

    margin: 0 !important;

    /*
     * The space is created INSIDE the footer rather than
     * through margin because the parent uses space-between.
     */
    padding:
        28px
        0
        0
        0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    border-top:
        1px solid rgba(33, 29, 30, 0.10) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ROSE ACCENT ON DIVIDER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b6f9d9f::before {

    content: "";

    position: absolute !important;

    top: -1px !important;
    left: 0 !important;

    width: 54px !important;
    height: 1px !important;

    margin: 0 !important;

    background:
        var(--lovella-rose, #d28799) !important;

    pointer-events: none !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b6f9d9f > .e-con-inner {

    position: relative !important;

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

    height: auto !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-b6f9d9f {

        padding-top: 24px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bbea2 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — INTRO COLUMN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6bbea2 {

    position: relative !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

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

    height: 100% !important;
    min-height: 445px !important;

    margin: 0 !important;

    padding:
        52px
        46px
        44px
        46px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 48%,
            rgba(240, 215, 213, 0.46) 100%
        ) !important;

    border: 0 !important;

    border-right:
        1px solid rgba(33, 29, 30, 0.08) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 1 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   SOFT DECORATIVE BLUSH GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6bbea2::before {

    content: "";

    position: absolute !important;

    width: 330px !important;
    height: 330px !important;

    right: -170px !important;
    bottom: -190px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(210, 135, 153, 0.16) 0%,
            rgba(240, 215, 213, 0.09) 46%,
            rgba(240, 215, 213, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   VERY SUBTLE TOP LIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6bbea2::after {

    content: "";

    position: absolute !important;

    width: 220px !important;
    height: 220px !important;

    top: -145px !important;
    left: -90px !important;

    border-radius: 50% !important;

    background:
        rgba(255, 255, 255, 0.72) !important;

    filter:
        blur(12px) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6bbea2 > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 349px !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
}


/* =========================================================
   FUTURE CHILD SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6bbea2 > .e-con-inner > * {

    position: relative !important;

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

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-c6bbea2 {

        min-height: 430px !important;

        padding:
            44px
            34px
            38px
            34px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6bbea2 > .e-con-inner {

        min-height: 348px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6bbea2::before {

        width: 280px !important;
        height: 280px !important;

        right: -155px !important;
        bottom: -165px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Parent desktop mega menu is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-c6bbea2 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1dcf761 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSES KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1dcf761 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

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

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    line-height: 1 !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1dcf761 .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-1dcf761 .elementor-heading-title {

    width: auto !important;

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

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.55px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-1dcf761 .elementor-heading-title {

        font-size: 8.5px !important;

        letter-spacing: 1.4px !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-20bf942 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSES TITLE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-20bf942 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-20bf942 .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

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

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-20bf942 .elementor-heading-title {

    width: auto !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 32px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: -0.45px !important;

    text-transform: none !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-20bf942 .elementor-heading-title {

        font-size: 29px !important;

        letter-spacing: -0.35px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da38f8b *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE DIRECTORY HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da38f8b {

    position: relative !important;

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

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

    margin:
        0
        0
        27px
        0 !important;

    padding:
        0
        0
        22px
        0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-end !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;

    gap: 24px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da38f8b > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-end !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;

    gap: 24px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CHILD SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da38f8b > .e-con-inner > * {

    position: relative !important;

    min-width: 0 !important;

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SUBTLE ROSE DETAIL
   Gives the divider a more branded starting point.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-da38f8b::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: -1px !important;

    width: 42px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    pointer-events: none !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-da38f8b {

        margin-bottom: 24px !important;

        padding-bottom: 19px !important;

        gap: 18px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-da38f8b > .e-con-inner {

        gap: 18px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-da38f8b::after {

        width: 36px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Parent Training mega is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-da38f8b {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27410fb *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-27410fb .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2ac091 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-c2ac091 .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdfd78e *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-bdfd78e .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8674dfb *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-8674dfb .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5747444 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-5747444 .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f599b5c *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-f599b5c .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc30329 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE ROW 01
   CLASSIC ARTISTRY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 {

    position: relative !important;

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

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .elementor-widget-container {

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

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

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENTIRE CLICKABLE COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link {

    position: relative !important;

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

    min-height: 61px !important;

    margin: 0 !important;

    padding:
        14px
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 13px !important;

    background:
        transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    outline: none !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        padding-left 0.20s ease,
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-num {

    width: auto !important;

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

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-name {

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

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

    display: block !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    font-style: normal !important;

    line-height: 1.12 !important;

    letter-spacing: -0.1px !important;

    text-decoration: none !important;

    text-align: left !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   COURSE BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-badge {

    width: auto !important;

    margin: 0 !important;

    padding:
        5px
        7px !important;

    display: inline-flex !important;

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

    color:
        #7d7470 !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0.84px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


/* =========================================================
   HOVER
   Source behaviour:
   - shift row 7px right
   - colour treatment moves toward Lovella rose
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:hover {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:hover .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:hover .lovella-course-num {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:hover .lovella-course-badge {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(200, 135, 141, 0.34) !important;

    background:
        rgba(240, 215, 213, 0.18) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        1px solid
        rgba(210, 135, 153, 0.46) !important;

    outline-offset:
        3px !important;
}


.elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:focus-visible .lovella-course-name {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link {

        min-height: 58px !important;

        padding:
            13px
            0 !important;

        gap:
            10px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:hover,
    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link:focus-visible {

        padding-left:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-num {

        font-size:
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-name {

        font-size:
            17px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-badge {

        padding:
            4px
            6px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            0.72px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-link,
    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-num,
    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-name,
    .elementor-385952 .elementor-element.elementor-element-cc30329 .lovella-course-badge {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e3565 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-33e3565 {

    position: relative !important;

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

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

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

    display: grid !important;

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

    column-gap: 34px !important;
    row-gap: 0 !important;

    align-items: stretch !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER

   Make Elementor's wrapper the actual two-column grid.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-33e3565 > .e-con-inner {

    position: relative !important;

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

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

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

    display: grid !important;

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

    column-gap: 34px !important;
    row-gap: 0 !important;

    align-items: stretch !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COURSE ROW SAFEGUARDS

   Each future course link must fill its grid cell.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-33e3565 > .e-con-inner > * {

    position: relative !important;

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

    margin: 0 !important;

    align-self: stretch !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   Source uses a slightly tighter course area when space
   becomes limited.
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-33e3565,
    .elementor-385952 .elementor-element.elementor-element-33e3565 > .e-con-inner {

        column-gap: 26px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Training mega is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-33e3565 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f5454f *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — COURSE DIRECTORY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3f5454f {

    position: relative !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    height: 100% !important;
    min-height: 445px !important;

    margin: 0 !important;

    padding:
        42px
        46px
        38px
        46px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    border: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 1 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   SUBTLE BACKGROUND DETAIL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3f5454f::before {

    content: "";

    position: absolute !important;

    width: 420px !important;
    height: 420px !important;

    top: -270px !important;
    right: -180px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(240, 215, 213, 0.20) 0%,
            rgba(240, 215, 213, 0.07) 48%,
            rgba(240, 215, 213, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3f5454f > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 365px !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}


/* =========================================================
   FUTURE CHILD SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3f5454f > .e-con-inner > * {

    position: relative !important;

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

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-3f5454f {

        min-height: 430px !important;

        padding:
            36px
            34px
            34px
            34px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-3f5454f > .e-con-inner {

        min-height: 360px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-3f5454f::before {

        width: 360px !important;
        height: 360px !important;

        top: -235px !important;
        right: -165px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Parent mega menu is replaced below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-3f5454f {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07cd07c *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — MAIN GRID
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-07cd07c {

    position: relative !important;

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

    height: auto !important;

    min-height: 445px !important;

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

    display: grid !important;

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

    grid-template-rows:
        minmax(445px, auto) !important;

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

    gap: 0 !important;

    background:
        #ffffff !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER

   Elementor normally adds an extra flex wrapper.
   We convert that wrapper into the actual grid so its direct
   child containers become the two columns.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-07cd07c > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;

    min-height: 445px !important;

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

    display: grid !important;

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

    grid-template-rows:
        minmax(445px, auto) !important;

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

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FUTURE COLUMN SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-07cd07c > .e-con-inner > * {

    position: relative !important;

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

    height: 100% !important;
    min-height: 445px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP

   Slightly rebalance columns to give the course area more
   usable space on smaller desktop screens.
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-07cd07c,
    .elementor-385952 .elementor-element.elementor-element-07cd07c > .e-con-inner {

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

        min-height: 430px !important;

        grid-template-rows:
            minmax(430px, auto) !important;

    }


    .elementor-385952 .elementor-element.elementor-element-07cd07c > .e-con-inner > * {

        min-height: 430px !important;

    }

}


/* =========================================================
   TABLET + MOBILE

   Parent Training mega is already removed below 1120px,
   but keep the grid harmless as an additional safeguard.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-07cd07c {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6350503 *//* =========================================================
   LOVELLA HEADER
   TRAINING MEGA — FINAL INTERACTION SHELL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503 {

    position: absolute !important;

    top: 100% !important;

    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width:
        min(
            1510px,
            calc(100vw - 44px)
        ) !important;

    max-width:
        min(
            1510px,
            calc(100vw - 44px)
        ) !important;

    min-width: 0 !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.08) !important;

    border-top: 0 !important;

    border-radius:
        0
        0
        28px
        28px !important;

    box-shadow:
        0 28px 75px rgba(33, 29, 30, 0.13) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    /*
     * Keep the entire Training panel well above the
     * underlying page and other Elementor content.
     */
    z-index: 999999 !important;


    /* =====================================================
       CLOSED
       ===================================================== */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translate(-50%, 6px) !important;

    transition:
        opacity 0.16s ease,
        transform 0.18s ease,
        visibility 0s linear 0.16s !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   OPEN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503.is-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translate(-50%, 0) !important;

    transition-delay:
        0s !important;
}


/* =========================================================
   INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503 > .e-con-inner {

    position: relative !important;

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

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    pointer-events: auto !important;

    z-index: 2 !important;
}


/* =========================================================
   MAKE ALL TRAINING CONTENT INTERACTIVE

   This is deliberate. If Elementor has introduced any
   pointer-events inheritance on nested containers/widgets,
   we explicitly restore interaction here.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503.is-open .e-con,
.elementor-385952 .elementor-element.elementor-element-6350503.is-open .elementor-element,
.elementor-385952 .elementor-element.elementor-element-6350503.is-open .elementor-widget,
.elementor-385952 .elementor-element.elementor-element-6350503.is-open .elementor-widget-container,
.elementor-385952 .elementor-element.elementor-element-6350503.is-open a,
.elementor-385952 .elementor-element.elementor-element-6350503.is-open button {

    pointer-events:
        auto !important;
}


/* =========================================================
   LINK CURSOR
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503.is-open a {

    cursor:
        pointer !important;
}


/* =========================================================
   TOP ACCENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6350503::after {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

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

    background:
        linear-gradient(
            90deg,
            var(--lovella-pink, #f0d7d5),
            var(--lovella-rose, #d28799),
            var(--lovella-gold, #b99457),
            var(--lovella-pink, #f0d7d5)
        ) !important;

    pointer-events:
        none !important;

    z-index:
        20 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-6350503 {

        width:
            calc(100vw - 32px) !important;

        max-width:
            calc(100vw - 32px) !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-6350503 {

        display:
            none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-6350503 {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42ec5eb *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — DEPARTMENT TAB
   LASHES
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .elementor-widget-container {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTUAL TAB BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab {

    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;

    padding:
        0
        2px !important;

    display: inline-flex !important;

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

    background:
        transparent !important;

    color:
        rgba(33, 29, 30, 0.52) !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    text-decoration: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab__label {

    position: relative !important;

    display: block !important;

    width: auto !important;

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

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.65px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   ACTIVE / HOVER UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 18px !important;

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

    margin: auto !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        scaleX(0) !important;

    transform-origin:
        right center !important;

    transition:
        transform 0.25s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   DEFAULT ACTIVE STATE
   LASHES starts active.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab.is-active {

    color:
        var(--lovella-charcoal, #211d1e) !important;
}


.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab.is-active::after {

    transform:
        scaleX(1) !important;

    transform-origin:
        left center !important;
}


/* =========================================================
   HOVER / KEYBOARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab:hover,
.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab:hover::after,
.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab:focus-visible::after {

    transform:
        scaleX(1) !important;

    transform-origin:
        left center !important;
}


/* =========================================================
   ACCESSIBLE KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab:focus-visible {

    outline:
        1px solid
        rgba(210, 135, 153, 0.42) !important;

    outline-offset:
        5px !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab {

        min-height: 70px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab__label {

        font-size: 10.5px !important;

        letter-spacing: 1.5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab::after {

        bottom: 16px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab,
    .elementor-385952 .elementor-element.elementor-element-42ec5eb .lovella-shop-department-tab::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2cd298 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — DEPARTMENT TAB
   BROWS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

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

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .elementor-widget-container {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

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

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTUAL TAB BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab {

    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;

    padding:
        0
        2px !important;

    display: inline-flex !important;

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

    background:
        transparent !important;

    color:
        rgba(33, 29, 30, 0.52) !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    text-decoration: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab__label {

    position: relative !important;

    display: block !important;

    width: auto !important;

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

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.65px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 18px !important;

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

    margin: auto !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        scaleX(0) !important;

    transform-origin:
        right center !important;

    transition:
        transform 0.25s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   ACTIVE STATE

   Header Controller will add .is-active when Brows
   becomes the selected department.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab.is-active {

    color:
        var(--lovella-charcoal, #211d1e) !important;
}


.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab.is-active::after {

    transform:
        scaleX(1) !important;

    transform-origin:
        left center !important;
}


/* =========================================================
   HOVER / KEYBOARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab:hover,
.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab:hover::after,
.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab:focus-visible::after {

    transform:
        scaleX(1) !important;

    transform-origin:
        left center !important;
}


/* =========================================================
   ACCESSIBLE KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab:focus-visible {

    outline:
        1px solid
        rgba(210, 135, 153, 0.42) !important;

    outline-offset:
        5px !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab {

        min-height: 70px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab__label {

        font-size: 10.5px !important;

        letter-spacing: 1.5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab::after {

        bottom: 16px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab,
    .elementor-385952 .elementor-element.elementor-element-b2cd298 .lovella-shop-department-tab::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e02321 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — DEPARTMENT TABS WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e02321 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 30px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 3 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e02321 > .e-con-inner {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

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

    display: inline-flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 30px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FUTURE TAB SAFEGUARDS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-4e02321 > .e-con-inner > * {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    height: 100% !important;

    margin: 0 !important;

    flex: 0 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-4e02321,
    .elementor-385952 .elementor-element.elementor-element-4e02321 > .e-con-inner {

        gap: 24px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Parent Shop mega is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-4e02321 {

        display: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7364273 *//* =========================================================
   LOVELLA HEADER
   SHOP EVERYTHING CTA
   GRID POSITIONED BY DEPARTMENT BAR
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 {

    position: relative !important;

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

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

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

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

    display: inline-flex !important;

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

    transform: none !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 5 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .elementor-widget-container {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

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

    overflow: visible !important;
}


/* =========================================================
   LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    min-height: 40px !important;

    margin: 0 !important;

    padding:
        0
        0
        7px
        0 !important;

    display: inline-flex !important;

    flex-direction: row !important;

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

    gap: 12px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background: transparent !important;

    border: 0 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        color 0.22s ease !important;
}


/* =========================================================
   UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 48px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transition:
        width 0.25s ease !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__text {

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.5px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__icon {

    width: 29px !important;
    min-width: 29px !important;

    height: 29px !important;
    min-height: 29px !important;

    display: inline-flex !important;

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(240, 215, 213, 0.70) !important;

    border:
        1px solid rgba(210, 135, 153, 0.14) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        transform 0.22s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__icon svg {

    display: block !important;

    width: 13px !important;
    height: 13px !important;
}


.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__icon svg path {

    stroke-width: 1.45 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:hover,
.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:hover::after,
.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:focus-visible::after {

    width: 100% !important;
}


.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:hover
.lovella-shop-everything__icon,
.elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything:focus-visible
.lovella-shop-everything__icon {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    transform:
        translateX(4px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__text {

        font-size: 9px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-7364273 .lovella-shop-everything__icon {

        width: 27px !important;
        min-width: 27px !important;

        height: 27px !important;
        min-height: 27px !important;

    }

}

/* =========================================================
   STRUCTURAL RESET
   Parent right-hand container now controls positioning.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7364273 {

    position: relative !important;

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

    margin:
        0
        0
        0
        auto !important;

    transform:
        none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f788ed8 *//* =========================================================
   LOVELLA HEADER
   SHOP DEPARTMENT — RIGHT SIDE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f788ed8 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 100% !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex:
        1 1 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f788ed8 > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FORCE ACTION TO RIGHT EDGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f788ed8 .lovella-shop-everything-widget {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    margin:
        0
        0
        0
        auto !important;

    flex:
        0 0 auto !important;

    transform:
        none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7fb160 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — DEPARTMENT BAR
   FINAL SINGLE-ROW ALIGNMENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160 {

    position: relative !important;

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

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    margin: 0 !important;

    padding:
        0
        42px !important;

    display: grid !important;

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

    grid-template-rows:
        76px !important;

    align-items: center !important;

    column-gap: 36px !important;

    background:
        #ffffff !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 76px !important;

    z-index: 5 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER

   THIS is the actual layout Elementor uses.
   Force both children onto the same row.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160 > .e-con-inner {

    position: relative !important;

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

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

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

    display: grid !important;

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

    grid-template-rows:
        76px !important;

    align-items: center !important;

    column-gap: 36px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LEFT
   LASHES / BROWS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160
> .e-con-inner
> .lovella-shop-department-tabs {

    grid-column: 1 !important;
    grid-row: 1 !important;

    justify-self: start !important;
    align-self: stretch !important;

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

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

    flex: none !important;

    z-index: 3 !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   RIGHT
   SHOP EVERYTHING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160
> .e-con-inner
> .lovella-shop-department-right {

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    position: relative !important;

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

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 3 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   RIGHT CONTAINER INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160
.lovella-shop-department-right
> .e-con-inner {

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

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

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

    display: flex !important;

    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SHOP EVERYTHING WIDGET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160
.lovella-shop-department-right
.lovella-shop-everything-widget {

    position: relative !important;

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

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: auto !important;

    margin:
        0
        0
        0
        auto !important;

    padding: 0 !important;

    align-self: center !important;

    flex: 0 0 auto !important;

    transform: none !important;

    z-index: 5 !important;
}


/* =========================================================
   SOFT BLUSH WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d7fb160::before {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

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

    background:
        linear-gradient(
            90deg,
            rgba(240, 215, 213, 0.17) 0%,
            rgba(240, 215, 213, 0.06) 58%,
            rgba(240, 215, 213, 0) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-d7fb160 {

        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;

        padding:
            0
            34px !important;

        grid-template-rows:
            70px !important;

        column-gap: 28px !important;

        flex-basis: 70px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d7fb160 > .e-con-inner {

        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;

        grid-template-rows:
            70px !important;

        column-gap: 28px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d7fb160
    > .e-con-inner
    > .lovella-shop-department-tabs,
    .elementor-385952 .elementor-element.elementor-element-d7fb160
    > .e-con-inner
    > .lovella-shop-department-right,
    .elementor-385952 .elementor-element.elementor-element-d7fb160
    .lovella-shop-department-right
    > .e-con-inner {

        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }
}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-d7fb160 {

        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b5d *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES DIRECTORY INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1744b5d {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1744b5d .elementor-widget-container {

    width: 100% !important;

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

}


/* =========================================================
   INTRO WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;

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

}


/* =========================================================
   KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__kicker {

    position: relative !important;

    margin:
        0
        0
        9px
        0 !important;

    padding:
        0
        0
        0
        42px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.6px !important;

    text-transform:
        uppercase !important;

}


/* =========================================================
   KICKER RULE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__kicker::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 29px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        translateY(-50%) !important;

}


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

.elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__title {

    margin:
        0
        0
        9px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        31px !important;

    font-weight:
        500 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -0.4px !important;

}


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

.elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__copy {

    max-width:
        550px !important;

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        400 !important;

    line-height:
        1.62 !important;

    letter-spacing:
        0 !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-1744b5d {

        max-width:
            500px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__title {

        font-size:
            28px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1744b5d .lovella-shop-lashes-intro__copy {

        max-width:
            480px !important;

        font-size:
            10.5px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a703bc *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — VIEW ALL LASHES
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc {

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

    flex: 0 0 auto !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-3a703bc .elementor-widget-container {

    width: auto !important;

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

    display: inline-flex !important;

}


/* =========================================================
   LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all {

    position: relative !important;

    min-height:
        36px !important;

    margin: 0 !important;

    padding:
        0
        0
        6px
        0 !important;

    display: inline-flex !important;

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

    gap:
        10px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    transition:
        color 0.22s ease !important;

}


/* =========================================================
   UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width:
        42px !important;

    height:
        1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transition:
        width 0.25s ease !important;

}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all__text {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;

}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all__icon {

    width:
        25px !important;

    min-width:
        25px !important;

    height:
        25px !important;

    min-height:
        25px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(240, 215, 213, 0.62) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius:
        50% !important;

    transition:
        transform 0.22s ease,
        background-color 0.22s ease,
        color 0.22s ease !important;

}


.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all__icon svg {

    width:
        12px !important;

    height:
        12px !important;

}


.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all__icon svg path {

    stroke-width:
        1.45 !important;

}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:hover,
.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        none !important;

}


.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:hover::after,
.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:focus-visible::after {

    width:
        100% !important;

}


.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:hover
.lovella-shop-view-all__icon,
.elementor-385952 .elementor-element.elementor-element-3a703bc .lovella-shop-view-all:focus-visible
.lovella-shop-view-all__icon {

    transform:
        translateX(4px) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b189479 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES DIRECTORY HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b189479 {

    position: relative !important;

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

    margin: 0 !important;

    padding:
        0
        0
        24px
        0 !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-end !important;

    justify-content:
        space-between !important;

    flex-wrap:
        nowrap !important;

    gap:
        28px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;

    flex:
        0 0 auto !important;

}


/* =========================================================
   INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b189479 > .e-con-inner {

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

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

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-end !important;

    justify-content:
        space-between !important;

    flex-wrap:
        nowrap !important;

    gap:
        28px !important;

    overflow:
        visible !important;

}


/* =========================================================
   ROSE ACCENT ON DIVIDER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-b189479::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: -1px !important;

    width:
        54px !important;

    height:
        1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    pointer-events:
        none !important;

}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-b189479,
    .elementor-385952 .elementor-element.elementor-element-b189479 > .e-con-inner {

        gap:
            22px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-b189479 {

        padding-bottom:
            21px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbb085f *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — EYELASH TRAY LINKS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP HEADING ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading-row {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 16px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading-wrap {

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 6px !important;
}


/* =========================================================
   SMALL EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__eyebrow {

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

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.35px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   EYELASH TRAYS HEADING LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

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

    gap: 8px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 23px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: -0.2px !important;

    text-decoration: none !important;

    transition:
        color 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading svg {

    width: 15px !important;
    height: 15px !important;

    flex: 0 0 auto !important;

    transition:
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading svg path {

    stroke-width: 1.35 !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading:hover,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading:hover svg,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading:focus-visible svg {

    transform:
        translateX(4px) !important;
}


/* =========================================================
   COLLECTION COUNT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__count {

    margin:
        0
        0
        2px
        0 !important;

    padding: 0 !important;

    color:
        rgba(33, 29, 30, 0.38) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: 1.05px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   LINK LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-list {

    width: 100% !important;

    margin:
        8px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 0 !important;
}


/* =========================================================
   CATEGORY LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link {

    position: relative !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding:
        0
        4px
        0
        0 !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.055) !important;

    text-decoration: none !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        padding-left 0.22s ease,
        background-color 0.22s ease !important;
}


/* =========================================================
   SOFT HOVER WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(240, 215, 213, 0.27) 0%,
            rgba(240, 215, 213, 0.08) 58%,
            rgba(240, 215, 213, 0) 100%
        ) !important;

    opacity: 0 !important;

    pointer-events: none !important;

    transition:
        opacity 0.20s ease !important;

    z-index: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link > * {

    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__number {

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    opacity: 0.72 !important;

    transition:
        opacity 0.20s ease !important;
}


/* =========================================================
   LINK NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__name {

    min-width: 0 !important;

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.05px !important;
}


/* =========================================================
   LINK ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__arrow {

    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;

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

    justify-self: end !important;

    color:
        rgba(33, 29, 30, 0.43) !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__arrow svg {

    width: 10px !important;
    height: 10px !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__arrow svg path {

    stroke-width: 1.4 !important;
}


/* =========================================================
   CATEGORY HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:hover,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:hover
.lovella-shop-category-link__number,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:focus-visible
.lovella-shop-category-link__number {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:hover
.lovella-shop-category-link__arrow,
.elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link:focus-visible
.lovella-shop-category-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.22) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading {

        font-size:
            21px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link {

        min-height:
            33px !important;

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

        gap:
            7px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__name {

        font-size:
            9.25px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__number {

        font-size:
            11px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__arrow {

        width:
            20px !important;

        height:
            20px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading,
    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-link-group__heading svg,
    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link,
    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link::before,
    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__number,
    .elementor-385952 .elementor-element.elementor-element-cbb085f .lovella-shop-category-link__arrow {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5c9852 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — SERVICE ESSENTIALS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-group__header {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        6px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-group__title {

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

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        23px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.2px !important;
}


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

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-list {

    width: 100% !important;

    margin:
        8px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;
}


/* =========================================================
   LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link {

    position: relative !important;

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

    min-height:
        53px !important;

    margin: 0 !important;

    padding:
        8px
        3px
        8px
        0 !important;

    display: grid !important;

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

    align-items:
        center !important;

    gap:
        9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.055) !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.20s ease,
        padding-left 0.22s ease !important;
}


/* =========================================================
   HOVER BACKGROUND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link::before {

    content: "";

    position:
        absolute !important;

    inset:
        0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(240, 215, 213, 0.28) 0%,
            rgba(240, 215, 213, 0.08) 66%,
            rgba(240, 215, 213, 0) 100%
        ) !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.20s ease !important;

    z-index:
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link > * {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__content {

    min-width:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap:
        4px !important;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__name {

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

    color:
        inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        10.5px !important;

    font-weight:
        650 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        0 !important;
}


/* =========================================================
   CAPTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__caption {

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

    color:
        rgba(101, 94, 89, 0.72) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        450 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        0.05px !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__arrow {

    width:
        23px !important;

    min-width:
        23px !important;

    height:
        23px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    justify-self:
        end !important;

    color:
        rgba(33, 29, 30, 0.43) !important;

    background:
        transparent !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        50% !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__arrow svg {

    width:
        10px !important;

    height:
        10px !important;

    display:
        block !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__arrow svg path {

    stroke-width:
        1.4 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:hover,
.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:focus-visible {

    padding-left:
        7px !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:hover
.lovella-shop-simple-link__caption,
.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:focus-visible
.lovella-shop-simple-link__caption {

    color:
        rgba(101, 94, 89, 0.92) !important;
}


.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:hover
.lovella-shop-simple-link__arrow,
.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:focus-visible
.lovella-shop-simple-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.22) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link:focus-visible {

    outline:
        1px solid rgba(210, 135, 153, 0.32) !important;

    outline-offset:
        2px !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-group__title {

        font-size:
            21px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link {

        min-height:
            48px !important;

        padding-top:
            6px !important;

        padding-bottom:
            6px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__name {

        font-size:
            9.75px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__caption {

        font-size:
            7.5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__arrow {

        width:
            21px !important;

        min-width:
            21px !important;

        height:
            21px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link,
    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link::before,
    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__caption,
    .elementor-385952 .elementor-element.elementor-element-f5c9852 .lovella-shop-simple-link__arrow {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6d4727 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — STUDIO & RETAIL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__header {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        6px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__title {

    margin:
        0
        0
        8px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        23px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.2px !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__intro {

    max-width:
        230px !important;

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

    color:
        rgba(101, 94, 89, 0.72) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        450 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        0 !important;
}


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

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-list {

    position: relative !important;

    width: 100% !important;

    margin:
        10px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap:
        6px !important;
}


/* =========================================================
   STUDIO LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link {

    position: relative !important;

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

    min-height:
        61px !important;

    margin: 0 !important;

    padding:
        9px
        9px
        9px
        9px !important;

    display: grid !important;

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

    align-items:
        center !important;

    gap:
        9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(247, 245, 231, 0.20) !important;

    border:
        1px solid rgba(33, 29, 30, 0.065) !important;

    border-radius:
        10px !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* =========================================================
   BLUSH HOVER WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link::before {

    content: "";

    position:
        absolute !important;

    inset:
        0 !important;

    background:
        linear-gradient(
            110deg,
            rgba(240, 215, 213, 0.42) 0%,
            rgba(240, 215, 213, 0.13) 53%,
            rgba(255, 255, 255, 0) 100%
        ) !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.22s ease !important;

    z-index:
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link > * {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* =========================================================
   INDEX
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__index {

    align-self:
        start !important;

    margin-top:
        3px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;

    font-style:
        italic !important;

    line-height:
        1 !important;

    opacity:
        0.68 !important;

    transition:
        opacity 0.20s ease !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__content {

    min-width:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

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

    gap:
        4px !important;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__name {

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

    color:
        inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        17px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.1px !important;
}


/* =========================================================
   CAPTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__caption {

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

    color:
        rgba(101, 94, 89, 0.68) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7.5px !important;

    font-weight:
        450 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        0 !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__arrow {

    width:
        24px !important;

    min-width:
        24px !important;

    height:
        24px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    justify-self:
        end !important;

    color:
        rgba(33, 29, 30, 0.48) !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        50% !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 4px 12px rgba(33, 29, 30, 0.035) !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__arrow svg {

    width:
        10px !important;

    height:
        10px !important;

    display:
        block !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__arrow svg path {

    stroke-width:
        1.4 !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:hover,
.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        rgba(255, 255, 255, 0.82) !important;

    border-color:
        rgba(210, 135, 153, 0.20) !important;

    transform:
        translateX(3px) !important;

    box-shadow:
        0 8px 22px rgba(33, 29, 30, 0.045) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:hover
.lovella-shop-studio-link__index,
.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible
.lovella-shop-studio-link__index {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:hover
.lovella-shop-studio-link__caption,
.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible
.lovella-shop-studio-link__caption {

    color:
        rgba(101, 94, 89, 0.9) !important;
}


.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:hover
.lovella-shop-studio-link__arrow,
.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible
.lovella-shop-studio-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.24) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link:focus-visible {

    outline:
        1px solid rgba(210, 135, 153, 0.34) !important;

    outline-offset:
        2px !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__title {

        font-size:
            21px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-group__intro {

        font-size:
            7.5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link {

        min-height:
            56px !important;

        padding:
            7px !important;

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

        gap:
            7px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__name {

        font-size:
            15.5px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__caption {

        font-size:
            7px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__arrow {

        width:
            22px !important;

        min-width:
            22px !important;

        height:
            22px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link,
    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link::before,
    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__index,
    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__caption,
    .elementor-385952 .elementor-element.elementor-element-c6d4727 .lovella-shop-studio-link__arrow {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bf87ae *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES CATEGORY GRID
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae {

    position: relative !important;

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

    margin:
        26px
        0
        0
        0 !important;

    padding: 0 !important;

    display: grid !important;

    /*
     * Eyelash Trays intentionally gets the largest column.
     */
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(0, 0.86fr)
        minmax(0, 0.86fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 1 1 auto !important;

    z-index: 3 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae > .e-con-inner {

    position: relative !important;

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

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

    display: grid !important;

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

    align-items: stretch !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIRECT COLUMNS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae > .e-con-inner > * {

    position: relative !important;

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

    margin: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   COLUMN DIVIDERS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column--essentials::before,
.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column--studio::before {

    content: "";

    position: absolute !important;

    top: 4px !important;
    bottom: 4px !important;
    left: 0 !important;

    width: 1px !important;

    background:
        linear-gradient(
            180deg,
            rgba(33, 29, 30, 0) 0%,
            rgba(33, 29, 30, 0.075) 13%,
            rgba(33, 29, 30, 0.075) 87%,
            rgba(33, 29, 30, 0) 100%
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   EYELASH TRAYS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column--trays {

    padding:
        0
        34px
        0
        0 !important;
}


/* =========================================================
   SERVICE ESSENTIALS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column--essentials {

    padding:
        0
        30px
        0
        30px !important;
}


/* =========================================================
   STUDIO + RETAIL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column--studio {

    padding:
        0
        0
        0
        30px !important;
}


/* =========================================================
   ELEMENTOR CHILD INNER WRAPPERS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-6bf87ae
.lovella-shop-category-column
> .e-con-inner {

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-6bf87ae {

        margin-top:
            22px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-6bf87ae,
    .elementor-385952 .elementor-element.elementor-element-6bf87ae > .e-con-inner {

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

    }


    .elementor-385952 .elementor-element.elementor-element-6bf87ae
    .lovella-shop-category-column--trays {

        padding-right:
            26px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-6bf87ae
    .lovella-shop-category-column--essentials {

        padding-left:
            24px !important;

        padding-right:
            24px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-6bf87ae
    .lovella-shop-category-column--studio {

        padding-left:
            24px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff730f7 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES DIRECTORY
   LEFT COLUMN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff730f7 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    padding:
        40px
        46px
        38px
        46px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 3 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff730f7 > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 352px !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EDITORIAL BACKGROUND DETAIL

   Very soft blush presence from the upper-left.
   This keeps the directory visually connected to Lovella's
   identity without turning it into another pink panel.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff730f7::before {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 360px !important;
    height: 230px !important;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(240, 215, 213, 0.16) 0%,
            rgba(240, 215, 213, 0.065) 42%,
            rgba(255, 255, 255, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   CHILD CONTENT ABOVE BACKGROUND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff730f7 > .e-con-inner > * {

    position: relative !important;

    min-width: 0 !important;

    z-index: 2 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SUBTLE VERTICAL SEPARATION FROM VISUAL AREA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ff730f7::after {

    content: "";

    position: absolute !important;

    top: 30px !important;
    right: 0 !important;
    bottom: 30px !important;

    width: 1px !important;

    background:
        linear-gradient(
            180deg,
            rgba(33, 29, 30, 0) 0%,
            rgba(33, 29, 30, 0.09) 14%,
            rgba(33, 29, 30, 0.09) 86%,
            rgba(33, 29, 30, 0) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 3 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-ff730f7 {

        min-height:
            410px !important;

        padding:
            34px
            36px
            32px
            36px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-ff730f7 > .e-con-inner {

        min-height:
            344px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-ff730f7::before {

        width:
            310px !important;

        height:
            210px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-ff730f7::after {

        top:
            26px !important;

        bottom:
            26px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Shop mega is hidden below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-ff730f7 {

        display:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d3a190 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES FEATURE CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 370px !important;

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

    display: block !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .elementor-widget-container {

    position: relative !important;

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

    min-height: 370px !important;

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

    display: block !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card {

    position: relative !important;

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

    min-height: 370px !important;

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

    background:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius:
        20px !important;

    overflow:
        hidden !important;

    isolation:
        isolate !important;

    box-shadow:
        0 18px 46px rgba(33, 29, 30, 0.13) !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__image {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    transform:
        scale(1.015) !important;

    filter:
        saturate(0.96)
        contrast(1.015) !important;

    transition:
        opacity 0.20s ease,
        transform 0.48s cubic-bezier(.2,.7,.2,1),
        filter 0.28s ease !important;

    z-index:
        1 !important;
}


/* =========================================================
   IMAGE SHADE

   Keeps white overlay/text legible regardless of the
   product image displayed.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__shade {

    position:
        absolute !important;

    inset:
        0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(24, 20, 21, 0.03) 0%,
            rgba(24, 20, 21, 0.04) 40%,
            rgba(24, 20, 21, 0.23) 100%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        2 !important;
}


/* =========================================================
   TOP META
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__top {

    position:
        absolute !important;

    top:
        18px !important;

    left:
        18px !important;

    right:
        18px !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        14px !important;

    pointer-events:
        none !important;

    z-index:
        5 !important;
}


/* =========================================================
   COLLECTION PILL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__collection {

    min-height:
        26px !important;

    padding:
        0
        11px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(255, 255, 255, 0.89) !important;

    border:
        1px solid rgba(255, 255, 255, 0.50) !important;

    border-radius:
        999px !important;

    -webkit-backdrop-filter:
        blur(10px) !important;

    backdrop-filter:
        blur(10px) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.2px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    box-shadow:
        0 5px 16px rgba(33, 29, 30, 0.06) !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   SMALL STATUS DETAIL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__indicator {

    width:
        28px !important;

    height:
        28px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(255, 255, 255, 0.88) !important;

    border:
        1px solid rgba(255, 255, 255, 0.50) !important;

    border-radius:
        50% !important;

    -webkit-backdrop-filter:
        blur(10px) !important;

    backdrop-filter:
        blur(10px) !important;

    box-shadow:
        0 5px 16px rgba(33, 29, 30, 0.05) !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__indicator span {

    width:
        6px !important;

    height:
        6px !important;

    display:
        block !important;

    background:
        var(--lovella-rose, #d28799) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 0 0 4px rgba(210, 135, 153, 0.14) !important;
}


/* =========================================================
   GLASS OVERLAY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__overlay {

    position:
        absolute !important;

    left:
        18px !important;

    right:
        18px !important;

    bottom:
        18px !important;

    margin:
        0 !important;

    padding:
        18px
        18px
        15px
        18px !important;

    background:
        rgba(255, 255, 255, 0.91) !important;

    border:
        1px solid rgba(255, 255, 255, 0.62) !important;

    border-radius:
        16px !important;

    -webkit-backdrop-filter:
        blur(14px) !important;

    backdrop-filter:
        blur(14px) !important;

    box-shadow:
        0 14px 34px rgba(33, 29, 30, 0.10) !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    z-index:
        5 !important;

    transition:
        transform 0.28s ease,
        background-color 0.28s ease !important;
}


/* =========================================================
   SMALL ROSE ACCENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__overlay::before {

    content: "";

    position:
        absolute !important;

    top:
        0 !important;

    left:
        18px !important;

    width:
        38px !important;

    height:
        2px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__eyebrow {

    margin:
        0
        0
        7px
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.25px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__title {

    margin:
        0
        0
        5px
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        28px !important;

    font-weight:
        600 !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.35px !important;

    transition:
        opacity 0.18s ease,
        transform 0.20s ease !important;
}


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

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__copy {

    max-width:
        310px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        450 !important;

    line-height:
        1.48 !important;

    transition:
        opacity 0.18s ease,
        transform 0.20s ease !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__footer {

    width:
        100% !important;

    margin:
        13px
        0
        0
        0 !important;

    padding:
        11px
        0
        0
        0 !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;

    border-top:
        1px solid rgba(33, 29, 30, 0.075) !important;
}


/* =========================================================
   HINT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__hint {

    color:
        rgba(33, 29, 30, 0.48) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        6.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.15px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__arrow {

    width:
        25px !important;

    min-width:
        25px !important;

    height:
        25px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-radius:
        50% !important;

    transition:
        transform 0.22s ease,
        color 0.22s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__arrow svg {

    width:
        11px !important;

    height:
        11px !important;

    display:
        block !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__arrow svg path {

    stroke-width:
        1.45 !important;
}


/* =========================================================
   WHOLE CARD HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card:hover
.lovella-shop-feature-card__image {

    transform:
        scale(1.045) !important;

    filter:
        saturate(1.02)
        contrast(1.025) !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card:hover
.lovella-shop-feature-card__overlay {

    transform:
        translateY(-3px) !important;

    background:
        rgba(255, 255, 255, 0.94) !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card:hover
.lovella-shop-feature-card__arrow {

    transform:
        translateX(3px) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   JS IMAGE CHANGE STATE

   The controller in the next step will briefly add this
   class while changing category imagery.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card.is-changing
.lovella-shop-feature-card__image {

    opacity:
        0.35 !important;

    transform:
        scale(1.06) !important;
}


.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card.is-changing
.lovella-shop-feature-card__title,
.elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card.is-changing
.lovella-shop-feature-card__copy {

    opacity:
        0 !important;

    transform:
        translateY(4px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-1d3a190,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card {

        min-height:
            358px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__top {

        top:
            15px !important;

        left:
            15px !important;

        right:
            15px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__overlay {

        left:
            15px !important;

        right:
            15px !important;

        bottom:
            15px !important;

        padding:
            16px
            16px
            14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__title {

        font-size:
            25px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__copy {

        font-size:
            8.5px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__image,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__overlay,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__title,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__copy,
    .elementor-385952 .elementor-element.elementor-element-1d3a190 .lovella-shop-feature-card__arrow {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-876998e *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES VISUAL STAGE

   Right-hand visual area.
   Interactive image cards will be placed inside this
   container in the following steps.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    padding:
        30px !important;

    display: flex !important;

    flex-direction: column !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 246, 247, 0.96) 0%,
            rgba(240, 215, 213, 0.46) 48%,
            rgba(247, 245, 231, 0.40) 100%
        ) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 2 !important;

    isolation: isolate !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 370px !important;

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

    display: flex !important;

    flex-direction: column !important;

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

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 3 !important;
}


/* =========================================================
   BACKGROUND — LARGE BLUSH GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e::before {

    content: "";

    position: absolute !important;

    width: 360px !important;
    height: 360px !important;

    top: -160px !important;
    right: -110px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(210, 135, 153, 0.20) 0%,
            rgba(240, 215, 213, 0.10) 44%,
            rgba(240, 215, 213, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   BACKGROUND — GOLD / CREAM GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e::after {

    content: "";

    position: absolute !important;

    width: 320px !important;
    height: 320px !important;

    left: -135px !important;
    bottom: -170px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(185, 148, 87, 0.11) 0%,
            rgba(247, 245, 231, 0.15) 42%,
            rgba(247, 245, 231, 0) 74%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   DIRECT CHILD SAFEGUARD

   Our interactive visual card will be inserted next.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e > .e-con-inner > * {

    position: relative !important;

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

    z-index: 4 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SUBTLE TEXTURE LINES

   Gives the visual side some depth before imagery is added,
   without looking decorative or busy.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-876998e .e-con-inner::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.22) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.18) 1px,
            transparent 1px
        ) !important;

    background-size:
        48px 48px !important;

    opacity:
        0.24 !important;

    pointer-events:
        none !important;

    z-index:
        0 !important;

    -webkit-mask-image:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(0, 0, 0, 0.38) 40%,
            rgba(0, 0, 0, 0.10) 100%
        ) !important;

    mask-image:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(0, 0, 0, 0.38) 40%,
            rgba(0, 0, 0, 0.10) 100%
        ) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-876998e {

        min-height:
            410px !important;

        padding:
            26px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-876998e > .e-con-inner {

        min-height:
            358px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-876998e::before {

        width:
            310px !important;

        height:
            310px !important;

        top:
            -135px !important;

        right:
            -100px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-876998e::after {

        width:
            280px !important;

        height:
            280px !important;

        left:
            -120px !important;

        bottom:
            -150px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop mega is not used below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-876998e {

        display:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-214ec2b *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — LASHES PANEL

   Default active department.
   Eventually contains:
   LEFT  = category navigation
   RIGHT = interactive visual feature
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-214ec2b {

    position: relative !important;

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

    height: auto !important;
    min-height: 430px !important;

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

    display: grid !important;

    /*
     * Category navigation gets more room because of the
     * product hierarchy. The visual feature remains strong
     * without dominating the menu.
     */
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(340px, 0.72fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform:
        translateY(0) !important;

    z-index: 3 !important;

    transition:
        opacity 0.18s ease,
        transform 0.20s ease,
        visibility 0s linear 0s !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER

   Elementor sometimes inserts .e-con-inner even when the
   container itself has Grid configured. Force the inner
   wrapper to become the actual two-column grid too.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-214ec2b > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

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

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(340px, 0.72fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PANEL STATE SYSTEM

   Lashes starts active.

   We are putting the state system in place now so that the
   Brows panel can use exactly the same architecture later.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-214ec2b:not(.is-active) {

    position: absolute !important;

    inset: 0 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(8px) !important;

    z-index: 1 !important;

    transition:
        opacity 0.16s ease,
        transform 0.18s ease,
        visibility 0s linear 0.18s !important;
}


.elementor-385952 .elementor-element.elementor-element-214ec2b.is-active {

    position: relative !important;

    inset: auto !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0) !important;

    z-index: 3 !important;

    transition-delay:
        0s !important;
}


/* =========================================================
   DIRECT CHILD COLUMNS

   The next two containers will become:
   1. Shop Lashes Directory
   2. Shop Lashes Visual
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-214ec2b > .e-con-inner > * {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   VERY SUBTLE EDITORIAL BACKGROUND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-214ec2b::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            115deg,
            rgba(240, 215, 213, 0.055) 0%,
            rgba(255, 255, 255, 0) 31%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-214ec2b,
    .elementor-385952 .elementor-element.elementor-element-214ec2b > .e-con-inner {

        min-height: 410px !important;

        grid-template-columns:
            minmax(0, 1.32fr)
            minmax(315px, 0.68fr) !important;

    }


    .elementor-385952 .elementor-element.elementor-element-214ec2b > .e-con-inner > * {

        min-height:
            410px !important;

    }

}


/* =========================================================
   TABLET + MOBILE
   Desktop Shop mega is not used below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-214ec2b {

        display:
            none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-214ec2b,
    .elementor-385952 .elementor-element.elementor-element-214ec2b:not(.is-active),
    .elementor-385952 .elementor-element.elementor-element-214ec2b.is-active {

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5808d2 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS DIRECTORY INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c5808d2 {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c5808d2 .elementor-widget-container {

    width: 100% !important;

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


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;

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


/* =========================================================
   KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__kicker {

    position: relative !important;

    margin:
        0
        0
        9px
        0 !important;

    padding:
        0
        0
        0
        42px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.6px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   KICKER RULE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__kicker::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 29px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        translateY(-50%) !important;
}


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

.elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__title {

    margin:
        0
        0
        9px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        31px !important;

    font-weight:
        500 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -0.4px !important;
}


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

.elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__copy {

    max-width:
        550px !important;

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

    color:
        var(--lovella-body, #655e59) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        400 !important;

    line-height:
        1.62 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-c5808d2 {

        max-width:
            500px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__title {

        font-size:
            28px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-c5808d2 .lovella-shop-brows-intro__copy {

        max-width:
            480px !important;

        font-size:
            10.5px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c464726 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — VIEW ALL BROWS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 {

    width: auto !important;
    max-width: max-content !important;

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

    display: inline-flex !important;

    flex: 0 0 auto !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-c464726 .elementor-widget-container {

    width: auto !important;

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

    display: inline-flex !important;
}


/* =========================================================
   LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all {

    position: relative !important;

    min-height:
        36px !important;

    margin: 0 !important;

    padding:
        0
        0
        6px
        0 !important;

    display: inline-flex !important;

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

    gap:
        10px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    transition:
        color 0.22s ease !important;
}


/* =========================================================
   UNDERLINE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width:
        42px !important;

    height:
        1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transition:
        width 0.25s ease !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all__text {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all__icon {

    width:
        25px !important;

    min-width:
        25px !important;

    height:
        25px !important;

    min-height:
        25px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(240, 215, 213, 0.62) !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius:
        50% !important;

    transition:
        transform 0.22s ease,
        background-color 0.22s ease,
        color 0.22s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all__icon svg {

    width:
        12px !important;

    height:
        12px !important;
}


.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all__icon svg path {

    stroke-width:
        1.45 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:hover,
.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:hover::after,
.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:focus-visible::after {

    width:
        100% !important;
}


.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:hover
.lovella-shop-brows-view-all__icon,
.elementor-385952 .elementor-element.elementor-element-c464726 .lovella-shop-brows-view-all:focus-visible
.lovella-shop-brows-view-all__icon {

    transform:
        translateX(4px) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb46f8b *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS DIRECTORY HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fb46f8b {

    position: relative !important;

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

    margin: 0 !important;

    padding:
        0
        0
        24px
        0 !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-end !important;

    justify-content:
        space-between !important;

    flex-wrap:
        nowrap !important;

    gap:
        28px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;

    flex:
        0 0 auto !important;
}


/* =========================================================
   INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fb46f8b > .e-con-inner {

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

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

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-end !important;

    justify-content:
        space-between !important;

    flex-wrap:
        nowrap !important;

    gap:
        28px !important;

    overflow:
        visible !important;
}


/* =========================================================
   ROSE ACCENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-fb46f8b::after {

    content: "";

    position: absolute !important;

    left: 0 !important;
    bottom: -1px !important;

    width:
        54px !important;

    height:
        1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-fb46f8b,
    .elementor-385952 .elementor-element.elementor-element-fb46f8b > .e-con-inner {

        gap:
            22px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-fb46f8b {

        padding-bottom:
            21px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e448df4 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS TREATMENT ESSENTIALS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group__header {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        6px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group__title {

    margin:
        0
        0
        8px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        25px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.2px !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group__intro {

    max-width:
        250px !important;

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

    color:
        rgba(101, 94, 89, 0.74) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        450 !important;

    line-height:
        1.48 !important;
}


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

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-list {

    position: relative !important;

    width: 100% !important;

    margin:
        10px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap:
        6px !important;
}


/* =========================================================
   LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link {

    position: relative !important;

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

    min-height:
        61px !important;

    margin: 0 !important;

    padding:
        9px !important;

    display: grid !important;

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

    align-items:
        center !important;

    gap:
        9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(247, 245, 231, 0.17) !important;

    border:
        1px solid rgba(33, 29, 30, 0.065) !important;

    border-radius:
        10px !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* =========================================================
   HOVER WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            110deg,
            rgba(240, 215, 213, 0.44) 0%,
            rgba(240, 215, 213, 0.13) 54%,
            rgba(255, 255, 255, 0) 100%
        ) !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.22s ease !important;

    z-index:
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link > * {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* =========================================================
   INDEX
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__index {

    align-self:
        start !important;

    margin-top:
        3px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    font-style:
        italic !important;

    line-height:
        1 !important;

    opacity:
        0.70 !important;

    transition:
        opacity 0.20s ease !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__content {

    min-width:
        0 !important;

    display: flex !important;

    flex-direction: column !important;

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

    gap:
        4px !important;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__name {

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

    color:
        inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        19px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.1px !important;
}


/* =========================================================
   CAPTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__caption {

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

    color:
        rgba(101, 94, 89, 0.69) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        450 !important;

    line-height:
        1.3 !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__arrow {

    width:
        24px !important;

    min-width:
        24px !important;

    height:
        24px !important;

    min-height:
        24px !important;

    display:
        inline-flex !important;

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

    justify-self:
        end !important;

    color:
        rgba(33, 29, 30, 0.48) !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        50% !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 4px 12px rgba(33, 29, 30, 0.035) !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__arrow svg {

    display: block !important;

    width:
        10px !important;

    height:
        10px !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__arrow svg path {

    stroke-width:
        1.4 !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:hover,
.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        rgba(255, 255, 255, 0.82) !important;

    border-color:
        rgba(210, 135, 153, 0.20) !important;

    transform:
        translateX(3px) !important;

    box-shadow:
        0 8px 22px rgba(33, 29, 30, 0.045) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:hover
.lovella-brows-treatment-link__index,
.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:focus-visible
.lovella-brows-treatment-link__index {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:hover
.lovella-brows-treatment-link__caption,
.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:focus-visible
.lovella-brows-treatment-link__caption {

    color:
        rgba(101, 94, 89, 0.90) !important;
}


.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:hover
.lovella-brows-treatment-link__arrow,
.elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link:focus-visible
.lovella-brows-treatment-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.24) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-group__title {

        font-size:
            22px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link {

        min-height:
            56px !important;

        padding:
            7px !important;

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

        gap:
            7px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__name {

        font-size:
            17px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__caption {

        font-size:
            7.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__arrow {

        width:
            22px !important;

        min-width:
            22px !important;

        height:
            22px !important;

        min-height:
            22px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link,
    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link::before,
    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__index,
    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__caption,
    .elementor-385952 .elementor-element.elementor-element-e448df4 .lovella-brows-treatment-link__arrow {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-393da9b *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS PMU SYSTEMS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group__header {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        6px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group__title {

    margin:
        0
        0
        8px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        25px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.2px !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group__intro {

    max-width:
        245px !important;

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

    color:
        rgba(101, 94, 89, 0.74) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        450 !important;

    line-height:
        1.48 !important;
}


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

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-list {

    position: relative !important;

    width: 100% !important;

    margin:
        10px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap:
        8px !important;
}


/* =========================================================
   PMU LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link {

    position: relative !important;

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

    min-height:
        88px !important;

    margin: 0 !important;

    padding:
        13px
        11px
        13px
        11px !important;

    display: grid !important;

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

    align-items:
        center !important;

    gap:
        10px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        linear-gradient(
            120deg,
            rgba(247, 245, 231, 0.30) 0%,
            rgba(255, 255, 255, 0.72) 100%
        ) !important;

    border:
        1px solid rgba(33, 29, 30, 0.07) !important;

    border-radius:
        12px !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* =========================================================
   ROSE HOVER WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            115deg,
            rgba(240, 215, 213, 0.43) 0%,
            rgba(240, 215, 213, 0.13) 52%,
            rgba(255, 255, 255, 0) 100%
        ) !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.22s ease !important;

    z-index:
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link > * {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__number {

    align-self:
        start !important;

    margin-top:
        5px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        13px !important;

    font-weight:
        500 !important;

    font-style:
        italic !important;

    line-height:
        1 !important;

    opacity:
        0.72 !important;

    transition:
        opacity 0.20s ease !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__content {

    min-width:
        0 !important;

    display: flex !important;

    flex-direction: column !important;

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

    gap:
        4px !important;
}


/* =========================================================
   SMALL KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__kicker {

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

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.05px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__name {

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

    color:
        inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        21px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.15px !important;
}


/* =========================================================
   CAPTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__caption {

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

    color:
        rgba(101, 94, 89, 0.70) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        450 !important;

    line-height:
        1.32 !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__arrow {

    width:
        26px !important;

    min-width:
        26px !important;

    height:
        26px !important;

    min-height:
        26px !important;

    display:
        inline-flex !important;

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

    justify-self:
        end !important;

    color:
        rgba(33, 29, 30, 0.48) !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 5px 14px rgba(33, 29, 30, 0.04) !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__arrow svg {

    width:
        11px !important;

    height:
        11px !important;

    display:
        block !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__arrow svg path {

    stroke-width:
        1.4 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:hover,
.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(210, 135, 153, 0.22) !important;

    transform:
        translateX(3px) !important;

    box-shadow:
        0 10px 26px rgba(33, 29, 30, 0.055) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:hover
.lovella-brows-pmu-link__number,
.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:focus-visible
.lovella-brows-pmu-link__number {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:hover
.lovella-brows-pmu-link__caption,
.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:focus-visible
.lovella-brows-pmu-link__caption {

    color:
        rgba(101, 94, 89, 0.92) !important;
}


.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:hover
.lovella-brows-pmu-link__arrow,
.elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link:focus-visible
.lovella-brows-pmu-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.25) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-group__title {

        font-size:
            22px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link {

        min-height:
            80px !important;

        padding:
            10px
            8px !important;

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

        gap:
            8px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__name {

        font-size:
            18.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__caption {

        font-size:
            7.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__arrow {

        width:
            23px !important;

        min-width:
            23px !important;

        height:
            23px !important;

        min-height:
            23px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link,
    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link::before,
    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__number,
    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__caption,
    .elementor-385952 .elementor-element.elementor-element-393da9b .lovella-brows-pmu-link__arrow {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41ba05e *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS PRECISION & PIGMENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e {

    position: relative !important;

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

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

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .elementor-widget-container {

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

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

    box-sizing: border-box !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group {

    position: relative !important;

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


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

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group__header {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        14px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        6px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;
}


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

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group__title {

    margin:
        0
        0
        8px
        0 !important;

    padding: 0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        25px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.2px !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group__intro {

    max-width:
        245px !important;

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

    color:
        rgba(101, 94, 89, 0.74) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        450 !important;

    line-height:
        1.48 !important;
}


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

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-list {

    position: relative !important;

    width: 100% !important;

    margin:
        10px
        0
        0
        0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap:
        8px !important;
}


/* =========================================================
   CARD LINK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link {

    position: relative !important;

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

    min-height:
        88px !important;

    margin: 0 !important;

    padding:
        12px
        12px
        11px
        12px !important;

    display: flex !important;

    flex-direction: column !important;

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

    gap:
        7px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255, 246, 247, 0.46) 0%,
            rgba(247, 245, 231, 0.20) 100%
        ) !important;

    border:
        1px solid rgba(33, 29, 30, 0.07) !important;

    border-radius:
        12px !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* =========================================================
   HOVER WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            110deg,
            rgba(240, 215, 213, 0.50) 0%,
            rgba(240, 215, 213, 0.12) 58%,
            rgba(255, 255, 255, 0) 100%
        ) !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.22s ease !important;

    z-index:
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link > * {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* =========================================================
   TOP META
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__top {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        10px !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__number {

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    font-style:
        italic !important;

    line-height:
        1 !important;

    opacity:
        0.72 !important;
}


/* =========================================================
   TYPE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__type {

    color:
        rgba(33, 29, 30, 0.42) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        6.75px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   MAIN ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__main {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__name {

    color:
        inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        22px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.15px !important;
}


/* =========================================================
   CAPTION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__caption {

    max-width:
        220px !important;

    color:
        rgba(101, 94, 89, 0.70) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        450 !important;

    line-height:
        1.32 !important;

    transition:
        color 0.20s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__arrow {

    width:
        26px !important;

    min-width:
        26px !important;

    height:
        26px !important;

    min-height:
        26px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        rgba(33, 29, 30, 0.48) !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 5px 14px rgba(33, 29, 30, 0.04) !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__arrow svg {

    width:
        11px !important;

    height:
        11px !important;

    display:
        block !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__arrow svg path {

    stroke-width:
        1.4 !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:hover,
.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        rgba(210, 135, 153, 0.24) !important;

    transform:
        translateX(3px) !important;

    box-shadow:
        0 10px 26px rgba(33, 29, 30, 0.055) !important;

    outline:
        none !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:hover::before,
.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:focus-visible::before {

    opacity:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:hover
.lovella-brows-precision-link__caption,
.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:focus-visible
.lovella-brows-precision-link__caption {

    color:
        rgba(101, 94, 89, 0.92) !important;
}


.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:hover
.lovella-brows-precision-link__arrow,
.elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link:focus-visible
.lovella-brows-precision-link__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-color:
        rgba(210, 135, 153, 0.25) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-group__title {

        font-size:
            22px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link {

        min-height:
            80px !important;

        padding:
            10px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__name {

        font-size:
            19px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__caption {

        font-size:
            7.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__arrow {

        width:
            23px !important;

        min-width:
            23px !important;

        height:
            23px !important;

        min-height:
            23px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link,
    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link::before,
    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__caption,
    .elementor-385952 .elementor-element.elementor-element-41ba05e .lovella-brows-precision-link__arrow {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f716979 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS CATEGORY GRID
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979 {

    position: relative !important;

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

    margin:
        26px
        0
        0
        0 !important;

    padding: 0 !important;

    display: grid !important;

    /*
     * Treatment gets slightly more room because it has
     * three destinations.
     */
    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(0, 0.94fr)
        minmax(0, 0.94fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 1 1 auto !important;

    z-index: 3 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979 > .e-con-inner {

    position: relative !important;

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

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

    display: grid !important;

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

    align-items: stretch !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIRECT COLUMNS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979 > .e-con-inner > * {

    position: relative !important;

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

    margin: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   COLUMN DIVIDERS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column--pmu::before,
.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column--precision::before {

    content: "";

    position: absolute !important;

    top: 4px !important;
    bottom: 4px !important;
    left: 0 !important;

    width: 1px !important;

    background:
        linear-gradient(
            180deg,
            rgba(33, 29, 30, 0) 0%,
            rgba(33, 29, 30, 0.075) 13%,
            rgba(33, 29, 30, 0.075) 87%,
            rgba(33, 29, 30, 0) 100%
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   TREATMENT ESSENTIALS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column--treatment {

    padding:
        0
        34px
        0
        0 !important;
}


/* =========================================================
   PMU SYSTEMS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column--pmu {

    padding:
        0
        30px
        0
        30px !important;
}


/* =========================================================
   PRECISION & PIGMENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column--precision {

    padding:
        0
        0
        0
        30px !important;
}


/* =========================================================
   COLUMN INNER WRAPPERS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f716979
.lovella-brows-category-column
> .e-con-inner {

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

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-f716979 {

        margin-top:
            22px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-f716979,
    .elementor-385952 .elementor-element.elementor-element-f716979 > .e-con-inner {

        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(0, 0.96fr)
            minmax(0, 0.96fr) !important;
    }


    .elementor-385952 .elementor-element.elementor-element-f716979
    .lovella-brows-category-column--treatment {

        padding-right:
            26px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-f716979
    .lovella-brows-category-column--pmu {

        padding-left:
            24px !important;

        padding-right:
            24px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-f716979
    .lovella-brows-category-column--precision {

        padding-left:
            24px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0cb78 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS DIRECTORY
   LEFT COLUMN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5f0cb78 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    padding:
        40px
        46px
        38px
        46px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 3 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5f0cb78 > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 352px !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SOFT BROW EDITORIAL WASH
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5f0cb78::before {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 390px !important;
    height: 245px !important;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(240, 215, 213, 0.17) 0%,
            rgba(210, 135, 153, 0.045) 44%,
            rgba(255, 255, 255, 0) 74%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   CHILD CONTENT ABOVE BACKGROUND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5f0cb78 > .e-con-inner > * {

    position: relative !important;

    min-width: 0 !important;

    z-index: 2 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIVIDER BEFORE RIGHT-HAND VISUAL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5f0cb78::after {

    content: "";

    position: absolute !important;

    top: 30px !important;
    right: 0 !important;
    bottom: 30px !important;

    width: 1px !important;

    background:
        linear-gradient(
            180deg,
            rgba(33, 29, 30, 0) 0%,
            rgba(33, 29, 30, 0.09) 14%,
            rgba(33, 29, 30, 0.09) 86%,
            rgba(33, 29, 30, 0) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 3 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-5f0cb78 {

        min-height:
            410px !important;

        padding:
            34px
            36px
            32px
            36px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-5f0cb78 > .e-con-inner {

        min-height:
            344px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-5f0cb78::before {

        width:
            325px !important;

        height:
            215px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-5f0cb78::after {

        top:
            26px !important;

        bottom:
            26px !important;
    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-5f0cb78 {

        display:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d327d17 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS FEATURE CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 {

    position: relative !important;

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

    height: 100% !important;
    min-height: 370px !important;

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

    display: block !important;

    flex: 1 1 auto !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 20px 48px rgba(33, 29, 30, 0.10) !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .elementor-widget-container {

    position: relative !important;

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

    height: 100% !important;
    min-height: 370px !important;

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

    display: block !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card {

    position: relative !important;

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

    min-height: 370px !important;

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

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: space-between !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            #e9d7d5 0%,
            #d8bbb8 52%,
            #b99a96 100%
        ) !important;

    isolation: isolate !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DYNAMIC IMAGE

   No incorrect product image is being hard-coded here.
   We will populate this from the Controller in the next
   wiring stage using the Brow category image library.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__image {

    position: absolute !important;

    inset: 0 !important;

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

    background-color:
        #d9c3c0 !important;

    background-image:
        linear-gradient(
            135deg,
            rgba(240, 215, 213, 0.62) 0%,
            rgba(210, 135, 153, 0.22) 47%,
            rgba(33, 29, 30, 0.14) 100%
        );

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    transform:
        scale(1.015) !important;

    transition:
        opacity 0.28s ease,
        transform 0.55s cubic-bezier(.2,.75,.25,1),
        filter 0.28s ease !important;

    z-index:
        0 !important;
}


/* =========================================================
   IMAGE SHADING

   Gives us enough contrast for the editorial text while
   allowing the actual product photography to remain strong.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__shade {

    position: absolute !important;

    inset: 0 !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(24, 20, 21, 0.08) 0%,
            rgba(24, 20, 21, 0.03) 30%,
            rgba(24, 20, 21, 0.17) 55%,
            rgba(24, 20, 21, 0.74) 100%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        1 !important;
}


/* =========================================================
   SUBTLE INNER BORDER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card::after {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    border:
        1px solid rgba(255, 255, 255, 0.20) !important;

    border-radius:
        inherit !important;

    pointer-events:
        none !important;

    z-index:
        8 !important;
}


/* =========================================================
   TOP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__top {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        21px
        22px !important;

    display: flex !important;

    flex-direction: row !important;

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

    box-sizing: border-box !important;

    z-index:
        4 !important;
}


/* =========================================================
   COLLECTION LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__collection {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    min-height:
        27px !important;

    margin: 0 !important;

    padding:
        0
        11px !important;

    color:
        #ffffff !important;

    background:
        rgba(24, 20, 21, 0.25) !important;

    border:
        1px solid rgba(255, 255, 255, 0.19) !important;

    border-radius:
        999px !important;

    backdrop-filter:
        blur(10px) !important;

    -webkit-backdrop-filter:
        blur(10px) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.35px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   BOTTOM CONTENT OVERLAY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__overlay {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px
        24px
        22px
        24px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-end !important;

    box-sizing: border-box !important;

    z-index:
        4 !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__eyebrow {

    position: relative !important;

    margin:
        0
        0
        9px
        0 !important;

    padding:
        0
        0
        0
        33px !important;

    color:
        rgba(255, 255, 255, 0.72) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.4px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   EYEBROW RULE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__eyebrow::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width:
        22px !important;

    height:
        1px !important;

    background:
        rgba(255, 255, 255, 0.68) !important;

    transform:
        translateY(-50%) !important;
}


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

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__title {

    max-width:
        310px !important;

    margin:
        0
        0
        10px
        0 !important;

    padding: 0 !important;

    color:
        #ffffff !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        31px !important;

    font-weight:
        500 !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.35px !important;

    text-wrap:
        balance !important;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease !important;
}


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

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__copy {

    max-width:
        325px !important;

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

    color:
        rgba(255, 255, 255, 0.72) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__footer {

    width:
        100% !important;

    margin:
        18px
        0
        0
        0 !important;

    padding:
        15px
        0
        0
        0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap:
        18px !important;

    border-top:
        1px solid rgba(255, 255, 255, 0.17) !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   FOOTER HINT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__hint {

    color:
        rgba(255, 255, 255, 0.65) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.25px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__arrow {

    width:
        31px !important;

    min-width:
        31px !important;

    height:
        31px !important;

    min-height:
        31px !important;

    display:
        inline-flex !important;

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

    color:
        #ffffff !important;

    background:
        rgba(255, 255, 255, 0.12) !important;

    border:
        1px solid rgba(255, 255, 255, 0.22) !important;

    border-radius:
        50% !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;

    box-sizing:
        border-box !important;

    transition:
        background-color 0.22s ease,
        transform 0.22s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__arrow svg {

    display:
        block !important;

    width:
        13px !important;

    height:
        13px !important;
}


.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__arrow svg path {

    stroke-width:
        1.45 !important;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card:hover
.lovella-shop-brows-feature-card__image {

    transform:
        scale(1.045) !important;
}


.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card:hover
.lovella-shop-brows-feature-card__arrow {

    background:
        rgba(240, 215, 213, 0.24) !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   IMAGE CHANGE STATE

   The Controller will temporarily apply .is-changing while
   swapping image/title/copy, matching the Lashes experience.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card.is-changing
.lovella-shop-brows-feature-card__image {

    opacity:
        0.50 !important;

    transform:
        scale(1.035) !important;

    filter:
        blur(2px) !important;
}


.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card.is-changing
.lovella-shop-brows-feature-card__title,
.elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card.is-changing
.lovella-shop-brows-feature-card__copy {

    opacity:
        0 !important;

    transform:
        translateY(5px) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-d327d17,
    .elementor-385952 .elementor-element.elementor-element-d327d17 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card {

        min-height:
            360px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__top {

        padding:
            18px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__overlay {

        padding:
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__title {

        font-size:
            28px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__copy {

        font-size:
            9px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__footer {

        margin-top:
            15px !important;

        padding-top:
            13px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__image,
    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__title,
    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__copy,
    .elementor-385952 .elementor-element.elementor-element-d327d17 .lovella-shop-brows-feature-card__arrow {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0740add *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS VISUAL STAGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add {

    position: relative !important;

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

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    padding:
        30px !important;

    display: flex !important;

    flex-direction: column !important;

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

    gap: 0 !important;

    background:
        linear-gradient(
            145deg,
            #fff8f8 0%,
            #f8eeee 40%,
            #f7f5e7 100%
        ) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 2 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add > .e-con-inner {

    position: relative !important;

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

    height: 100% !important;
    min-height: 370px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: stretch !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 3 !important;
}


/* =========================================================
   SOFT EDITORIAL GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add::before {

    content: "";

    position: absolute !important;

    top: -110px !important;
    right: -80px !important;

    width: 330px !important;
    height: 330px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(240, 215, 213, 0.68) 0%,
            rgba(240, 215, 213, 0.25) 42%,
            rgba(240, 215, 213, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   LOWER GOLD / CREAM GLOW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add::after {

    content: "";

    position: absolute !important;

    left: -90px !important;
    bottom: -125px !important;

    width: 300px !important;
    height: 300px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(185, 148, 87, 0.12) 0%,
            rgba(247, 245, 231, 0.30) 43%,
            rgba(247, 245, 231, 0) 72%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   DIRECT CHILD WIDGET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add > .e-con-inner > * {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;

    margin: 0 !important;

    flex: 1 1 auto !important;

    box-sizing: border-box !important;

    z-index: 4 !important;
}


/* =========================================================
   SUBTLE LEFT SEPARATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-0740add {

    border-left:
        1px solid rgba(33, 29, 30, 0.055) !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-0740add {

        min-height:
            410px !important;

        padding:
            25px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-0740add > .e-con-inner {

        min-height:
            360px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-0740add::before {

        width:
            280px !important;

        height:
            280px !important;

        top:
            -95px !important;

        right:
            -70px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-0740add::after {

        width:
            260px !important;

        height:
            260px !important;
    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-0740add {

        display:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59395e1 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA — BROWS PANEL

   Hidden by default.
   Header Controller will later toggle .is-active between
   Lashes and Brows.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-59395e1 {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(340px, 0.72fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    overflow: hidden !important;

    box-sizing: border-box !important;


    /* =====================================================
       DEFAULT HIDDEN STATE
       ===================================================== */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(8px) !important;

    z-index: 1 !important;

    transition:
        opacity 0.16s ease,
        transform 0.18s ease,
        visibility 0s linear 0.18s !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ACTIVE STATE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-59395e1.is-active {

    position: relative !important;

    inset: auto !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0) !important;

    z-index: 4 !important;

    transition-delay:
        0s !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-59395e1 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(340px, 0.72fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIRECT CHILD COLUMNS

   Next we will add:
   1. Brows Directory
   2. Brows Visual
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-59395e1 > .e-con-inner > * {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   SUBTLE BROW PANEL BACKGROUND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-59395e1::before {

    content: "";

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            115deg,
            rgba(240, 215, 213, 0.05) 0%,
            rgba(247, 245, 231, 0.035) 34%,
            rgba(255, 255, 255, 0) 62%
        ) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-59395e1,
    .elementor-385952 .elementor-element.elementor-element-59395e1 > .e-con-inner {

        min-height: 410px !important;

        grid-template-columns:
            minmax(0, 1.32fr)
            minmax(315px, 0.68fr) !important;
    }


    .elementor-385952 .elementor-element.elementor-element-59395e1 > .e-con-inner > * {

        min-height:
            410px !important;
    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-59395e1 {

        display:
            none !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-59395e1 {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3973c *//* =========================================================
   LOVELLA HEADER
   SHOP CONTENT STAGE
   INTERACTION-SAFE ARCHITECTURE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a3973c {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a3973c > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ALL SHOP PANELS

   IMPORTANT:
   A panel may retain .is-active internally so we know which
   department should show next time the Shop menu opens.

   But it must NEVER receive mouse interaction while the
   entire Shop mega menu itself is closed.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-9a3973c .lovella-shop-panel {

    pointer-events: none !important;
}


/* =========================================================
   CLOSED SHOP MEGA
   ========================================================= */

.lovella-shop-mega:not(.is-open)
.elementor-385952 .elementor-element.elementor-element-9a3973c {

    pointer-events: none !important;
}


.lovella-shop-mega:not(.is-open)
.elementor-385952 .elementor-element.elementor-element-9a3973c * {

    pointer-events: none !important;
}


/* =========================================================
   OPEN SHOP MEGA

   The content stage itself can receive interaction.
   ========================================================= */

.lovella-shop-mega.is-open
.elementor-385952 .elementor-element.elementor-element-9a3973c {

    pointer-events: auto !important;
}


/* =========================================================
   ONLY THE ACTIVE DEPARTMENT PANEL MAY RECEIVE CLICKS
   ========================================================= */

.lovella-shop-mega.is-open
.elementor-385952 .elementor-element.elementor-element-9a3973c .lovella-shop-panel.is-active {

    pointer-events: auto !important;
}


.lovella-shop-mega.is-open
.elementor-385952 .elementor-element.elementor-element-9a3973c .lovella-shop-panel.is-active * {

    pointer-events: auto !important;
}


/* =========================================================
   INACTIVE DEPARTMENT PANEL
   ========================================================= */

.lovella-shop-mega.is-open
.elementor-385952 .elementor-element.elementor-element-9a3973c .lovella-shop-panel:not(.is-active) {

    pointer-events: none !important;
}


.lovella-shop-mega.is-open
.elementor-385952 .elementor-element.elementor-element-9a3973c .lovella-shop-panel:not(.is-active) * {

    pointer-events: none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-9a3973c,
    .elementor-385952 .elementor-element.elementor-element-9a3973c > .e-con-inner {

        min-height: 410px !important;
    }

}


@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-9a3973c {

        display: none !important;

        pointer-events: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99fb6d6 *//* =========================================================
   LOVELLA HEADER
   SHOP MEGA MENU — OUTER SHELL

   IMPORTANT:
   This panel is a DIRECT CHILD of Lovella Header - Main.
   It therefore anchors cleanly to the bottom of the header.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6 {

    position: absolute !important;

    top: 100% !important;

    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width:
        min(
            1510px,
            calc(100vw - 44px)
        ) !important;

    max-width:
        min(
            1510px,
            calc(100vw - 44px)
        ) !important;

    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.08) !important;

    border-top: 0 !important;

    border-radius:
        0
        0
        28px
        28px !important;

    box-shadow:
        0 28px 75px rgba(33, 29, 30, 0.13) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 2000 !important;


    /* =====================================================
       CLOSED STATE

       Header Controller will add .is-open later.
       ===================================================== */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translate(-50%, 8px) !important;

    transition:
        opacity 0.18s ease,
        transform 0.20s ease,
        visibility 0s linear 0.18s !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   OPEN STATE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6.is-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translate(-50%, 0) !important;

    transition-delay: 0s !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOVELLA TOP ACCENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6::after {

    content: "";

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 3px !important;

    background:
        linear-gradient(
            90deg,
            var(--lovella-pink, #f0d7d5),
            var(--lovella-rose, #d28799),
            var(--lovella-gold, #b99457),
            var(--lovella-pink, #f0d7d5)
        ) !important;

    pointer-events: none !important;

    z-index: 20 !important;
}


/* =========================================================
   NARROW DESKTOP
   ========================================================= */

@media (max-width: 1320px) and (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-99fb6d6 {

        width:
            calc(100vw - 32px) !important;

        max-width:
            calc(100vw - 32px) !important;

    }

}


/* =========================================================
   TABLET + MOBILE

   Desktop Shop mega will be replaced by the mobile
   navigation experience below 1120px.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-99fb6d6 {

        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-99fb6d6 {

        transition: none !important;

    }

}

/* =========================================================
   CRITICAL CLOSED-STATE CLICK SAFETY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6:not(.is-open),
.elementor-385952 .elementor-element.elementor-element-99fb6d6:not(.is-open) *,
.elementor-385952 .elementor-element.elementor-element-99fb6d6:not(.is-open) .lovella-shop-panel,
.elementor-385952 .elementor-element.elementor-element-99fb6d6:not(.is-open) .lovella-shop-panel * {

    pointer-events: none !important;
}


/* =========================================================
   OPEN SHOP MENU
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6.is-open {

    pointer-events: auto !important;
}


/* =========================================================
   ONLY ACTIVE PANEL INTERACTIVE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-99fb6d6.is-open
.lovella-shop-panel.is-active,
.elementor-385952 .elementor-element.elementor-element-99fb6d6.is-open
.lovella-shop-panel.is-active * {

    pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91b9952 *//* =========================================================
   LOVELLA HEADER
   MAIN HEADER
   ALSO ACTS AS MEGA-MENU POSITIONING ANCHOR
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-91b9952 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height:
        var(--lovella-header-height, 88px) !important;

    min-height:
        var(--lovella-header-height, 88px) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    background:
        #ffffff !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;

    box-shadow:
        0 8px 26px rgba(33, 29, 30, 0.035) !important;

    /*
     * CRITICAL:
     * Mega panels are direct children of Main and must be
     * allowed to extend below the 88px header.
     */
    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 100 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER SAFEGUARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-91b9952 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-91b9952 {

        height:
            76px !important;

        min-height:
            76px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efd1bd0 *//* =========================================================
   LOVELLA HEADER
   SEARCH OVERLAY — CLOSE CONTROL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-efd1bd0 {

    position: absolute !important;

    top: 22px !important;
    right: 22px !important;

    left: auto !important;
    bottom: auto !important;

    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    flex: 0 0 40px !important;

    line-height: 0 !important;

    z-index: 20 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: 40px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-efd1bd0 .elementor-widget-container {

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTUAL BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-button {

    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid var(--lovella-line, rgba(33, 29, 30, 0.12)) !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    line-height: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}


/* =========================================================
   SVG
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-svg {

    display: block !important;

    width: 17px !important;
    height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    overflow: visible !important;

    pointer-events: none !important;
}


.elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-svg path {

    stroke-width: 1.45 !important;

}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-button:hover,
.elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-button:focus-visible {

    background:
        rgba(240, 215, 213, 0.28) !important;

    border-color:
        rgba(210, 135, 153, 0.42) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    transform:
        rotate(2deg) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-efd1bd0 {

        top: 16px !important;
        right: 16px !important;

        width: 38px !important;
        max-width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        flex-basis: 38px !important;

        --container-widget-width: 38px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-efd1bd0 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-button {

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-svg {

        width: 16px !important;
        height: 16px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-efd1bd0 .lovella-search-close-button {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ab2b46b *//* =========================================================
   LOVELLA HEADER
   SEARCH OVERLAY — KICKER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ab2b46b {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin:
        0
        0
        16px
        0 !important;

    padding: 0 !important;

    display: block !important;

    color:
        var(--lovella-rose, #d28799) !important;

    line-height: 1 !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WIDGET WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ab2b46b .elementor-widget-container {

    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ab2b46b .elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1.44px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-ab2b46b {

        margin-bottom: 14px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-ab2b46b .elementor-heading-title {

        font-size: 8.5px !important;

        letter-spacing: 1.3px !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-ab2b46b {

        margin-bottom: 13px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-668a97f *//* =========================================================
   LOVELLA HEADER
   SEARCH FORM WIDGET
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR HTML WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SEARCH FORM
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--lovella-charcoal, #211d1e) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACCESSIBLE LABEL

   Available to assistive technology without adding visual
   clutter to the approved design.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-label {

    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* =========================================================
   SEARCH INPUT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input {

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 64px !important;
    min-height: 64px !important;

    margin: 0 !important;

    padding:
        8px
        64px
        16px
        0 !important;

    display: block !important;

    flex: 1 1 auto !important;

    background: transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-radius: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 42px !important;

    font-weight: 400 !important;

    font-style: normal !important;

    line-height: 1.05 !important;

    letter-spacing: -0.025em !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input::placeholder {

    color:
        rgba(33, 29, 30, 0.48) !important;

    opacity: 1 !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input:focus {

    color:
        var(--lovella-charcoal, #211d1e) !important;

    outline: 0 !important;

    box-shadow: none !important;
}


.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form:focus-within {

    border-bottom-color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   REMOVE BROWSER SEARCH DECORATIONS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input::-webkit-search-decoration,
.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input::-webkit-search-cancel-button,
.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input::-webkit-search-results-button,
.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input::-webkit-search-results-decoration {

    -webkit-appearance: none !important;

}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit {

    appearance: none !important;
    -webkit-appearance: none !important;

    position: absolute !important;

    top: 50% !important;
    right: 0 !important;

    transform:
        translateY(-50%) !important;

    width: 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    outline: 0 !important;

    cursor: pointer !important;

    line-height: 0 !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease !important;
}


/* =========================================================
   SUBMIT ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit-svg {

    display: block !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    pointer-events: none !important;

    overflow: visible !important;
}


.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit-svg circle,
.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit-svg path {

    stroke-width: 1.45 !important;

}


/* =========================================================
   SUBMIT HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit:hover,
.elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit:focus-visible {

    background:
        rgba(240, 215, 213, 0.28) !important;

    color:
        var(--lovella-rose-deep, #c8878d) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input {

        font-size: 38px !important;

    }

}


/* =========================================================
   MOBILE
   Approved concept reduces input typography substantially.
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form {

        min-height: 58px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input {

        height: 58px !important;
        min-height: 58px !important;

        padding:
            7px
            52px
            13px
            0 !important;

        font-size: 31px !important;

        line-height: 1.05 !important;

    }


    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit {

        width: 44px !important;
        max-width: 44px !important;
        min-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

    }


    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit-svg {

        width: 20px !important;
        height: 20px !important;

    }

}


/* =========================================================
   SMALL MOBILE
   Prevent long placeholder from feeling cramped.
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-input {

        font-size: 27px !important;

        letter-spacing: -0.02em !important;

        padding-right: 48px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-668a97f .lovella-search-form-submit {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e1c4b *//* =========================================================
   LOVELLA HEADER
   SEARCH PANEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-60e1c4b {

    position: relative !important;

    width: min(860px, calc(100vw - 36px)) !important;
    max-width: 860px !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 38px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background: #ffffff !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border: 0 !important;

    border-radius: 28px !important;

    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.20) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 2 !important;

    /*
     * Closed-state panel position.
     * The overlay controls visibility; this gives the panel
     * the slight upward entrance movement from the concept.
     */
    transform:
        translateY(4%) !important;

    transition:
        transform 0.22s ease !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-60e1c4b > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   OPEN STATE
   Search overlay adds .is-active.
   ========================================================= */

.lovella-search-overlay.is-active .elementor-385952 .elementor-element.elementor-element-60e1c4b {

    transform:
        translateY(0) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-60e1c4b {

        width: min(760px, calc(100vw - 36px)) !important;

        padding: 34px !important;

        border-radius: 26px !important;

    }

}


/* =========================================================
   MOBILE
   Mirrors the compact search-panel treatment from concept.
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-60e1c4b {

        width: calc(100vw - 28px) !important;
        max-width: none !important;

        padding:
            30px
            22px
            24px !important;

        border-radius: 24px !important;

        box-shadow:
            0 28px 70px rgba(0, 0, 0, 0.18) !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-60e1c4b {

        width: calc(100vw - 24px) !important;

        padding:
            28px
            18px
            22px !important;

        border-radius: 22px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-60e1c4b {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3f1c4f *//* =========================================================
   LOVELLA HEADER
   SEARCH OVERLAY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d3f1c4f {

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100vh !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 18px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        rgba(24, 20, 21, 0.72) !important;

    -webkit-backdrop-filter:
        blur(14px) !important;

    backdrop-filter:
        blur(14px) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 1400 !important;

    /* -----------------------------------------------------
       CLOSED STATE
       ----------------------------------------------------- */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 0.22s ease,
        visibility 0s linear 0.22s !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d3f1c4f > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   OPEN STATE

   JS will add .is-active when Search is clicked.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-d3f1c4f.is-active {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transition-delay: 0s !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-d3f1c4f {

        padding: 18px !important;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-d3f1c4f {

        padding: 14px !important;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-d3f1c4f {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aae1685 *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER LOGO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-aae1685 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    justify-self: start !important;
    align-self: center !important;

    text-align: left !important;

    transform: none !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-aae1685 .elementor-widget-container {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    text-align: left !important;

    transform: none !important;

    overflow: visible !important;
}


.elementor-385952 .elementor-element.elementor-element-aae1685 a {

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    line-height: 0 !important;

    transform: none !important;
}


.elementor-385952 .elementor-element.elementor-element-aae1685 img {

    display: block !important;

    width: 154px !important;
    max-width: 154px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: left center !important;

    transform: none !important;
}


/* MOBILE */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-aae1685 img {

        width: 148px !important;
        max-width: 148px !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-aae1685 img {

        width: 140px !important;
        max-width: 140px !important;
    }

}


/* VERY SMALL MOBILE */

@media (max-width: 360px) {

    .elementor-385952 .elementor-element.elementor-element-aae1685 img {

        width: 132px !important;
        max-width: 132px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01cd3d1 *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER BRAND
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-01cd3d1 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    text-align: left !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-01cd3d1 > .e-con-inner {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    text-align: left !important;

    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53669e4 *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER CLOSE BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 {

    position: relative !important;

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 44px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .elementor-widget-container {

    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button {

    position: relative !important;

    width: 44px !important;
    min-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(255, 255, 255, 0.72) !important;

    border:
        1px solid rgba(33, 29, 30, 0.10) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 7px 20px rgba(33, 29, 30, 0.05) !important;

    backdrop-filter:
        blur(10px) !important;

    -webkit-backdrop-filter:
        blur(10px) !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    cursor:
        pointer !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease !important;
}


/* =========================================================
   ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button__icon {

    position: relative !important;

    width: 16px !important;
    height: 16px !important;

    display: block !important;
}


/* =========================================================
   X LINES
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button__line {

    position: absolute !important;

    top: 7px !important;
    left: 0 !important;

    width: 16px !important;
    height: 1.4px !important;

    background:
        currentColor !important;

    border-radius:
        999px !important;
}


.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button__line--one {

    transform:
        rotate(45deg) !important;
}


.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button__line--two {

    transform:
        rotate(-45deg) !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button:hover {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        rgba(240, 215, 213, 0.42) !important;

    border-color:
        rgba(210, 135, 153, 0.20) !important;

    transform:
        rotate(3deg) !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button:focus-visible {

    outline:
        2px solid rgba(210, 135, 153, 0.38) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-53669e4,
    .elementor-385952 .elementor-element.elementor-element-53669e4 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button {

        width: 42px !important;
        min-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-53669e4,
    .elementor-385952 .elementor-element.elementor-element-53669e4 .elementor-widget-container,
    .elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button {

        width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-53669e4 .lovella-mobile-drawer-close-button {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-073dda8 *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER CLOSE WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-073dda8 {

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 44px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-end !important;

    flex: 0 0 auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    --container-widget-width: auto !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-073dda8 > .e-con-inner {

    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98f69dc *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER HEADER
   FINAL LEFT / RIGHT GRID
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-98f69dc {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 88px !important;

    margin: 0 !important;

    padding:
        calc(20px + env(safe-area-inset-top, 0px))
        24px
        20px
        26px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    grid-template-rows:
        auto !important;

    align-items: center !important;

    column-gap: 20px !important;

    background:
        rgba(255, 255, 255, 0.72) !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    backdrop-filter:
        blur(14px) !important;

    -webkit-backdrop-filter:
        blur(14px) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    flex: 0 0 auto !important;

    z-index: 20 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-98f69dc > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    grid-template-rows:
        auto !important;

    align-items: center !important;

    column-gap: 20px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BRAND — HARD LEFT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-98f69dc .lovella-mobile-drawer-brand {

    grid-column: 1 !important;
    grid-row: 1 !important;

    justify-self: start !important;
    align-self: center !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex: none !important;

    overflow: visible !important;
}


/* =========================================================
   CLOSE — HARD RIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-98f69dc .lovella-mobile-drawer-close {

    grid-column: 2 !important;
    grid-row: 1 !important;

    justify-self: end !important;
    align-self: center !important;

    position: relative !important;

    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    flex: none !important;

    overflow: visible !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-98f69dc {

        min-height: 82px !important;

        padding:
            calc(18px + env(safe-area-inset-top, 0px))
            20px
            17px
            22px !important;

        column-gap: 16px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-98f69dc > .e-con-inner {

        column-gap: 16px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-98f69dc {

        min-height: 78px !important;

        padding:
            calc(16px + env(safe-area-inset-top, 0px))
            17px
            15px
            19px !important;

        column-gap: 12px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-98f69dc > .e-con-inner {

        column-gap: 12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d985a *//* =========================================================
   LOVELLA HEADER
   MOBILE MAIN NAVIGATION
   FINAL MAIN SCREEN
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   MAIN WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-navigation {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding:
        22px
        28px
        32px
        28px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PRIMARY NAVIGATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-navigation__links {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;
}


/* =========================================================
   PRIMARY ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link {

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 70px !important;

    margin: 0 !important;

    padding:
        0
        3px !important;

    display: grid !important;

    grid-template-columns:
        29px
        minmax(0, 1fr)
        38px !important;

    align-items: center !important;

    column-gap: 12px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        padding-left 0.22s ease !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__number {

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    font-style: italic !important;

    line-height: 1 !important;

    opacity: 0.67 !important;

    transition:
        opacity 0.20s ease !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__label {

    color:
        inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 24px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: -0.12px !important;
}


/* =========================================================
   PRIMARY ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon {

    width: 36px !important;
    min-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    justify-self: end !important;

    color:
        rgba(33, 29, 30, 0.55) !important;

    background:
        rgba(240, 215, 213, 0.25) !important;

    border:
        1px solid rgba(210, 135, 153, 0.12) !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon svg {

    width: 13px !important;
    height: 13px !important;

    display: block !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon svg path {

    stroke-width: 1.35 !important;
}


/* =========================================================
   PRIMARY HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:hover,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    padding-left:
        7px !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:hover
.lovella-mobile-main-link__number,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:focus-visible
.lovella-mobile-main-link__number {

    opacity: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:hover
.lovella-mobile-main-link__icon,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link:focus-visible
.lovella-mobile-main-link__icon {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   ACCOUNT + CART AREA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-actions {

    position: relative !important;

    width: 100% !important;

    margin:
        24px
        0
        12px
        0 !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    gap: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACCOUNT / CART BUTTON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action {

    position: relative !important;

    width: 100% !important;

    min-height: 50px !important;

    margin: 0 !important;

    padding:
        0
        13px !important;

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    border-radius:
        999px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        color 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        transform 0.20s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action__icon {

    width: 14px !important;
    min-width: 14px !important;

    height: 14px !important;
    min-height: 14px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action__icon svg {

    width: 14px !important;
    height: 14px !important;

    display: block !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action__icon svg * {

    stroke-width: 1.4 !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action__label {

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing:
        1.05px !important;

    text-transform:
        uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   MY ACCOUNT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action--account {

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(255,255,255,0.60) !important;

    border:
        1px solid rgba(33, 29, 30, 0.62) !important;
}


/* =========================================================
   CART
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action--cart {

    color:
        #ffffff !important;

    background:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid var(--lovella-charcoal, #211d1e) !important;
}


/* =========================================================
   ACTION HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action:hover,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action:focus-visible {

    transform:
        translateY(-1px) !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action--account:hover,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action--account:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    border-color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   ONLINE ACADEMY CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy {

    position: relative !important;

    width: 100% !important;

    min-height:
        82px !important;

    margin: 0 !important;

    padding:
        0
        16px !important;

    display: grid !important;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        26px !important;

    align-items: center !important;

    column-gap:
        12px !important;

    color:
        #ffffff !important;

    background:
        var(--lovella-charcoal, #211d1e) !important;

    border:
        1px solid var(--lovella-charcoal, #211d1e) !important;

    border-radius:
        18px !important;

    text-decoration:
        none !important;

    box-shadow:
        0 12px 30px rgba(33,29,30,0.08) !important;

    box-sizing:
        border-box !important;

    transition:
        transform 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* =========================================================
   ACADEMY ICON
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__icon {

    width: 42px !important;
    min-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    border-radius:
        50% !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__icon svg {

    width: 17px !important;
    height: 17px !important;

    display: block !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__icon svg * {

    stroke-width: 1.35 !important;
}


/* =========================================================
   ACADEMY CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__content {

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 5px !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__title {

    color:
        #ffffff !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        20px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__meta {

    color:
        rgba(255,255,255,0.48) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        0.9px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   ACADEMY ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__arrow {

    width: 26px !important;
    height: 26px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    justify-self: end !important;

    color:
        rgba(255,255,255,0.88) !important;
}


.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__arrow svg {

    width: 14px !important;
    height: 14px !important;
}


/* =========================================================
   ACADEMY HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy:hover,
.elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy:focus-visible {

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 16px 36px rgba(33,29,30,0.13) !important;

    outline: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-navigation {

        padding:
            18px
            23px
            28px
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link {

        min-height:
            67px !important;

        grid-template-columns:
            27px
            minmax(0, 1fr)
            36px !important;

        column-gap:
            10px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__label {

        font-size:
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon {

        width: 34px !important;
        min-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-actions {

        margin-top:
            21px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-navigation {

        padding:
            16px
            20px
            26px
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link {

        min-height:
            64px !important;

        grid-template-columns:
            25px
            minmax(0, 1fr)
            34px !important;

        column-gap:
            9px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__number {

        font-size:
            11.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__label {

        font-size:
            21.5px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon {

        width:
            32px !important;

        min-width:
            32px !important;

        height:
            32px !important;

        min-height:
            32px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-actions {

        gap:
            8px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action {

        min-height:
            48px !important;

        padding:
            0
            10px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action__label {

        font-size:
            7.8px !important;

        letter-spacing:
            0.9px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy {

        min-height:
            78px !important;

        grid-template-columns:
            39px
            minmax(0, 1fr)
            24px !important;

        padding:
            0
            14px !important;

        column-gap:
            11px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__icon {

        width:
            39px !important;

        min-width:
            39px !important;

        height:
            39px !important;

        min-height:
            39px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy__title {

        font-size:
            18px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link,
    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__number,
    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-link__icon,
    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-action,
    .elementor-385952 .elementor-element.elementor-element-70d985a .lovella-mobile-main-academy {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92af498 *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — MAIN VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-92af498 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background:
        transparent !important;

    box-sizing:
        border-box !important;

    overflow:
        visible !important;

    flex:
        0 0 auto !important;
}


/* =========================================================
   ACTIVE VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-92af498.is-active {

    display:
        flex !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-92af498 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70213f8 *//* =========================================================
   LOVELLA HEADER
   MOBILE TRAINING NAVIGATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-navigation {

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px
        28px
        36px
        28px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SUBVIEW HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-header {

    width: 100% !important;

    margin:
        0
        0
        29px
        0 !important;

    padding:
        0
        0
        18px
        0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    border-bottom:
        1px solid rgba(33,29,30,.08) !important;
}


/* =========================================================
   BACK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-back {

    min-height: 44px !important;

    margin: 0 !important;

    padding:
        0
        8px
        0
        0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    background:
        transparent !important;

    border: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-back__icon {

    width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    background:
        rgba(240,215,213,.34) !important;

    border:
        1px solid rgba(210,135,153,.13) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-back__icon svg {

    width: 13px !important;
    height: 13px !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-back__text,
.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-header__section {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.45px !important;

    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-subview-header__section {

    color:
        var(--lovella-rose-deep,#c8878d) !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro {

    width: 100% !important;

    margin:
        0
        0
        33px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__eyebrow {

    position: relative !important;

    margin:
        0
        0
        10px
        0 !important;

    padding-left:
        38px !important;

    color:
        var(--lovella-rose,#d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 1.55px !important;

    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__eyebrow::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 25px !important;
    height: 1px !important;

    background:
        var(--lovella-rose,#d28799) !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__title {

    margin:
        0
        0
        10px
        0 !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 40px !important;

    font-weight: 500 !important;

    line-height: .96 !important;

    letter-spacing: -.6px !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__copy {

    max-width: 315px !important;

    margin: 0 !important;

    color:
        rgba(101,94,89,.84) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11.5px !important;

    line-height: 1.55 !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-group {

    width: 100% !important;

    margin:
        0
        0
        31px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-group--last {

    margin-bottom: 0 !important;
}


/* =========================================================
   GROUP HEADING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-group__heading {

    width: 100% !important;

    margin:
        0
        0
        11px
        0 !important;

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-group__number {

    color:
        var(--lovella-rose,#d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 13px !important;

    font-style: italic !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-group__label {

    color:
        rgba(33,29,30,.55) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: 1.35px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-list {

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;
}


/* =========================================================
   COURSE ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course {

    position: relative !important;

    width: 100% !important;

    min-height: 78px !important;

    margin: 0 !important;

    padding:
        13px
        12px
        13px
        15px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto
        35px !important;

    align-items: center !important;

    gap: 10px !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    background:
        rgba(255,255,255,.72) !important;

    border:
        1px solid rgba(33,29,30,.075) !important;

    border-radius: 13px !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        transform .2s ease !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__content {

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 5px !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__title {

    color: inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 21px !important;

    font-weight: 600 !important;

    line-height: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__meta {

    color:
        rgba(101,94,89,.70) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;

    line-height: 1.35 !important;
}


/* =========================================================
   BADGE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__badge {

    padding:
        6px
        8px !important;

    color:
        var(--lovella-rose-deep,#c8878d) !important;

    background:
        rgba(240,215,213,.34) !important;

    border-radius:
        999px !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 6.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .75px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__arrow {

    width: 34px !important;
    height: 34px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color:
        rgba(33,29,30,.56) !important;

    background:
        #fff !important;

    border:
        1px solid rgba(33,29,30,.075) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__arrow svg {

    width: 13px !important;
    height: 13px !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course:hover,
.elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course:focus-visible {

    color:
        var(--lovella-rose-deep,#c8878d) !important;

    background:
        rgba(255,246,247,.86) !important;

    border-color:
        rgba(210,135,153,.20) !important;

    transform:
        translateX(3px) !important;

    outline: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:720px) {

    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-navigation {

        padding:
            22px
            23px
            32px
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__title {

        font-size: 37px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course {

        min-height: 76px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px) {

    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-navigation {

        padding:
            20px
            20px
            30px
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-intro__title {

        font-size: 34px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course {

        grid-template-columns:
            minmax(0,1fr)
            32px !important;
    }


    /*
     * On narrow phones remove badge from the row.
     * The metadata already communicates the course type.
     */

    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__badge {

        display: none !important;
    }


    .elementor-385952 .elementor-element.elementor-element-70213f8 .lovella-mobile-training-course__title {

        font-size: 20px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd59056 *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — TRAINING VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cd59056 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   ACTIVE VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cd59056.is-active {

    display: flex !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-cd59056 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e51a92 *//* =========================================================
   LOVELLA HEADER
   MOBILE SHOP NAVIGATION
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-navigation {

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px
        28px
        36px
        28px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TOP HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-header {

    width: 100% !important;

    margin:
        0
        0
        29px
        0 !important;

    padding:
        0
        0
        18px
        0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;
}


/* =========================================================
   BACK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-back {

    min-height: 44px !important;

    margin: 0 !important;

    padding:
        0
        8px
        0
        0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background: transparent !important;
    border: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-back__icon {

    width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(240, 215, 213, 0.34) !important;

    border:
        1px solid rgba(210, 135, 153, 0.13) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-back__icon svg {

    width: 13px !important;
    height: 13px !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-back__text,
.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-header__section {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1.45px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-header__section {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro {

    width: 100% !important;

    margin:
        0
        0
        32px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__eyebrow {

    position: relative !important;

    margin:
        0
        0
        10px
        0 !important;

    padding-left: 38px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1.55px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__eyebrow::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 25px !important;
    height: 1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        translateY(-50%) !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__title {

    margin:
        0
        0
        10px
        0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 40px !important;
    font-weight: 500 !important;
    line-height: 0.96 !important;
    letter-spacing: -0.6px !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__copy {

    max-width: 315px !important;

    margin: 0 !important;

    color:
        rgba(101, 94, 89, 0.84) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11.5px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   DEPARTMENT LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-departments {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;
}


/* =========================================================
   DEPARTMENT CARD
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department {

    position: relative !important;

    width: 100% !important;
    min-height: 118px !important;

    margin: 0 !important;

    padding:
        17px
        14px
        17px
        15px !important;

    display: grid !important;

    grid-template-columns:
        28px
        minmax(0, 1fr)
        38px !important;

    align-items: center !important;

    gap: 11px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(255, 255, 255, 0.72) !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius:
        14px !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}


/* NUMBER */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__number {

    align-self: start !important;

    margin-top: 6px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    font-style: italic !important;
}


/* CONTENT */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__content {

    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 5px !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__eyebrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__title {

    color: inherit !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__meta {

    max-width: 245px !important;

    color:
        rgba(101, 94, 89, 0.72) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;
    line-height: 1.4 !important;
}


/* ARROW */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__arrow {

    width: 36px !important;
    height: 36px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    justify-self: end !important;

    color:
        rgba(33, 29, 30, 0.56) !important;

    background: #ffffff !important;

    border:
        1px solid rgba(33, 29, 30, 0.075) !important;

    border-radius: 50% !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__arrow svg {

    width: 13px !important;
    height: 13px !important;
}


/* HOVER */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department:hover,
.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        rgba(255, 246, 247, 0.86) !important;

    border-color:
        rgba(210, 135, 153, 0.20) !important;

    transform:
        translateX(3px) !important;

    outline: none !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department:hover
.lovella-mobile-shop-department__arrow,
.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department:focus-visible
.lovella-mobile-shop-department__arrow {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    background:
        var(--lovella-pink, #f0d7d5) !important;

    transform:
        translateX(2px) !important;
}


/* =========================================================
   SHOP EVERYTHING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything {

    width: 100% !important;

    min-height: 74px !important;

    margin:
        18px
        0
        0
        0 !important;

    padding:
        0
        17px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        36px !important;

    align-items: center !important;

    gap: 14px !important;

    color:
        #ffffff !important;

    background:
        var(--lovella-charcoal, #211d1e) !important;

    border-radius:
        14px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything__content {

    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 5px !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything__eyebrow {

    color:
        rgba(255, 255, 255, 0.50) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything__title {

    color: #ffffff !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything__arrow {

    width: 34px !important;
    height: 34px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    justify-self: end !important;

    color:
        #ffffff !important;

    background:
        rgba(255, 255, 255, 0.10) !important;

    border:
        1px solid rgba(255, 255, 255, 0.14) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-everything__arrow svg {

    width: 13px !important;
    height: 13px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-navigation {

        padding:
            22px
            23px
            32px
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__title {

        font-size: 37px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department {

        min-height: 112px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-navigation {

        padding:
            20px
            20px
            30px
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-intro__title {

        font-size: 34px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department {

        grid-template-columns:
            25px
            minmax(0, 1fr)
            34px !important;

        padding:
            15px
            12px
            15px
            13px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__title {

        font-size: 25px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department,
    .elementor-385952 .elementor-element.elementor-element-1e51a92 .lovella-mobile-shop-department__arrow {

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a4e0a4 *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — SHOP VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a4e0a4 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   ACTIVE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a4e0a4.is-active {

    display: flex !important;
}


/* =========================================================
   ELEMENTOR INNER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7a4e0a4 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12a6f1f *//* =========================================================
   LOVELLA HEADER
   MOBILE SHOP — LASHES
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-navigation {

    width: 100% !important;

    padding:
        24px
        28px
        38px
        28px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TOP HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-header {

    width: 100% !important;

    margin:
        0
        0
        29px
        0 !important;

    padding:
        0
        0
        18px
        0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    border-bottom:
        1px solid rgba(33,29,30,.08) !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-back {

    min-height: 44px !important;

    padding:
        0
        8px
        0
        0 !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 9px !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    background: transparent !important;
    border: 0 !important;

    appearance: none !important;
    cursor: pointer !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-back__icon {

    width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(240,215,213,.34) !important;

    border:
        1px solid rgba(210,135,153,.13) !important;

    border-radius: 50% !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-back__icon svg {

    width: 13px !important;
    height: 13px !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-back__text,
.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-header__section {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.45px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-header__section {

    color:
        var(--lovella-rose-deep,#c8878d) !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro {

    margin:
        0
        0
        33px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__eyebrow {

    position: relative !important;

    margin:
        0
        0
        10px
        0 !important;

    padding-left: 38px !important;

    color:
        var(--lovella-rose,#d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.55px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__eyebrow::before {

    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 25px !important;
    height: 1px !important;

    background:
        var(--lovella-rose,#d28799) !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__title {

    margin:
        0
        0
        10px
        0 !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 38px !important;
    font-weight: 500 !important;

    line-height: .97 !important;
    letter-spacing: -.55px !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__copy {

    max-width: 315px !important;

    margin: 0 !important;

    color:
        rgba(101,94,89,.82) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    line-height: 1.55 !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-group {

    width: 100% !important;

    margin:
        0
        0
        31px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-group--last {

    margin-bottom: 0 !important;
}


/* =========================================================
   GROUP HEADING
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-group__heading {

    margin:
        0
        0
        8px
        0 !important;

    padding:
        0
        0
        13px
        0 !important;

    border-bottom:
        1px solid rgba(33,29,30,.08) !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-group__eyebrow {

    display: block !important;

    margin:
        0
        0
        7px
        0 !important;

    color:
        var(--lovella-rose,#d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 7.5px !important;
    font-weight: 800 !important;

    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-group__title {

    display: inline-flex !important;

    align-items: center !important;

    gap: 9px !important;

    margin: 0 !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 24px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;
}


/* =========================================================
   LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-list {

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;
}


/* =========================================================
   LINK ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link {

    width: 100% !important;

    min-height: 58px !important;

    padding:
        0
        4px !important;

    display: grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        auto !important;

    align-items: center !important;

    gap: 10px !important;

    color:
        var(--lovella-charcoal,#211d1e) !important;

    border-bottom:
        1px solid rgba(33,29,30,.075) !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        color .18s ease,
        padding-left .18s ease !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link__number {

    color:
        var(--lovella-rose,#d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 11px !important;
    font-style: italic !important;

    opacity: .72 !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link__label {

    min-width: 0 !important;

    color: inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 11.5px !important;
    font-weight: 500 !important;

    line-height: 1.3 !important;
}


.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link__meta {

    color:
        rgba(33,29,30,.39) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size: 6.5px !important;
    font-weight: 700 !important;

    letter-spacing: .8px !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link:hover,
.elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link:focus-visible {

    color:
        var(--lovella-rose-deep,#c8878d) !important;

    padding-left:
        8px !important;

    outline: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:720px) {

    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-navigation {

        padding:
            22px
            23px
            34px
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__title {

        font-size:
            35px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px) {

    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-navigation {

        padding:
            20px
            20px
            32px
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-intro__title {

        font-size:
            32px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link {

        min-height:
            56px !important;

        grid-template-columns:
            25px
            minmax(0,1fr)
            auto !important;

        gap:
            8px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-12a6f1f .lovella-mobile-lashes-link__label {

        font-size:
            11px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62aaa53 *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — SHOP LASHES VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-62aaa53 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    flex: 0 0 auto !important;
}


.elementor-385952 .elementor-element.elementor-element-62aaa53.is-active {

    display: flex !important;
}


.elementor-385952 .elementor-element.elementor-element-62aaa53 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8775b95 *//* =========================================================
   LOVELLA HEADER
   MOBILE SHOP — BROWS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;

    --container-widget-width: 100% !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-navigation {

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px
        28px
        38px
        28px !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   TOP HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-header {

    width: 100% !important;

    margin:
        0
        0
        29px
        0 !important;

    padding:
        0
        0
        18px
        0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;
}


/* =========================================================
   BACK
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-back {

    min-height:
        44px !important;

    margin: 0 !important;

    padding:
        0
        8px
        0
        0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap:
        9px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        transparent !important;

    border:
        0 !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    cursor:
        pointer !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-back__icon {

    width:
        32px !important;

    min-width:
        32px !important;

    height:
        32px !important;

    min-height:
        32px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    background:
        rgba(240, 215, 213, 0.34) !important;

    border:
        1px solid rgba(210, 135, 153, 0.13) !important;

    border-radius:
        50% !important;

    box-sizing:
        border-box !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-back__icon svg {

    width:
        13px !important;

    height:
        13px !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-back__text,
.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-header__section {

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.45px !important;

    text-transform:
        uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-header__section {

    color:
        var(--lovella-rose-deep, #c8878d) !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro {

    width: 100% !important;

    margin:
        0
        0
        33px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__eyebrow {

    position: relative !important;

    margin:
        0
        0
        10px
        0 !important;

    padding:
        0
        0
        0
        38px !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.55px !important;

    text-transform:
        uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__eyebrow::before {

    content: "";

    position:
        absolute !important;

    left:
        0 !important;

    top:
        50% !important;

    width:
        25px !important;

    height:
        1px !important;

    background:
        var(--lovella-rose, #d28799) !important;

    transform:
        translateY(-50%) !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__title {

    max-width:
        330px !important;

    margin:
        0
        0
        10px
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        38px !important;

    font-weight:
        500 !important;

    line-height:
        0.97 !important;

    letter-spacing:
        -0.55px !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__copy {

    max-width:
        315px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        rgba(101, 94, 89, 0.82) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;
}


/* =========================================================
   GROUP
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-group {

    width:
        100% !important;

    margin:
        0
        0
        31px
        0 !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-group--last {

    margin-bottom:
        0 !important;
}


/* =========================================================
   GROUP HEADER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-group__heading {

    width:
        100% !important;

    margin:
        0
        0
        8px
        0 !important;

    padding:
        0
        0
        13px
        0 !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.08) !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-group__eyebrow {

    display:
        block !important;

    margin:
        0
        0
        7px
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        7.5px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.2px !important;

    text-transform:
        uppercase !important;
}


.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-group__title {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        24px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.15px !important;
}


/* =========================================================
   LIST
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-list {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    gap:
        0 !important;
}


/* =========================================================
   LINK ROW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link {

    position:
        relative !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        58px !important;

    margin:
        0 !important;

    padding:
        0
        4px !important;

    display:
        grid !important;

    grid-template-columns:
        28px
        minmax(0, 1fr)
        auto !important;

    align-items:
        center !important;

    gap:
        10px !important;

    color:
        var(--lovella-charcoal, #211d1e) !important;

    border-bottom:
        1px solid rgba(33, 29, 30, 0.075) !important;

    text-decoration:
        none !important;

    box-sizing:
        border-box !important;

    transition:
        color 0.18s ease,
        padding-left 0.18s ease !important;
}


/* NUMBER */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link__number {

    color:
        var(--lovella-rose, #d28799) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;

    font-style:
        italic !important;

    line-height:
        1 !important;

    opacity:
        0.72 !important;
}


/* LABEL */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link__label {

    min-width:
        0 !important;

    color:
        inherit !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        11.5px !important;

    font-weight:
        500 !important;

    line-height:
        1.3 !important;
}


/* META */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link__meta {

    color:
        rgba(33, 29, 30, 0.39) !important;

    font-family:
        "Hanken Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        6.5px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        0.8px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link:hover,
.elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link:focus-visible {

    color:
        var(--lovella-rose-deep, #c8878d) !important;

    padding-left:
        8px !important;

    outline:
        none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-navigation {

        padding:
            22px
            23px
            34px
            23px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__title {

        font-size:
            35px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-navigation {

        padding:
            20px
            20px
            32px
            20px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-intro__title {

        font-size:
            32px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link {

        min-height:
            56px !important;

        grid-template-columns:
            25px
            minmax(0, 1fr)
            auto !important;

        gap:
            8px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link__label {

        font-size:
            11px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-8775b95 .lovella-mobile-brows-link {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea9a03b *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — SHOP BROWS VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ea9a03b {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    background:
        transparent !important;

    box-sizing:
        border-box !important;

    overflow:
        visible !important;

    flex:
        0 0 auto !important;
}


/* =========================================================
   ACTIVE VIEW
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ea9a03b.is-active {

    display:
        flex !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-ea9a03b > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48614f4 *//* =========================================================
   LOVELLA HEADER
   MOBILE VIEW CONTROLLER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-48614f4 {

    position: absolute !important;

    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    z-index: -1 !important;

    flex: 0 0 0 !important;

    --container-widget-width: 0px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   MOBILE VIEW TRANSITIONS

   These target the common class already present on:
   - Main
   - Training
   - Future Shop screens
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view {

    transition:
        opacity 0.26s ease,
        transform 0.26s cubic-bezier(.22,.74,.24,1) !important;

    will-change:
        opacity,
        transform !important;
}


/* =========================================================
   NORMAL ACTIVE POSITION
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view.is-active {

    opacity:
        1 !important;

    transform:
        translateX(0) !important;
}


/* =========================================================
   ENTER FROM RIGHT

   MAIN → TRAINING
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view.is-entering-from-right {

    opacity:
        0 !important;

    transform:
        translateX(28px) !important;
}


/* =========================================================
   ENTER FROM LEFT

   TRAINING → MAIN
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view.is-entering-from-left {

    opacity:
        0 !important;

    transform:
        translateX(-22px) !important;
}


/* =========================================================
   LEAVE TO LEFT
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view.is-leaving-to-left {

    opacity:
        0 !important;

    transform:
        translateX(-22px) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   LEAVE TO RIGHT
   ========================================================= */

#lovella-mobile-navigation-viewport
.lovella-mobile-view.is-leaving-to-right {

    opacity:
        0 !important;

    transform:
        translateX(28px) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #lovella-mobile-navigation-viewport
    .lovella-mobile-view {

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72292e0 *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION — SCROLLABLE VIEWPORT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-72292e0 {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    flex:
        1 1 auto !important;

    background:
        transparent !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    overscroll-behavior:
        contain !important;

    -webkit-overflow-scrolling:
        touch !important;

    scrollbar-width:
        thin !important;

    scrollbar-color:
        rgba(33, 29, 30, 0.16)
        transparent !important;

    box-sizing:
        border-box !important;

    z-index: 5 !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-72292e0 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   WEBKIT SCROLLBAR
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-72292e0::-webkit-scrollbar {

    width:
        4px !important;
}


.elementor-385952 .elementor-element.elementor-element-72292e0::-webkit-scrollbar-track {

    background:
        transparent !important;
}


.elementor-385952 .elementor-element.elementor-element-72292e0::-webkit-scrollbar-thumb {

    background:
        rgba(33, 29, 30, 0.14) !important;

    border-radius:
        999px !important;
}


/* =========================================================
   SUBTLE TOP FADE

   Separates the navigation content from the fixed drawer
   header without introducing another heavy border.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-72292e0::before {

    content: "";

    position: sticky !important;

    top: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 1px !important;

    flex: 0 0 1px !important;

    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0) 0%,
            rgba(33, 29, 30, 0.055) 18%,
            rgba(33, 29, 30, 0.055) 82%,
            rgba(33, 29, 30, 0) 100%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        20 !important;
}


/* =========================================================
   SAFE BOTTOM AREA

   Ensures the final navigation content never sits directly
   against the browser's gesture/navigation region.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-72292e0::after {

    content: "";

    display: block !important;

    width: 100% !important;

    height:
        calc(20px + env(safe-area-inset-bottom, 0px)) !important;

    min-height:
        calc(20px + env(safe-area-inset-bottom, 0px)) !important;

    flex:
        0 0
        calc(20px + env(safe-area-inset-bottom, 0px)) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-72292e0::after {

        height:
            calc(18px + env(safe-area-inset-bottom, 0px)) !important;

        min-height:
            calc(18px + env(safe-area-inset-bottom, 0px)) !important;

        flex-basis:
            calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-72292e0::-webkit-scrollbar {

        width:
            3px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7695664 *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER — MAIN PANEL
   FIXED HEADER + SCROLLABLE CONTENT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664 {

    position: relative !important;

    width: 420px !important;
    max-width: min(420px, 92vw) !important;
    min-width: 0 !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffdfd 58%,
            #fff8f8 100%
        ) !important;

    border-left:
        1px solid rgba(33, 29, 30, 0.08) !important;

    box-shadow:
        -24px 0 70px rgba(33, 29, 30, 0.18) !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    isolation:
        isolate !important;

    z-index:
        10 !important;

    transform:
        translateX(105%) !important;

    opacity:
        0 !important;

    transition:
        transform 0.42s cubic-bezier(.22,.74,.24,1),
        opacity 0.22s ease !important;

    will-change:
        transform,
        opacity !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   OPEN STATE
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664.is-active {

    transform:
        translateX(0) !important;

    opacity:
        1 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664 > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    z-index:
        3 !important;
}


/* =========================================================
   DRAWER HEADER
   ALWAYS FIXED AT TOP OF PANEL
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664 .lovella-mobile-drawer-header {

    position:
        relative !important;

    top:
        auto !important;

    left:
        auto !important;

    right:
        auto !important;

    width:
        100% !important;

    flex:
        0 0 auto !important;

    z-index:
        50 !important;
}


/* =========================================================
   NAVIGATION VIEWPORT
   THIS IS THE ONLY SCROLLING AREA
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664 .lovella-mobile-navigation-viewport {

    position:
        relative !important;

    width:
        100% !important;

    min-height:
        0 !important;

    height:
        auto !important;

    flex:
        1 1 0 !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    overscroll-behavior:
        contain !important;

    -webkit-overflow-scrolling:
        touch !important;

    z-index:
        5 !important;
}


/* =========================================================
   SOFT BRAND WASH — TOP RIGHT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664::before {

    content: "";

    position: absolute !important;

    top: -155px !important;
    right: -125px !important;

    width: 390px !important;
    height: 390px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(240, 215, 213, 0.64) 0%,
            rgba(240, 215, 213, 0.24) 42%,
            rgba(240, 215, 213, 0) 72%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        0 !important;
}


/* =========================================================
   CREAM / GOLD WASH — BOTTOM LEFT
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-7695664::after {

    content: "";

    position: absolute !important;

    left: -150px !important;
    bottom: -180px !important;

    width: 390px !important;
    height: 390px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(185, 148, 87, 0.095) 0%,
            rgba(247, 245, 231, 0.18) 46%,
            rgba(247, 245, 231, 0) 72%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) and (min-width: 721px) {

    .elementor-385952 .elementor-element.elementor-element-7695664 {

        width:
            420px !important;

        max-width:
            min(420px, 78vw) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-7695664 {

        width:
            min(92vw, 390px) !important;

        max-width:
            min(92vw, 390px) !important;

        border-left:
            1px solid rgba(33, 29, 30, 0.075) !important;

        box-shadow:
            -18px 0 56px rgba(33, 29, 30, 0.18) !important;
    }


    .elementor-385952 .elementor-element.elementor-element-7695664::before {

        top:
            -135px !important;

        right:
            -115px !important;

        width:
            330px !important;

        height:
            330px !important;
    }


    .elementor-385952 .elementor-element.elementor-element-7695664::after {

        left:
            -145px !important;

        bottom:
            -165px !important;

        width:
            340px !important;

        height:
            340px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-7695664 {

        width:
            94vw !important;

        max-width:
            94vw !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .elementor-385952 .elementor-element.elementor-element-7695664 {

        width:
            96vw !important;

        max-width:
            96vw !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-7695664 {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85863ae *//* =========================================================
   LOVELLA HEADER
   MOBILE NAVIGATION CONTROLLER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-85863ae {

    position: absolute !important;

    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    overflow: hidden !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    flex: 0 0 0 !important;

    z-index: -1 !important;

    --container-widget-width: 0px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   PAGE SCROLL LOCK
   ========================================================= */

html.lovella-mobile-nav-open,
body.lovella-mobile-nav-open {

    overflow:
        hidden !important;

    overscroll-behavior:
        none !important;
}


/* =========================================================
   MOBILE DRAWER TOUCH BEHAVIOUR
   ========================================================= */

#lovella-mobile-drawer.is-active {

    overscroll-behavior:
        contain !important;

    touch-action:
        manipulation !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f89033b *//* =========================================================
   LOVELLA HEADER
   MOBILE DRAWER — MASTER OVERLAY
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f89033b {

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: stretch !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    background:
        rgba(24, 20, 21, 0.48) !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 2000 !important;


    /* =====================================================
       CLOSED STATE
       ===================================================== */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 0.28s ease,
        visibility 0s linear 0.28s !important;

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f89033b > .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: stretch !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTIVE / OPEN STATE

   We will apply .is-active from JavaScript once the drawer
   panel itself has been built.
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-f89033b.is-active {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transition-delay: 0s !important;
}


/* =========================================================
   DESKTOP

   Never allow mobile navigation to exist visually on desktop.
   ========================================================= */

@media (min-width: 1121px) {

    .elementor-385952 .elementor-element.elementor-element-f89033b {

        display: none !important;
    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-f89033b {

        display: flex !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .elementor-385952 .elementor-element.elementor-element-f89033b {

        background:
            rgba(24, 20, 21, 0.54) !important;

        backdrop-filter:
            blur(7px) !important;

        -webkit-backdrop-filter:
            blur(7px) !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-385952 .elementor-element.elementor-element-f89033b {

        background:
            rgba(24, 20, 21, 0.58) !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-385952 .elementor-element.elementor-element-f89033b {

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62cfc3a *//* =========================================================
   LOVELLA HEADER
   DESKTOP POPOVER CONTROLLER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-62cfc3a {

    position: absolute !important;

    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    flex: 0 0 0 !important;

    z-index: -1 !important;

    --container-widget-width: 0px !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   CRITICAL INTERACTION SAFETY

   Invisible desktop mega menus must NEVER be capable of
   sitting over Account / Cart and intercepting clicks.
   ========================================================= */

.lovella-training-mega:not(.is-open),
.lovella-shop-mega:not(.is-open) {

    pointer-events:
        none !important;
}


/* =========================================================
   ONLY ACTIVE MEGA MENUS RECEIVE POINTER EVENTS
   ========================================================= */

.lovella-training-mega.is-open,
.lovella-shop-mega.is-open {

    pointer-events:
        auto !important;
}


/* =========================================================
   CLOSED MEGA DESCENDANTS

   Elementor can place pointer behaviour on nested
   containers/widgets, so kill that too while closed.
   ========================================================= */

.lovella-training-mega:not(.is-open) *,
.lovella-shop-mega:not(.is-open) * {

    pointer-events:
        none !important;
}


/* =========================================================
   ACTIVE MEGA DESCENDANTS
   ========================================================= */

.lovella-training-mega.is-open *,
.lovella-shop-mega.is-open * {

    pointer-events:
        auto !important;
}


/* =========================================================
   ACCOUNT / CART OPEN LAYERS
   ========================================================= */

.lovella-account-wrap.is-open,
.lovella-cart-wrap.is-open {

    position:
        relative !important;

    z-index:
        1000000 !important;
}


.lovella-account-wrap.is-open
.lovella-account-popover,

.lovella-cart-wrap.is-open
.lovella-cart-popover {

    z-index:
        1000001 !important;

    pointer-events:
        auto !important;
}


/* =========================================================
   NATIVE INTERACTION INSIDE POPOVERS
   ========================================================= */

.lovella-account-wrap.is-open
.lovella-account-popover a,

.lovella-account-wrap.is-open
.lovella-account-popover button,

.lovella-cart-wrap.is-open
.lovella-cart-popover a,

.lovella-cart-wrap.is-open
.lovella-cart-popover button {

    position:
        relative !important;

    z-index:
        10 !important;

    pointer-events:
        auto !important;

    cursor:
        pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5205b26 *//* =========================================================
   LOVELLA GLOBAL HEADER
   MASTER ROOT CONTAINER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5205b26 {

    /* -----------------------------------------------------
       LOVELLA HEADER DESIGN TOKENS
       ----------------------------------------------------- */

    --lovella-pink: #f0d7d5;
    --lovella-pink-soft: #fff6f7;
    --lovella-rose: #d28799;
    --lovella-rose-deep: #c8878d;

    --lovella-white: #ffffff;

    --lovella-charcoal: #211d1e;
    --lovella-ink: #181415;
    --lovella-body: #655e59;

    --lovella-gold: #b99457;

    --lovella-line: rgba(33, 29, 30, 0.12);

    --lovella-shadow:
        0 22px 60px rgba(33, 29, 30, 0.10);

    --lovella-header-height: 88px;
    --lovella-utility-height: 30px;

    --lovella-header-max-width: 1560px;

    /* -----------------------------------------------------
       POSITIONING
       ----------------------------------------------------- */

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    z-index: 1000 !important;

    /* -----------------------------------------------------
       SIZE
       ----------------------------------------------------- */

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    /* -----------------------------------------------------
       SPACING
       ----------------------------------------------------- */

    margin: 0 !important;
    padding: 0 !important;

    /* -----------------------------------------------------
       FLEX STRUCTURE
       ----------------------------------------------------- */

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    /* -----------------------------------------------------
       APPEARANCE
       ----------------------------------------------------- */

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    /* -----------------------------------------------------
       CRITICAL FOR MEGA MENUS
       ----------------------------------------------------- */

    overflow: visible !important;

    isolation: isolate;

    box-sizing: border-box !important;

    /* Elementor container safeguards */

    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
}


/* =========================================================
   ELEMENTOR INNER WRAPPER
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5205b26 > .e-con-inner {

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR / THEME SAFEGUARDS
   Prevent inherited theme spacing from affecting header
   ========================================================= */

.elementor-385952 .elementor-element.elementor-element-5205b26,
.elementor-385952 .elementor-element.elementor-element-5205b26 *,
.elementor-385952 .elementor-element.elementor-element-5205b26 *::before,
.elementor-385952 .elementor-element.elementor-element-5205b26 *::after {

    box-sizing: border-box;
}


/* =========================================================
   TABLET / MOBILE HEADER HEIGHT VARIABLE
   Desktop navigation disappears later at this breakpoint.
   ========================================================= */

@media (max-width: 1120px) {

    .elementor-385952 .elementor-element.elementor-element-5205b26 {

        --lovella-header-height: 76px;
        --lovella-utility-height: 0px;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .elementor-385952 .elementor-element.elementor-element-5205b26 {

        width: 100% !important;
        max-width: 100% !important;

    }

}/* End custom CSS */