.elementor-27708 .elementor-element.elementor-element-54c01b8{--e-image-carousel-slides-to-show:8;}.elementor-27708 .elementor-element.elementor-element-54c01b8 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-27708 .elementor-element.elementor-element-3d571d6:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-3d571d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-3d571d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:95px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-3d571d6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-f8a6081{text-align:center;}.elementor-27708 .elementor-element.elementor-element-f8a6081 .elementor-heading-title{font-size:31px;font-weight:600;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 3px rgba(0,0,0,0.3);color:#F60641;}.elementor-27708 .elementor-element.elementor-element-77f28df{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-27708 .elementor-element.elementor-element-77f28df .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-27708 .elementor-element.elementor-element-77f28df .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27708 .elementor-element.elementor-element-7770eb4 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-7770eb4{columns:1;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-0ab3fc7{width:var( --container-widget-width, 99.897% );max-width:99.897%;--container-widget-width:99.897%;--container-widget-flex-grow:0;columns:2;column-gap:10px;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-0ab3fc7 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-b9f9be6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-27708 .elementor-element.elementor-element-b9f9be6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-27708 .elementor-element.elementor-element-4803705.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-27708 .elementor-element.elementor-element-4803705.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-27708 .elementor-element.elementor-element-4803705.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-27708 .elementor-element.elementor-element-61895d2{text-align:start;}.elementor-27708 .elementor-element.elementor-element-61895d2 .elementor-heading-title{font-family:"Myriad Pro", Sans-serif;font-size:30px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-af7f210{--spacer-size:10px;}.elementor-27708 .elementor-element.elementor-element-73d3537{--spacer-size:20px;}.elementor-27708 .elementor-element.elementor-element-72cc716 .elementor-icon-wrapper{text-align:start;}.elementor-27708 .elementor-element.elementor-element-72cc716.elementor-view-stacked .elementor-icon{background-color:#ff8257;}.elementor-27708 .elementor-element.elementor-element-72cc716.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-72cc716.elementor-view-default .elementor-icon{color:#ff8257;border-color:#ff8257;}.elementor-27708 .elementor-element.elementor-element-72cc716.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-72cc716.elementor-view-default .elementor-icon svg{fill:#ff8257;}.elementor-27708 .elementor-element.elementor-element-1ca4194 .elementor-heading-title{font-size:15px;font-weight:normal;line-height:1.3em;}.elementor-27708 .elementor-element.elementor-element-6861966 .elementor-icon-wrapper{text-align:start;}.elementor-27708 .elementor-element.elementor-element-6861966.elementor-view-stacked .elementor-icon{background-color:#5dd7d3;}.elementor-27708 .elementor-element.elementor-element-6861966.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-6861966.elementor-view-default .elementor-icon{color:#5dd7d3;border-color:#5dd7d3;}.elementor-27708 .elementor-element.elementor-element-6861966.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-6861966.elementor-view-default .elementor-icon svg{fill:#5dd7d3;}.elementor-27708 .elementor-element.elementor-element-62cab69 .elementor-heading-title{font-size:15px;font-weight:normal;line-height:1.3em;}.elementor-27708 .elementor-element.elementor-element-738575a .elementor-icon-wrapper{text-align:start;}.elementor-27708 .elementor-element.elementor-element-738575a.elementor-view-stacked .elementor-icon{background-color:#9363d3;}.elementor-27708 .elementor-element.elementor-element-738575a.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-738575a.elementor-view-default .elementor-icon{color:#9363d3;border-color:#9363d3;}.elementor-27708 .elementor-element.elementor-element-738575a.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-738575a.elementor-view-default .elementor-icon svg{fill:#9363d3;}.elementor-27708 .elementor-element.elementor-element-66b0a1a .elementor-heading-title{font-size:15px;font-weight:normal;line-height:1.3em;}.elementor-27708 .elementor-element.elementor-element-ea2c009{--spacer-size:10px;}.elementor-27708 .elementor-element.elementor-element-c47934d > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-27708 .elementor-element.elementor-element-c47934d{font-size:15px;line-height:24px;color:#7a7a7a;}.elementor-27708 .elementor-element.elementor-element-f430d79 .elementor-button{background-color:#FF002B;font-size:16px;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 10px 30px 0px rgba(255,130,87,0.3);border-radius:32px 32px 32px 32px;}.elementor-27708 .elementor-element.elementor-element-f430d79 .elementor-button:hover, .elementor-27708 .elementor-element.elementor-element-f430d79 .elementor-button:focus{color:#FFFFFF;}.elementor-27708 .elementor-element.elementor-element-f430d79 .elementor-button:hover svg, .elementor-27708 .elementor-element.elementor-element-f430d79 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-27708 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-640c1c1 > .elementor-background-slideshow{border-radius:6px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-96a43aa:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-96a43aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-96a43aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:55px 0px 90px 0px;}.elementor-27708 .elementor-element.elementor-element-96a43aa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-158b723 .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-158b723.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-158b723.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-158b723.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-158b723 .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-19e61ee .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-19e61ee.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-19e61ee.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-19e61ee.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-19e61ee .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-cb0c94c .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-cb0c94c.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-cb0c94c.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-cb0c94c.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-cb0c94c .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-380159e .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-380159e.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-380159e.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-380159e.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-380159e .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-0688468 .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-0688468.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-0688468.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-0688468.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-0688468 .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-ff4628e .elementor-icon-box-wrapper{gap:0px;}.elementor-27708 .elementor-element.elementor-element-ff4628e.elementor-view-stacked .elementor-icon{background-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-ff4628e.elementor-view-framed .elementor-icon, .elementor-27708 .elementor-element.elementor-element-ff4628e.elementor-view-default .elementor-icon{fill:#F60641;color:#F60641;border-color:#F60641;}.elementor-27708 .elementor-element.elementor-element-ff4628e .elementor-icon-box-description{line-height:24px;}.elementor-27708 .elementor-element.elementor-element-8089144{text-align:center;}.elementor-27708 .elementor-element.elementor-element-ce29f5c{--spacer-size:20px;}.elementor-27708 .elementor-element.elementor-element-6e60cd7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-27708 .elementor-element.elementor-element-6e60cd7 .elementor-divider-separator{width:100%;}.elementor-27708 .elementor-element.elementor-element-6e60cd7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27708 .elementor-element.elementor-element-2ba5130{--spacer-size:20px;}.elementor-27708 .elementor-element.elementor-element-b844d4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-type-html{padding-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 01px 0px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 01px 0px;}.elementor-27708 .elementor-element.elementor-element-b844d4c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-button[type="submit"]{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b844d4c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-27708 .elementor-element.elementor-element-a91c407{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-0e326fc{margin-top:50px;margin-bottom:50px;}.elementor-27708 .elementor-element.elementor-element-b6ed2d2{text-align:center;}.elementor-27708 .elementor-element.elementor-element-b6ed2d2 .elementor-heading-title{font-size:31px;font-weight:600;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 3px rgba(0,0,0,0.3);color:#F60641;}.elementor-27708 .elementor-element.elementor-element-ea2e925{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-27708 .elementor-element.elementor-element-ea2e925 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-27708 .elementor-element.elementor-element-ea2e925 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27708 .elementor-element.elementor-element-badcc95{columns:2;}.elementor-27708 .elementor-element.elementor-element-2b638a8{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-25d7cd8{text-align:center;}.elementor-27708 .elementor-element.elementor-element-25d7cd8 .elementor-heading-title{font-size:27px;font-weight:600;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 3px rgba(0,0,0,0.3);color:#F60641;}.elementor-27708 .elementor-element.elementor-element-0643213{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-27708 .elementor-element.elementor-element-0643213 .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-27708 .elementor-element.elementor-element-0643213 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27708 .elementor-element.elementor-element-b93179d{columns:2;}.elementor-27708 .elementor-element.elementor-element-c8dfc4b{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-cf7f529{text-align:center;}.elementor-27708 .elementor-element.elementor-element-cf7f529 .elementor-heading-title{font-size:27px;font-weight:600;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 3px rgba(0,0,0,0.3);color:#F60641;}.elementor-27708 .elementor-element.elementor-element-ec16718{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-27708 .elementor-element.elementor-element-ec16718 .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-27708 .elementor-element.elementor-element-ec16718 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27708 .elementor-element.elementor-element-6452cec{text-align:center;}.elementor-27708 .elementor-element.elementor-element-6452cec .elementor-heading-title{font-size:27px;font-weight:600;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 3px rgba(0,0,0,0.3);color:#F60641;}.elementor-27708 .elementor-element.elementor-element-e8d7a6d .categoriesbox-bg{height:200px;}.elementor-27708 .elementor-element.elementor-element-e8d7a6d .categoriesbox-bg img{max-height:200px;}.elementor-27708 .elementor-element.elementor-element-aef4363 .categoriesbox-bg{height:200px;}.elementor-27708 .elementor-element.elementor-element-aef4363 .categoriesbox-bg img{max-height:200px;}.elementor-27708 .elementor-element.elementor-element-a7c286c .categoriesbox-bg{height:200px;}.elementor-27708 .elementor-element.elementor-element-a7c286c .categoriesbox-bg img{max-height:200px;}.elementor-27708 .elementor-element.elementor-element-03cef69 .categoriesbox-bg{height:200px;}.elementor-27708 .elementor-element.elementor-element-03cef69 .categoriesbox-bg img{max-height:200px;}.elementor-27708 .elementor-element.elementor-element-7aeeddb .categoriesbox-bg{height:200px;}.elementor-27708 .elementor-element.elementor-element-7aeeddb .categoriesbox-bg img{max-height:200px;}.elementor-27708 .elementor-element.elementor-element-9fd3a5d:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-9fd3a5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-9fd3a5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27708 .elementor-element.elementor-element-9fd3a5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-31b28f5{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-446ce43 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-ff598d1 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-ff598d1{columns:1;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-694afb9:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-694afb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-27708 .elementor-element.elementor-element-694afb9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-27708 .elementor-element.elementor-element-694afb9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-12906ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-27708 .elementor-element.elementor-element-12906ca.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-27708 .elementor-element.elementor-element-b2bc55b:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-b2bc55b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b2bc55b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27708 .elementor-element.elementor-element-b2bc55b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-1bc2599{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-ed82cbd .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-4a90bb7 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-4a90bb7{columns:1;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-b08a7af:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-b08a7af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-b08a7af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:18px 0px 61px 0px;}.elementor-27708 .elementor-element.elementor-element-b08a7af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-7a61ff6.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-27708 .elementor-element.elementor-element-7a61ff6 .elementor-main-swiper{width:100%;}.elementor-27708 .elementor-element.elementor-element-7a61ff6 .elementor-swiper-button{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-542d6a0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27708 .elementor-element.elementor-element-542d6a0:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-542d6a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://superwebdevelopment.com/wp-content/uploads/pexels-pixabay-35550.jpg");background-position:bottom center;background-size:cover;}.elementor-27708 .elementor-element.elementor-element-542d6a0 > .elementor-background-overlay{background-color:#ffffff;opacity:0.93;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-542d6a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-27708 .elementor-element.elementor-element-35b509d{text-align:center;}.elementor-27708 .elementor-element.elementor-element-35b509d .elementor-heading-title{font-size:40px;font-weight:800;line-height:72px;color:#FF0154;}.elementor-27708 .elementor-element.elementor-element-0879696{text-align:center;}.elementor-27708 .elementor-element.elementor-element-0879696 .elementor-heading-title{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:3px;color:#bfbfbf;}.elementor-27708 .elementor-element.elementor-element-d37e77d{--spacer-size:20px;}.elementor-27708 .elementor-element.elementor-element-d0f7ee1 .elementor-button:hover, .elementor-27708 .elementor-element.elementor-element-d0f7ee1 .elementor-button:focus{background-color:#F00845;}.elementor-27708 .elementor-element.elementor-element-d0f7ee1 .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 17px 1px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-27708 .elementor-element.elementor-element-281d7c4e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27708 .elementor-element.elementor-element-281d7c4e:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-281d7c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);}.elementor-27708 .elementor-element.elementor-element-281d7c4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-281d7c4e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-4f754d7e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27708 .elementor-element.elementor-element-4f754d7e{padding:15px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .swiper-pagination-bullet-active, .elementor-27708 .elementor-element.elementor-element-2ec17601 .swiper-pagination-progressbar-fill{background-color:#000000;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .swiper-pagination-fraction{color:#000000;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:180px;width:85%;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper .swiper-slide{padding:40px 40px 40px 40px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-swiper-button{font-size:25px;color:#898989;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-swiper-button svg{fill:#898989;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .swiper-pagination-bullet{height:6px;width:6px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .swiper-horizontal .swiper-pagination-progressbar{height:6px;}#elementor-lightbox-slideshow-2ec17601 .elementor-video-container{width:50%;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-custom-embed-play i{color:rgba(35,164,85,0);font-size:20px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-custom-embed-play svg{fill:rgba(35,164,85,0);}.elementor-27708 .elementor-element.elementor-element-a142726:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-a142726 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-a142726{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27708 .elementor-element.elementor-element-a142726 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-3226504{--spacer-size:50px;}.elementor-27708 .elementor-element.elementor-element-f15f3e4 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-ecf02a5 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-ecf02a5{columns:1;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-79e0230:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-79e0230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-27708 .elementor-element.elementor-element-79e0230{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:50px;}.elementor-27708 .elementor-element.elementor-element-79e0230 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-6d95bb7{margin-top:095px;margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-37b0070 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-5817df8 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-5817df8{columns:1;line-height:24px;}.elementor-27708 .elementor-element.elementor-element-81b3ef6:not(.elementor-motion-effects-element-type-background), .elementor-27708 .elementor-element.elementor-element-81b3ef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-27708 .elementor-element.elementor-element-81b3ef6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:53px;margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-81b3ef6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27708 .elementor-element.elementor-element-413bd10 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-27708 .elementor-element.elementor-element-413bd10 > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-413bd10 > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-413bd10 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-66726b5 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-66726b5 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-66726b5 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-0ed9f05 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-27708 .elementor-element.elementor-element-0ed9f05 > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-0ed9f05 > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-0ed9f05 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-4a401e4 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-4a401e4 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-4a401e4 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-c2c6f50 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-27708 .elementor-element.elementor-element-c2c6f50 > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-c2c6f50 > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-c2c6f50 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-39ef376 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-39ef376 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-39ef376 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-8c0b35a > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-27708 .elementor-element.elementor-element-8c0b35a > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-8c0b35a > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-8c0b35a > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-915190f > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-915190f .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-915190f .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-7017d37 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-7017d37 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-7017d37 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-c93fabc > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-27708 .elementor-element.elementor-element-c93fabc > .elementor-element-populated, .elementor-27708 .elementor-element.elementor-element-c93fabc > .elementor-element-populated > .elementor-background-overlay, .elementor-27708 .elementor-element.elementor-element-c93fabc > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-177a5f5 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-177a5f5 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-27708 .elementor-element.elementor-element-177a5f5 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-27708 .elementor-element.elementor-element-54cf826 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27708 .elementor-element.elementor-element-54cf826{padding:100px 0px 100px 0px;}.elementor-27708 .elementor-element.elementor-element-5a272d5 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:12px;color:#000000;}.elementor-27708 .elementor-element.elementor-element-b1bfe09 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:65px;font-weight:900;text-shadow:4px 0px 3px rgba(0,0,0,0.3);color:#000000;}.elementor-27708 .elementor-element.elementor-element-72a3eb3 > .elementor-widget-container{margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:25px;font-weight:400;font-style:normal;text-decoration:none;line-height:1px;word-spacing:0px;color:#FF023A;}.elementor-27708 .elementor-element.elementor-element-dfd68e3{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}body.elementor-page-27708:not(.elementor-motion-effects-element-type-background), body.elementor-page-27708 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}body.elementor-page-27708{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-27708 .elementor-element.elementor-element-99c8742 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-7ef7f1e > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-b498e5a > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-022bb8f > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-7bd1b08 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-12906ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-27708 .elementor-element.elementor-element-542d6a0{padding:100px 25px 100px 25px;}.elementor-27708 .elementor-element.elementor-element-281d7c4e{padding:100px 25px 100px 25px;}.elementor-27708 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:250px;width:570px;}.elementor-27708 .elementor-element.elementor-element-54cf826{padding:100px 25px 100px 25px;}.elementor-27708 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:45px;}.elementor-27708 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:20px;} .elementor-27708 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-27708 .elementor-element.elementor-element-7585912{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-18eba2a{width:83.833%;}.elementor-27708 .elementor-element.elementor-element-4abb951{width:8.08%;}.elementor-27708 .elementor-element.elementor-element-4803705{width:50%;}.elementor-27708 .elementor-element.elementor-element-640c1c1{width:50%;}.elementor-27708 .elementor-element.elementor-element-f5c1214{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-6d5b0e0{width:83.83%;}.elementor-27708 .elementor-element.elementor-element-cd6af2e{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-ca87fd6{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-1af2f2c{width:83.83%;}.elementor-27708 .elementor-element.elementor-element-ffcb88b{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-f3fcfde{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-e7752f6{width:83.83%;}.elementor-27708 .elementor-element.elementor-element-ba45ef4{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-1ffe0bb{width:8.083%;}.elementor-27708 .elementor-element.elementor-element-aa2795b{width:83.83%;}.elementor-27708 .elementor-element.elementor-element-680f060{width:8.083%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27708 .elementor-element.elementor-element-99c8742{width:50%;}.elementor-27708 .elementor-element.elementor-element-7ef7f1e{width:50%;}.elementor-27708 .elementor-element.elementor-element-b498e5a{width:50%;}.elementor-27708 .elementor-element.elementor-element-022bb8f{width:50%;}.elementor-27708 .elementor-element.elementor-element-7bd1b08{width:50%;}.elementor-27708 .elementor-element.elementor-element-89daabe{width:50%;}}@media(max-width:767px){.elementor-27708 .elementor-element.elementor-element-882396f{margin-top:-25px;margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-54c01b8{--e-image-carousel-slides-to-show:3;}.elementor-27708 .elementor-element.elementor-element-3d571d6{padding:50px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-0ab3fc7{columns:1;}.elementor-27708 .elementor-element.elementor-element-c94ff36{width:33%;}.elementor-27708 .elementor-element.elementor-element-e99b570{width:33%;}.elementor-27708 .elementor-element.elementor-element-c18a5f9{width:33%;}.elementor-27708 .elementor-element.elementor-element-96a43aa{padding:35px 0px 50px 0px;}.elementor-27708 .elementor-element.elementor-element-99c8742 > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-7ef7f1e > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-b498e5a > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-022bb8f > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-7bd1b08 > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-89daabe > .elementor-element-populated{margin:0px 0px 15px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27708 .elementor-element.elementor-element-9fd3a5d{margin-top:0px;margin-bottom:0px;padding:35px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-446ce43 .elementor-heading-title{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-694afb9{padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-12906ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-27708 .elementor-element.elementor-element-b2bc55b{margin-top:0px;margin-bottom:0px;padding:35px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-ed82cbd .elementor-heading-title{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-b08a7af{padding:18px 0px 35px 0px;}.elementor-27708 .elementor-element.elementor-element-542d6a0{padding:50px 20px 50px 20px;}.elementor-27708 .elementor-element.elementor-element-35b509d .elementor-heading-title{font-size:35px;line-height:1.2em;}.elementor-27708 .elementor-element.elementor-element-0879696 .elementor-heading-title{line-height:20px;}.elementor-27708 .elementor-element.elementor-element-281d7c4e{padding:50px 20px 50px 20px;}.elementor-27708 .elementor-element.elementor-element-4f754d7e{padding:15px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-27708 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:240px;width:310px;}.elementor-27708 .elementor-element.elementor-element-a142726{margin-top:0px;margin-bottom:0px;padding:35px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-f15f3e4 .elementor-heading-title{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-6d95bb7{margin-top:50px;margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-37b0070 .elementor-heading-title{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-81b3ef6{margin-top:35px;margin-bottom:0px;}.elementor-27708 .elementor-element.elementor-element-54cf826{padding:50px 20px 50px 20px;}.elementor-27708 .elementor-element.elementor-element-b1bfe09 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:45px;}.elementor-27708 .elementor-element.elementor-element-72a3eb3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27708 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:20px;}.elementor-27708 .elementor-element.elementor-element-dfd68e3 > .elementor-widget-container{margin:10px 0px 0px 0px;} .elementor-27708 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-27708 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-27708 .elementor-element.elementor-element-dfd68e3 .elementor-share-btn{font-size:calc(1px * 10);}.elementor-27708 .elementor-element.elementor-element-dfd68e3 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.8em;}}/* Start custom CSS for text-editor, class: .elementor-element-74802fe *//**
 * Frontend Styles
 * File: assets/css/seo-suite-frontend.css
 */
h2 {
    font-size: 25px;
    line-height: 45px!important;
}
/* Frontend Wrapper */
.seo-frontend-wrapper {
    max-width: 1200px;
    margin: 10px auto;
    padding: 10px;
}

.seo-frontend-container {
    background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 0 10px 40px rgba(252, 29, 85, 0.15);
    border: 2px solid rgba(252, 29, 85, 0.1);
}

/* Header */
.seo-frontend-header {
    text-align: center;
    margin-bottom: 40px;
}

.seo-frontend-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 15px 0;
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.seo-frontend-subtitle {
    font-size: 18px;
    color: #718096;
    margin: 0;
    line-height: 1.6;
}

/* Form */
.seo-frontend-form {
    margin-bottom: 40px;
}

.seo-form-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
}

.seo-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.seo-input-icon {
    position: absolute;
    left: 20px;
    font-size: 24px;
    pointer-events: none;
    z-index: 1;
}

.seo-frontend-input {
    width: 100%;
    padding: 18px 20px 18px 60px;
    font-size: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s;
    font-family: inherit;
    background: white;
}

.seo-frontend-input:focus {
    outline: none;
    border-color: #fc1d55;
    box-shadow: 0 0 0 4px rgba(252, 29, 85, 0.1);
    transform: translateY(-2px);
}

.seo-frontend-input::placeholder {
    color: #a0aec0;
}

.seo-competitors-wrapper {
    opacity: 0.9;
}

.seo-frontend-btn {
    width: 100%;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(252, 29, 85, 0.3);
    font-family: inherit;
}

.seo-frontend-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 25px rgba(252, 29, 85, 0.4);
}

.seo-frontend-btn:active {
    transform: translateY(-1px);
}

.seo-frontend-btn .btn-text {
    display: inline-block;
}

.seo-frontend-btn .btn-loader {
    display: none;
    align-items: center;
    gap: 10px;
}

.seo-frontend-btn.loading .btn-text {
    display: none;
}

.seo-frontend-btn.loading .btn-loader {
    display: inline-flex;
}



@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Features Grid */
.seo-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}

.seo-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s;
}

.seo-feature-item:hover {
    border-color: #fc1d55;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(252, 29, 85, 0.1);
}

.feature-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.feature-text {
    font-size: 12px;
    font-weight: 600;
    color: #2d3748;
}

/* Trust Indicators */
.seo-trust-indicators {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 30px;
    border-top: 2px solid #e2e8f0;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #10b981;
}

/* Widget Styles */
.seo-widget-wrapper {
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(252, 29, 85, 0.3);
}

.seo-widget-container {
    text-align: center;
}

.seo-widget-title {
    color: white;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.seo-widget-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-widget-input {
    padding: 14px 18px;
    font-size: 15px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.95);
    transition: all 0.3s;
    font-family: inherit;
}

.seo-widget-input:focus {
    outline: none;
    border-color: white;
    background: white;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.seo-widget-btn {
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
    color: #fc1d55;
    background: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: inherit;
}

.seo-widget-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Score Badge */
.seo-score-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: white;
    border: 3px solid;
}

.seo-score-excellent {
    border-color: #10b981;
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.seo-score-good {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.seo-score-fair {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.seo-score-poor {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.seo-score-badge .score-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.seo-score-badge .score-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #718096;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.seo-score-badge .score-grade {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    background: currentColor;
    color: white;
}

.seo-score-excellent .score-number,
.seo-score-excellent .score-grade {
    color: #10b981;
}

.seo-score-good .score-number,
.seo-score-good .score-grade {
    color: #3b82f6;
}

.seo-score-fair .score-number,
.seo-score-fair .score-grade {
    color: #f59e0b;
}

.seo-score-poor .score-number,
.seo-score-poor .score-grade {
    color: #ef4444;
}

/* Style Variants */
.seo-style-minimal .seo-frontend-container {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.seo-style-minimal .seo-frontend-title {
    font-size: 28px;
}

.seo-style-minimal .seo-features-grid {
    display: none;
}

.seo-style-professional .seo-frontend-container {
    background: #2d3748;
    color: white;
}

.seo-style-professional .seo-frontend-title {
    color: white;
    -webkit-text-fill-color: white;
}

.seo-style-professional .seo-frontend-subtitle {
    color: #cbd5e0;
}

.seo-style-professional .seo-frontend-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.seo-style-professional .seo-frontend-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.seo-style-professional .seo-feature-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.seo-style-modern .seo-frontend-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.seo-style-modern .seo-frontend-title {
    color: white;
    -webkit-text-fill-color: white;
}

.seo-style-modern .seo-frontend-subtitle {
    color: rgba(255, 255, 255, 0.9);
}

.seo-style-modern .seo-frontend-btn {
    background: white;
    color: #667eea;
}

/* Responsive Design */
@media (max-width: 768px) {
    .seo-frontend-container {
        padding: 30px 20px;
    }
    
    .seo-frontend-title {
        font-size: 28px;
    }
    
    .seo-frontend-subtitle {
        font-size: 16px;
    }
    
    .seo-features-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-trust-indicators {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .seo-frontend-wrapper {
        padding: 10px;
        margin: 20px auto;
    }
    
    .seo-frontend-container {
        padding: 25px 15px;
    }
    
    .seo-frontend-title {
        font-size: 24px;
    }
    
    .seo-frontend-input {
        padding: 15px 15px 15px 50px;
        font-size: 15px;
    }
    
    .seo-frontend-btn {
        
        font-size: 16px;
    }
}

/* Error Message */
.seo-error {
    display: inline-block;
    padding: 10px 20px;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
}

/* Loading Animation */
.seo-frontend-form.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.seo-frontend-wrapper {
    animation: fadeInUp 0.6s ease;
}

.seo-feature-item {
    animation: fadeInUp 0.4s ease backwards;
}

.seo-feature-item:nth-child(1) { animation-delay: 0.1s; }
.seo-feature-item:nth-child(2) { animation-delay: 0.2s; }
.seo-feature-item:nth-child(3) { animation-delay: 0.3s; }
.seo-feature-item:nth-child(4) { animation-delay: 0.4s; }
.seo-feature-item:nth-child(5) { animation-delay: 0.5s; }
.seo-feature-item:nth-child(6) { animation-delay: 0.6s; }

/**
 * SEO Intelligence Suite Pro - Styles
 * File: assets/css/seo-suite.css
 */

:root {
    --primary-color: #fc1d55;
    --primary-dark: #d01645;
    --primary-light: #ff4d7a;
    --secondary-color: #2d3748;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #3b82f6;
    --excellent-color: #10b981;
    --good-color: #3b82f6;
    --fair-color: #f59e0b;
    --poor-color: #ef4444;
    --text-primary: #1a202c;
    --text-secondary: #718096;
    --bg-light: #f7fafc;
    --bg-white: #ffffff;
    --border-color: #e2e8f0;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
}

/* Main Container */
.seo-suite-wrap {
    padding: 20px;
    background: var(--bg-light);
}

.seo-suite-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 40px;
    border-radius: var(--radius-lg);
    margin-bottom: 30px;
    box-shadow: var(--shadow-lg);
}

.seo-suite-header h1 {
    margin: 0 0 10px 0;
    font-size: 36px;
    font-weight: 700;
}

.seo-suite-header .subtitle {
    margin: 0;
    font-size: 18px;
    opacity: 0.95;
}

.seo-suite-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* Card Styles */
.seo-card {
    background: var(--bg-white);
    border-radius: var(--radius-md);
    padding: 30px;
    box-shadow: var(--shadow-md);
    margin-bottom: 30px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.seo-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.seo-main-card {
    border: 2px solid var(--primary-light);
}

.seo-card-header h2 {
    margin: 0 0 10px 0;
    color: var(--text-primary);
    font-size: 24px;
}

.seo-card-header p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

/* Form Styles */
.seo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.seo-form-group {
    display: flex;
    flex-direction: column;
}

.seo-form-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-primary);
    font-size: 15px;
}

.label-icon {
    font-size: 20px;
}

.seo-input {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 15px;
    transition: all 0.3s;
    font-family: inherit;
}

.seo-input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(252, 29, 85, 0.1);
}

.seo-form-group small {
    margin-top: 6px;
    color: var(--text-secondary);
    font-size: 13px;
}

.seo-form-actions {
    display: flex;
    justify-content: center;
}

/* Button Styles */
.seo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 12px;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    font-family: inherit;
}

.seo-btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    box-shadow: var(--shadow-md);
}

.seo-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.seo-btn-secondary {
    background: var(--secondary-color);
    color: white;
}

.seo-btn-secondary:hover {
    background: #1a202c;
}

.seo-btn-success {
    background: var(--success-color);
    color: white;
}

.seo-btn-success:hover {
    background: #059669;
}

.btn-icon {
    font-size: 20px;
}

.btn-loader {
    display: none;
}

.btn-loader.active {
    display: inline-flex;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Quick Stats */
.seo-quick-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg-light) 100%);
    padding: 25px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--primary-color);
    transition: transform 0.2s;
}

.stat-card:hover {
    transform: translateY(-3px);
}

.stat-icon {
    font-size: 48px;
    opacity: 0.9;
}

.stat-content {
    flex: 1;
}

.stat-value {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Recent Analyses */
.seo-recent-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-recent-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: var(--bg-light);
    border-radius: var(--radius-sm);
    transition: background 0.2s;
}

.seo-recent-item:hover {
    background: #edf2f7;
}

.recent-domain strong {
    color: var(--text-primary);
    font-size: 15px;
}

.recent-domain small {
    display: block;
    color: var(--text-secondary);
    font-size: 13px;
    margin-top: 3px;
}

.score-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.score-excellent {
    background: #d1fae5;
    color: #065f46;
}

.score-good {
    background: #dbeafe;
    color: #1e40af;
}

.score-fair {
    background: #fef3c7;
    color: #92400e;
}

.score-poor {
    background: #fee2e2;
    color: #991b1b;
}

/* Popup Styles */
.seo-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}

.seo-popup.active {
    display: block;
}

.seo-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.seo-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 1200px;
    height: 90vh;
    background: white;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    animation: slideUp 0.4s;
    overflow: hidden;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate(-50%, -40%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.seo-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: white;
    font-size: 28px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.seo-popup-close:hover {
    background: var(--danger-color);
    transform: rotate(90deg);
}

.seo-results-scroll {
    height: 100%;
    overflow-y: auto;
    padding: 40px;
}

.seo-results-scroll::-webkit-scrollbar {
    width: 10px;
}

.seo-results-scroll::-webkit-scrollbar-track {
    background: var(--bg-light);
}

.seo-results-scroll::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 5px;
}

.seo-results-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Popup Header */
.seo-popup-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 40px;
    margin: -40px -40px 40px -40px;
    text-align: center;
}

.popup-header-content h1 {
    margin: 0 0 10px 0;
    font-size: 32px;
}

.domain-display {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.analysis-date {
    font-size: 14px;
    opacity: 0.9;
}

/* Score Section */
.seo-score-section {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    margin-bottom: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #fff5f7 0%, #ffffff 100%);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-light);
}

.score-main {
    text-align: center;
}

.score-circle {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
}

.score-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.score-bg {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 10;
}

.score-progress {
    fill: none;
    stroke: var(--primary-color);
    stroke-width: 10;
    stroke-linecap: round;
    stroke-dasharray: 565.48;
    transition: stroke-dashoffset 1.5s ease;
}

.score-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    font-size: 56px;
    font-weight: 700;
    color: var(--primary-color);
}

.score-max {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    color: var(--text-secondary);
}

.score-label {
    font-size: 16px;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

.score-grade {
    display: inline-block;
    padding: 8px 20px;
    background: var(--primary-color);
    color: white;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 700;
}

/* Score Breakdown */
.score-breakdown {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.breakdown-item {
    display: grid;
    grid-template-columns: 140px 1fr 80px;
    align-items: center;
    gap: 15px;
}

.breakdown-label {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
}

.breakdown-bar {
    height: 12px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.breakdown-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));
    border-radius: 10px;
    transition: width 1s ease;
}

.breakdown-value {
    text-align: right;
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
}

/* AI Insight */
.seo-ai-insight {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--info-color);
    margin-bottom: 40px;
}

.ai-icon {
    font-size: 40px;
    flex-shrink: 0;
}

.ai-content h3 {
    margin: 0 0 10px 0;
    color: var(--text-primary);
    font-size: 18px;
}

.ai-content p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.7;
    font-size: 15px;
}

/* Section Styles */
.seo-section {
    margin-bottom: 50px;
}

.section-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
}

/* Metrics Grid */
.metrics-grid-popup {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.metric-card-popup {
    background: white;
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s;
}

.metric-card-popup:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.metric-excellent {
    border-color: var(--excellent-color);
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.metric-good {
    border-color: var(--good-color);
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.metric-warning {
    border-color: var(--warning-color);
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.metric-poor {
    border-color: var(--poor-color);
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.metric-icon-popup {
    font-size: 36px;
    margin-bottom: 10px;
}

.metric-label-popup {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--text-secondary);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.metric-value-popup {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
}

/* On-Page Grid */
.onpage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.onpage-item {
    background: white;
    padding: 20px;
    border-radius: var(--radius-md);
    border-left: 4px solid var(--border-color);
    transition: all 0.3s;
}

.onpage-item:hover {
    box-shadow: var(--shadow-md);
}

.status-pass {
    border-left-color: var(--success-color);
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.status-fail {
    border-left-color: var(--danger-color);
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.status-warn {
    border-left-color: var(--warning-color);
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.status-info {
    border-left-color: var(--info-color);
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.onpage-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.onpage-icon {
    font-size: 24px;
}

.onpage-title {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 15px;
}

.onpage-details {
    margin-top: 10px;
}

.onpage-value {
    font-size: 14px;
    color: var(--text-primary);
    margin-bottom: 8px;
    line-height: 1.5;
}

.onpage-meta {
    font-size: 13px;
    color: var(--text-secondary);
}

.text-danger {
    color: var(--danger-color) !important;
    font-weight: 600;
}

/* Authority Grid */
.authority-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.authority-card {
    background: linear-gradient(135deg, #fff5f7 0%, #ffffff 100%);
    padding: 25px;
    border-radius: var(--radius-md);
    text-align: center;
    border: 2px solid var(--primary-light);
}

.authority-score {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.authority-label {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 600;
    margin-bottom: 15px;
}

.authority-bar {
    height: 8px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.authority-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));
    border-radius: 10px;
    transition: width 1s ease;
}

h2 {
    font-size: 25px;
    line-height: 48px;
}
/* Backlink Quality */
.backlink-quality {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    margin-bottom: 30px;
    border: 2px solid var(--border-color);
}

.backlink-quality h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
    color: var(--text-primary);
}

.quality-bars {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.quality-item {
    display: grid;
    grid-template-columns: 100px 1fr 80px;
    align-items: center;
    gap: 15px;
}

.quality-label {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

.quality-bar-container {
    height: 12px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.quality-bar {
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease;
}

.quality-excellent {
    background: linear-gradient(90deg, #10b981, #059669);
}

.quality-good {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.quality-average {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.quality-poor {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.quality-count {
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

/* Off-Page Stats */
.offpage-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.stat-item {
    background: var(--bg-light);
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
}

.stat-item .stat-label {
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-item .stat-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-good {
    color: var(--success-color) !important;
}

.stat-warn {
    color: var(--warning-color) !important;
}

.stat-danger {
    color: var(--danger-color) !important;
}

/* Technical Grid */
.technical-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.technical-check {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border-color);
    transition: all 0.2s;
}

.technical-check:hover {
    transform: translateX(5px);
}

.check-pass {
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
    border-color: var(--success-color);
}

.check-fail {
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
    border-color: var(--danger-color);
}

.check-icon {
    font-size: 28px;
    flex-shrink: 0;
}

.check-label {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

.check-status {
    font-size: 24px;
    flex-shrink: 0;
}

/* Suggestions */
.suggestions-group {
    margin-bottom: 40px;
}

.suggestions-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
}

.priority-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority-critical {
    background: var(--danger-color);
    color: white;
}

.priority-important {
    background: var(--warning-color);
    color: white;
}

.priority-opportunity {
    background: var(--success-color);
    color: white;
}

.suggestion-card {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    margin-bottom: 15px;
    border-left: 4px solid var(--primary-color);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s;
}

.suggestion-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateX(5px);
}

.suggestions-critical .suggestion-card {
    border-left-color: var(--danger-color);
}

.suggestions-important .suggestion-card {
    border-left-color: var(--warning-color);
}

.suggestions-opportunities .suggestion-card {
    border-left-color: var(--success-color);
}

.suggestion-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.suggestion-header h4 {
    margin: 0;
    font-size: 18px;
    color: var(--text-primary);
    flex: 1;
}

.suggestion-tags {
    display: flex;
    gap: 8px;
}

.impact-badge, .effort-badge {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.impact-high {
    background: #fee2e2;
    color: #991b1b;
}

.impact-medium {
    background: #fef3c7;
    color: #92400e;
}

.impact-low {
    background: #dbeafe;
    color: #1e40af;
}

.effort-badge {
    background: #f3f4f6;
    color: #4b5563;
}

.suggestion-description {
    margin: 0 0 15px 0;
    color: var(--text-secondary);
    line-height: 1.7;
    font-size: 15px;
}

.suggestion-action {
    padding: 15px;
    background: var(--bg-light);
    border-radius: var(--radius-sm);
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
}

.suggestion-action strong {
    color: var(--text-primary);
}

.suggestion-improvement {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--success-color);
    font-weight: 600;
    font-size: 14px;
}

.improvement-icon {
    font-size: 18px;
}

/* Action Plan */
.action-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.week-plan {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    border: 2px solid var(--border-color);
}

.week-plan h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: var(--text-primary);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
}

.week-plan ul {
    margin: 0;
    padding-left: 20px;
}

.week-plan li {
    margin-bottom: 10px;
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Actions */
.seo-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid var(--border-color);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .seo-score-section {
        grid-template-columns: 1fr;
    }
    
    .score-main {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .seo-suite-header {
        padding: 30px 20px;
    }
    
    .seo-suite-header h1 {
        font-size: 28px;
    }
    
    .seo-form-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-quick-stats {
        grid-template-columns: 1fr;
    }
    
    .metrics-grid-popup {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .onpage-grid {
        grid-template-columns: 1fr;
    }
    
    .authority-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .technical-grid {
        grid-template-columns: 1fr;
    }
    
    .action-plan-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-popup-content {
        width: 98%;
        height: 95vh;
    }
    
    .seo-results-scroll {
        padding: 20px;
    }
    
    .seo-popup-header {
        margin: -20px -20px 20px -20px;
        padding: 30px 20px;
    }
    
    .popup-header-content h1 {
        font-size: 24px;
    }
    
    .domain-display {
        font-size: 18px;
    }
    
    .breakdown-item {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .breakdown-value {
        text-align: left;
    }
    
    .seo-actions {
        flex-direction: column;
    }
    
    .seo-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .seo-card {
        padding: 20px;
    }
    
    .section-title {
        font-size: 20px;
    }
    
    .score-circle {
        width: 150px;
        height: 150px;
    }
    
    .score-number {
        font-size: 42px;
    }
}

/* Print Styles */
@media print {
    .seo-popup-overlay,
    .seo-popup-close,
    .seo-actions {
        display: none !important;
    }
    
    .seo-popup-content {
        position: static;
        transform: none;
        width: 100%;
        height: auto;
        box-shadow: none;
    }
    
    .seo-results-scroll {
        height: auto;
        overflow: visible;
        padding: 20px;
    }
    
    .seo-section {
        page-break-inside: avoid;
    }
    
    .suggestion-card {
        page-break-inside: avoid;
    }
}

/* Loading Animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading {
    animation: pulse 1.5s ease-in-out infinite;
}

/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #1a202c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}/* End custom CSS */