.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-1125 .elementor-element.elementor-element-efa368a:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-container{max-width:1280px;min-height:36vh;}.elementor-1125 .elementor-element.elementor-element-efa368a{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:7em 0em 3em 0em;}.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:95px;transform:translateX(-50%) rotateY(180deg);}.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-1125 .elementor-element.elementor-element-b6fbe8f > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1125 .elementor-element.elementor-element-022c543{width:var( --container-widget-width, 98.672% );max-width:98.672%;--container-widget-width:98.672%;--container-widget-flex-grow:0;}.elementor-1125 .elementor-element.elementor-element-022c543 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-1125 .elementor-element.elementor-element-022c543.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1125 .elementor-element.elementor-element-022c543 .elementor-heading-title{font-size:36px;color:#020101;}.elementor-1125 .elementor-element.elementor-element-cd99c3b > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-1125 .elementor-element.elementor-element-cd99c3b .elementor-heading-title{font-size:72px;color:#020101;}.elementor-1125 .elementor-element.elementor-element-d81fa9c{width:var( --container-widget-width, 98.672% );max-width:98.672%;--container-widget-width:98.672%;--container-widget-flex-grow:0;}.elementor-1125 .elementor-element.elementor-element-d81fa9c > .elementor-widget-container{margin:12px 0px 20px 0px;}.elementor-1125 .elementor-element.elementor-element-d81fa9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1125 .elementor-element.elementor-element-d81fa9c .elementor-heading-title{font-size:36px;color:#020101;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1125 .elementor-element.elementor-element-3e8ad54 .elementor-button{background-color:#FCD039;font-size:20px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#020101;color:#020101;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-650fcf1 > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-650fcf1{padding:0em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-6673cd4{--display:flex;}.elementor-1125 .elementor-element.elementor-element-9c846f0{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-9c846f0:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-9c846f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1125 .elementor-element.elementor-element-0d7bea0.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-0d7bea0.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-0d7bea0.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-0d7bea0 .elementor-image-box-wrapper .elementor-image-box-img{width:80%;}.elementor-1125 .elementor-element.elementor-element-0d7bea0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-0d7bea0 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-c725697{--display:flex;}.elementor-1125 .elementor-element.elementor-element-a3687dd{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-a3687dd:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-a3687dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-991567a.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-991567a.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-991567a.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-991567a .elementor-image-box-wrapper .elementor-image-box-img{width:57%;}.elementor-1125 .elementor-element.elementor-element-991567a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-991567a .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-cae60f5{--display:flex;}.elementor-1125 .elementor-element.elementor-element-82a1003{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-82a1003:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-82a1003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-0bc3691 .elementor-image-box-wrapper{text-align:end;}.elementor-1125 .elementor-element.elementor-element-0bc3691 .elementor-image-box-wrapper .elementor-image-box-img{width:84%;}.elementor-1125 .elementor-element.elementor-element-0bc3691 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-0bc3691 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-562c320{--display:flex;}.elementor-1125 .elementor-element.elementor-element-d1c1752{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-d1c1752:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-d1c1752 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-7afb17c.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-7afb17c.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-7afb17c.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-7afb17c .elementor-image-box-wrapper .elementor-image-box-img{width:53%;}.elementor-1125 .elementor-element.elementor-element-7afb17c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-7afb17c .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-febdfd6{--display:flex;}.elementor-1125 .elementor-element.elementor-element-a8e5cdd{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-a8e5cdd:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-a8e5cdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-470b239.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-470b239.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-470b239.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-470b239 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-470b239 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-470b239 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-34de488{--display:flex;}.elementor-1125 .elementor-element.elementor-element-b94f5cc{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-b94f5cc:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-b94f5cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-cf1a80e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-cf1a80e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-cf1a80e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-cf1a80e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-cf1a80e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-cf1a80e .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-2e9180a{--display:flex;}.elementor-1125 .elementor-element.elementor-element-d0fd069{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-d0fd069:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-d0fd069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-ce651da.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-ce651da.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-ce651da.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-ce651da .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-ce651da .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-ce651da .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-2d571c4{--display:flex;}.elementor-1125 .elementor-element.elementor-element-57be192{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-57be192:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-57be192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-14a9237.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-14a9237.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-14a9237.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-14a9237 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-14a9237 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-14a9237 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-55b8b80{--display:flex;}.elementor-1125 .elementor-element.elementor-element-02a25a7{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-02a25a7:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-02a25a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-ae6426c.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-ae6426c.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-ae6426c.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-ae6426c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-ae6426c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-ae6426c .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-232df58{--display:flex;}.elementor-1125 .elementor-element.elementor-element-d0608d7{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-d0608d7:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-d0608d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-66d8ca1.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-66d8ca1.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-66d8ca1.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-66d8ca1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-66d8ca1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-66d8ca1 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-5157a3f{--display:flex;}.elementor-1125 .elementor-element.elementor-element-e4438be{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-e4438be:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-e4438be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-8fb9b15.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-8fb9b15.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-8fb9b15.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-8fb9b15 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-8fb9b15 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-8fb9b15 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-b6b3e2b{--display:flex;}.elementor-1125 .elementor-element.elementor-element-dc67a75{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-dc67a75:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-dc67a75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-fbeb83f.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-fbeb83f.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-fbeb83f.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-fbeb83f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-fbeb83f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-fbeb83f .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-8c73443{--display:flex;}.elementor-1125 .elementor-element.elementor-element-af01e98{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-af01e98:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-af01e98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-1bca009.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-1bca009.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-1bca009.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-1bca009 .elementor-image-box-wrapper .elementor-image-box-img{width:54%;}.elementor-1125 .elementor-element.elementor-element-1bca009 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-1bca009 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-385de2a{--display:flex;}.elementor-1125 .elementor-element.elementor-element-2fbadf1{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-2fbadf1:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-2fbadf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-1efdc74.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-1efdc74.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-1efdc74.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-1efdc74 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-1efdc74 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-1efdc74 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-5da842d{--display:flex;}.elementor-1125 .elementor-element.elementor-element-61a284a{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-61a284a:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-61a284a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-9315b54.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-9315b54.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-9315b54.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-9315b54 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-9315b54 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-9315b54 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-bc0fa21{--display:flex;}.elementor-1125 .elementor-element.elementor-element-88e467a{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-88e467a:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-88e467a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-wrapper{text-align:start;}.elementor-1125 .elementor-element.elementor-element-de90664.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-de90664.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-de90664.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-description{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-1125 .elementor-element.elementor-element-e1632b2{--e-n-carousel-swiper-slides-to-display:8;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:10px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-20px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:10px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:#FCD039;}.elementor-1125 .elementor-element.elementor-element-849a5e7 > .elementor-widget-container{margin:020px 0px 0px 0px;}.elementor-1125 .elementor-element.elementor-element-849a5e7{text-align:center;}.elementor-1125 .elementor-element.elementor-element-849a5e7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;color:#020101;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px;padding:0px 0px 20px 0px;border-color:#FDBF12;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:0px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:30px 30px 30px 30px;margin-bottom:20px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .button{background-color:#FCD039;border-radius:99px 99px 99px 99px;margin-top:12px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .button:hover{background-color:#FCD039;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products .added_to_cart{color:#FDBF12;margin-inline-start:0px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px;padding:0px 0px 20px 0px;border-color:#FDBF12;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:0px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:30px 30px 30px 30px;margin-bottom:20px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .button{background-color:#FCD039;border-radius:99px 99px 99px 99px;margin-top:12px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .button:hover{background-color:#FCD039;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products .added_to_cart{color:#FDBF12;margin-inline-start:0px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1125 .elementor-element.elementor-element-994f82f{--divider-border-style:solid;--divider-color:#FCD039;--divider-border-width:2px;}.elementor-1125 .elementor-element.elementor-element-994f82f .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-1125 .elementor-element.elementor-element-994f82f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1125 .elementor-element.elementor-element-588c687 > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-588c687{padding:0em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px;padding:0px 0px 20px 0px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:0px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:30px 30px 30px 30px;margin-bottom:20px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .button:hover{background-color:#FCD039;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .button{border-radius:99px 99px 99px 99px;margin-top:12px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products .added_to_cart{color:#FDBF12;margin-inline-start:0px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px;padding:0px 0px 20px 0px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:0px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:30px 30px 30px 30px;margin-bottom:20px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .button:hover{background-color:#FCD039;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .button{border-radius:99px 99px 99px 99px;margin-top:12px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products .added_to_cart{color:#FDBF12;margin-inline-start:0px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1125 .elementor-element.elementor-element-5c49fda > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1125 .elementor-element.elementor-element-5c49fda:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-5c49fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F2F6F9 100%);}.elementor-1125 .elementor-element.elementor-element-5c49fda > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-5c49fda{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 5em 0em;}.elementor-1125 .elementor-element.elementor-element-5c49fda > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-5c49fda > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:119px;transform:translateX(-50%) rotateY(180deg);}.elementor-1125 .elementor-element.elementor-element-c8f20cb > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-75fca70{text-align:end;}.elementor-1125 .elementor-element.elementor-element-75fca70 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:72px;font-weight:700;color:#79C5E6;}.elementor-1125 .elementor-element.elementor-element-d84530b{text-align:end;}.elementor-1125 .elementor-element.elementor-element-d84530b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;color:#020101;}.elementor-1125 .elementor-element.elementor-element-57243e2{text-align:end;}.elementor-1125 .elementor-element.elementor-element-57243e2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#7A7A7A;}.elementor-1125 .elementor-element.elementor-element-d3995bc > .elementor-element-populated > .elementor-background-overlay{opacity:0.5;}.elementor-1125 .elementor-element.elementor-element-d3995bc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1125 .elementor-element.elementor-element-d3995bc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1125 .elementor-element.elementor-element-1a7850f > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-fe346f0{text-align:start;}.elementor-1125 .elementor-element.elementor-element-fe346f0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:72px;font-weight:700;color:#79C5E6;}.elementor-1125 .elementor-element.elementor-element-6c14540{text-align:start;}.elementor-1125 .elementor-element.elementor-element-6c14540 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;color:#020101;}.elementor-1125 .elementor-element.elementor-element-27f4a77{text-align:start;}.elementor-1125 .elementor-element.elementor-element-27f4a77 .elementor-heading-title{font-size:16px;font-weight:400;line-height:16px;color:var( --e-global-color-text );}.elementor-1125 .elementor-element.elementor-element-86f2466 > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-6a25bdd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-9acfae8.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-9acfae8.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-9acfae8.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-9acfae8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-9acfae8 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1125 .elementor-element.elementor-element-9acfae8:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-9acfae8:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-00489ac .elementor-button{background-color:#FCD039;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-21cbc29:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-81b029e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-81b029e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-81b029e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-81b029e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-81b029e .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1125 .elementor-element.elementor-element-81b029e:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-81b029e:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-81b029e .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-1125 .elementor-element.elementor-element-1371264 .elementor-button{background-color:#FCD039;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-463d64c > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-c952c30:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-c8d35de.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-c8d35de.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-c8d35de.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-c8d35de .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-c8d35de .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1125 .elementor-element.elementor-element-c8d35de:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-c8d35de:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-874372b .elementor-button{background-color:#FCD039;fill:#010202;color:#010202;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-b55bc4f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F9;}.elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-cccf4d7.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-cccf4d7.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-cccf4d7.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-cccf4d7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-cccf4d7 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1125 .elementor-element.elementor-element-cccf4d7:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-cccf4d7:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-92ebadf .elementor-button{background-color:#FCD039;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-e9d5bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F2F6F9 0%, #FFFFFF 100%);}.elementor-1125 .elementor-element.elementor-element-e9d5bfc > .elementor-container{max-width:1280px;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 7em 0em;}.elementor-1125 .elementor-element.elementor-element-4cdc7ad > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-0eefc16 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;}.elementor-1125 .elementor-element.elementor-element-6aa58ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-1125 .elementor-element.elementor-element-14116e9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:1em 1em 1em 1em;}.elementor-1125 .elementor-element.elementor-element-14116e9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-d420d06.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-d420d06.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-d420d06.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-d420d06 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-1125 .elementor-element.elementor-element-d420d06 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-d420d06 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-d420d06:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-d420d06:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-f8533d6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:1em 1em 1em 1em;}.elementor-1125 .elementor-element.elementor-element-f8533d6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-f548da3.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-f548da3.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-f548da3.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-f548da3 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-1125 .elementor-element.elementor-element-f548da3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-f548da3 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-f548da3:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-f548da3:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-a2a6de3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:1em 1em 1em 1em;}.elementor-1125 .elementor-element.elementor-element-a2a6de3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-5cf437e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-5cf437e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-5cf437e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-5cf437e .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-1125 .elementor-element.elementor-element-5cf437e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-5cf437e .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-5cf437e:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-5cf437e:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-d8a9bb0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-element-populated, .elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-element-populated > .elementor-background-overlay, .elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:1em 1em 1em 1em;}.elementor-1125 .elementor-element.elementor-element-d8a9bb0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1125 .elementor-element.elementor-element-8f6c091.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1125 .elementor-element.elementor-element-8f6c091.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1125 .elementor-element.elementor-element-8f6c091.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-8f6c091 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-1125 .elementor-element.elementor-element-8f6c091 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1125 .elementor-element.elementor-element-8f6c091 .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-8f6c091:has(:hover) .elementor-image-box-title, .elementor-1125 .elementor-element.elementor-element-8f6c091:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-1125 .elementor-element.elementor-element-310fca3 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1125 .elementor-element.elementor-element-348e5a9 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1125 .elementor-element.elementor-element-4e1a4ec{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(min-width:768px){.elementor-1125 .elementor-element.elementor-element-6673cd4{--content-width:1280px;}.elementor-1125 .elementor-element.elementor-element-c8f20cb{width:30%;}.elementor-1125 .elementor-element.elementor-element-d3995bc{width:39.333%;}.elementor-1125 .elementor-element.elementor-element-1a7850f{width:30%;}}@media(max-width:1024px){.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-shape-bottom svg{height:85px;}.elementor-1125 .elementor-element.elementor-element-efa368a{padding:3em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-650fcf1{padding:0em 0em 3em 0em;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-title{font-size:16px;}.elementor-1125 .elementor-element.elementor-element-e1632b2{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-1125 .elementor-element.elementor-element-588c687{padding:0em 0em 3em 0em;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-1125 .elementor-element.elementor-element-5c49fda{padding:0em 0em 3em 0em;}.elementor-1125 .elementor-element.elementor-element-6a25bdd > .elementor-element-populated{padding:2em 1em 2em 1em;}.elementor-1125 .elementor-element.elementor-element-21cbc29 > .elementor-element-populated{padding:2em 1em 2em 1em;}.elementor-1125 .elementor-element.elementor-element-c952c30 > .elementor-element-populated{padding:2em 1em 2em 1em;}.elementor-1125 .elementor-element.elementor-element-b55bc4f > .elementor-element-populated{padding:2em 1em 2em 1em;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc{padding:0em 0em 3em 0em;}.elementor-1125 .elementor-element.elementor-element-0eefc16{text-align:center;}.elementor-bc-flex-widget .elementor-1125 .elementor-element.elementor-element-310fca3.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1125 .elementor-element.elementor-element-310fca3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1125 .elementor-element.elementor-element-310fca3 > .elementor-element-populated{padding:0em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-4e1a4ec{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1125 .elementor-element.elementor-element-efa368a > .elementor-shape-bottom svg{width:calc(200% + 1.3px);}.elementor-1125 .elementor-element.elementor-element-efa368a{padding:2em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-022c543{text-align:center;}.elementor-1125 .elementor-element.elementor-element-cd99c3b{text-align:center;}.elementor-1125 .elementor-element.elementor-element-d81fa9c{text-align:center;}.elementor-1125 .elementor-element.elementor-element-650fcf1{padding:0em 0em 2em 0em;}.elementor-1125 .elementor-element.elementor-element-0d7bea0 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-991567a .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-7afb17c .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-470b239 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-cf1a80e .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-ce651da .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-14a9237 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-ae6426c .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-66d8ca1 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-8fb9b15 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-fbeb83f .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-1bca009 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-1efdc74 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-9315b54 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-de90664 .elementor-image-box-title{font-size:14px;}.elementor-1125 .elementor-element.elementor-element-e1632b2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1125 .elementor-element.elementor-element-588c687{padding:0em 0em 2em 0em;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1125 .elementor-element.elementor-element-5c49fda{padding:0em 0em 0em 0em;}.elementor-1125 .elementor-element.elementor-element-75fca70{text-align:center;}.elementor-1125 .elementor-element.elementor-element-d84530b{text-align:center;}.elementor-1125 .elementor-element.elementor-element-57243e2{text-align:center;}.elementor-1125 .elementor-element.elementor-element-fe346f0{text-align:center;}.elementor-1125 .elementor-element.elementor-element-6c14540{text-align:center;}.elementor-1125 .elementor-element.elementor-element-27f4a77{text-align:center;}.elementor-1125 .elementor-element.elementor-element-9acfae8 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-81b029e .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-c8d35de .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-cccf4d7 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-e9d5bfc{padding:0em 0em 2em 0em;}.elementor-1125 .elementor-element.elementor-element-4cdc7ad > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-1125 .elementor-element.elementor-element-0eefc16{text-align:center;}.elementor-1125 .elementor-element.elementor-element-6aa58ae{text-align:center;}.elementor-1125 .elementor-element.elementor-element-ebe7419{text-align:center;}.elementor-1125 .elementor-element.elementor-element-d420d06 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-f548da3 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-5cf437e .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-8f6c091 .elementor-image-box-img{margin-bottom:0px;}.elementor-1125 .elementor-element.elementor-element-4e1a4ec{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-1125 .elementor-element.elementor-element-b6fbe8f{width:100%;}.elementor-1125 .elementor-element.elementor-element-4cdc7ad{width:100%;}.elementor-1125 .elementor-element.elementor-element-14116e9{width:50%;}.elementor-1125 .elementor-element.elementor-element-f8533d6{width:50%;}.elementor-1125 .elementor-element.elementor-element-a2a6de3{width:50%;}.elementor-1125 .elementor-element.elementor-element-d8a9bb0{width:50%;}.elementor-1125 .elementor-element.elementor-element-310fca3{width:100%;}}/* Start custom CSS for button, class: .elementor-element-3e8ad54 */.elementor-1125 .elementor-element.elementor-element-3e8ad54 .elementor-button-text { font-weight: 700 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8321425 *//* ========================================================= ГЛАВНАЯ СТРАНИЦА — БЛОК «НАШІ ТОВАРИ» Логика выбора вариаций не изменяется. Меняется только внешний вид иконок: 5–50 кг — мешок 0.5–3 кг — пакет 0.9 / 1 л — маленькая бутылка 3 л — большая бутылка Обычная кнопка — жёлтый контур. Hover / is-active — жёлтая заливка. ========================================================= */ /* ========================================================= 1. КОНТЕЙНЕР КНОПОК ВЕСА ========================================================= */ body.home .vita-card-variations { position: relative !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; margin: 8px 0 12px !important; padding: 0 !important; } /* ========================================================= 2. ОСНОВА КНОПКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] { --vita-icon-width: 60px; --vita-icon-height: 76px; --vita-label-top: 56%; position: relative !important; z-index: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; transform: none !important; transition: transform 0.2s ease !important; } /* Убираем стандартные стили Elementor и темы */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* Убираем старую CSS-заливку кнопки */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* ========================================================= 3. ОБЩИЙ СЛОЙ SVG-ИКОНКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; display: block !important; width: var(--vita-icon-width) !important; height: var(--vita-icon-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= 4. МЕШОК 5–50 КГ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Мешок — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='none' stroke='%23ffb900' stroke-width='2.6'/%3E%3C/svg%3E") !important; } /* Мешок — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. ПАКЕТ 0.5–3 КГ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 62px; --vita-icon-height: 74px; --vita-label-top: 56%; } /* Пакет — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Пакет — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БУТЫЛКА 0.9 Л / 1 Л ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Маленькая бутылка — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Маленькая бутылка — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. БУТЫЛКА 3 Л ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 58px; --vita-icon-height: 78px; --vita-label-top: 57%; } /* Большая бутылка — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Большая бутылка — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 8. ТЕКСТ ВЕСА ВНУТРИ ИКОНКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; left: 50% !important; top: var(--vita-label-top) !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Более узкое поле для текста бутылок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 36px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 34px !important; } /* Цвет текста активной кнопки */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= 9. HOVER — ЖЁЛТАЯ ЗАЛИВКА ========================================================= */ @media (hover: hover) and (pointer: fine) { body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover { transform: translateY(-1px) !important; } /* Мешок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* Пакет */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 0.9 / 1 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 3 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label { color: #111111 !important; } } /* Нажатие */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active { transform: scale(0.97) !important; } /* ========================================================= 10. ЦЕНА ========================================================= */ body.home .woocommerce ul.products li.product .price, body.home .elementor-widget-woocommerce-products .price, body.home .woolentor-product .price, body.home .ht-product .price, body.home .e-loop-item .price { min-height: 24px !important; margin-top: 6px !important; margin-bottom: 2px !important; color: #111111 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; opacity: 1 !important; text-decoration: none !important; } body.home .woocommerce ul.products li.product .price *, body.home .elementor-widget-woocommerce-products .price *, body.home .woolentor-product .price *, body.home .ht-product .price *, body.home .e-loop-item .price * { color: #111111 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; opacity: 1 !important; } body.home .price ins, body.home .price ins .woocommerce-Price-amount, body.home .price > .woocommerce-Price-amount { color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; } body.home .price del, body.home .price del .woocommerce-Price-amount { color: #666666 !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1 !important; } /* ========================================================= 11. КНОПКА «ПЕРЕГЛЯНУТИ» ========================================================= */ body.home .vita-card-variations ~ a:last-of-type, body.home a.product_type_simple, body.home a.product_type_variable { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 120px !important; min-height: 38px !important; padding: 8px 20px !important; border: 1px solid #ffb900 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; outline: none !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; } body.home .vita-card-variations ~ a:last-of-type:hover, body.home a.product_type_simple:hover, body.home a.product_type_variable:hover, body.home .vita-card-variations ~ a:last-of-type:focus-visible, body.home a.product_type_simple:focus-visible, body.home a.product_type_variable:focus-visible { border-color: #ffcc26 !important; background: #ffcc26 !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* ========================================================= 12. КОРОТКОЕ ОПИСАНИЕ ========================================================= */ body.home .vita-home-product-short-description { display: -webkit-box !important; max-width: 260px !important; margin: 8px auto 4px !important; padding: 0 12px !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.home .vita-home-product-short-description p { margin: 0 !important; padding: 0 !important; } /* ========================================================= 13. МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { body.home .vita-card-variations { gap: 0 !important; margin-top: 6px !important; margin-bottom: 10px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 86px !important; min-height: 86px !important; max-height: 86px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 53px; --vita-icon-height: 68px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 56px; --vita-icon-height: 68px; --vita-label-top: 56%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 47px; --vita-icon-height: 68px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 52px; --vita-icon-height: 71px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 43px !important; height: 18px !important; font-size: 12px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 33px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 31px !important; } body.home .woocommerce ul.products li.product .price, body.home .elementor-widget-woocommerce-products .price, body.home .woolentor-product .price, body.home .ht-product .price, body.home .e-loop-item .price, body.home .price ins, body.home .price ins .woocommerce-Price-amount, body.home .price > .woocommerce-Price-amount { font-size: 15px !important; } body.home .vita-home-product-short-description { max-width: 240px !important; padding-right: 8px !important; padding-left: 8px !important; font-size: 13px !important; line-height: 1.4 !important; } } /* ========================================================= БУТЫЛКИ — ПРАВИЛЬНАЯ ЖЁЛТАЯ ЗАЛИВКА Hover + выбранная кнопка ========================================================= */ /* 0,9 Л / 1 Л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Текст остаётся чёрным */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= ГЛАВНАЯ — НЕМНОГО УВЕЛИЧИВАЕМ КНОПКИ ВЕСА ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 98px !important; width: 98px !important; min-width: 98px !important; max-width: 98px !important; height: 106px !important; min-height: 106px !important; max-height: 106px !important; } /* Большой мешок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 66px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Маленький пакет */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 68px; --vita-icon-height: 84px; --vita-label-top: 56%; } /* Бутылка 0,9 л / 1 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 58px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Бутылка 3 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 64px; --vita-icon-height: 88px; --vita-label-top: 57%; } /* Немного увеличиваем текст веса */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 14px !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 61px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 57px; --vita-icon-height: 78px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 13px !important; } } /* ========================================================= ГЛАВНАЯ — ИКОНКИ УПАКОВОК КАК НА СТРАНИЦЕ МАГАЗИН + ВСЕ УПАКОВКИ В 1 РЯД + ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 { --vita-yellow: #ffcc26; --vita-yellow-dark: #f2be00; --vita-black: #111; } /* Ряд упаковок — всегда в 1 строку */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variations { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-height: 82px !important; margin: 10px 0 14px !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; } /* Основа кнопки веса */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] { position: relative !important; z-index: 30 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--vita-black) !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; cursor: pointer !important; pointer-events: auto !important; transform: none !important; transition: transform .18s ease !important; } /* Убираем старые заливки/псевдоэлементы */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* Общий слой SVG-иконки */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50% !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Текст веса внутри иконки */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; z-index: 3 !important; left: 50% !important; top: 52% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: var(--vita-black) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= ПАКЕТ 1КГ / 1.5КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack .vita-weight-label { top: 52% !important; width: 50px !important; } /* Hover / active пакет */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= МЕШОК 20КГ / 25КГ / 30КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag .vita-weight-label { top: 53% !important; width: 52px !important; } /* Hover / active мешок */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23fff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= БУТЫЛКИ МАСЛА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } /* 0.9л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { top: 62% !important; width: 44px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 0.9л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 46px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 3л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= HOVER / ACTIVE — ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active * { color: #111 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered { transform: translateY(-1px) !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active { transform: scale(.98) !important; } /* Название товара всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-8321425 .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425 .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-8321425 .e-loop-item:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-8321425 .e-loop-item:hover .woocommerce-loop-product__title a { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Описание всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .vita-product-short-description * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Цена всегда чёрная */ .elementor-1125 .elementor-element.elementor-element-8321425 .price, .elementor-1125 .elementor-element.elementor-element-8321425 .price *, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .price, .elementor-1125 .elementor-element.elementor-element-8321425 li.product:hover .price *, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .price, .elementor-1125 .elementor-element.elementor-element-8321425 .product:hover .price *, .elementor-1125 .elementor-element.elementor-element-8321425 .e-loop-item:hover .price, .elementor-1125 .elementor-element.elementor-element-8321425 .e-loop-item:hover .price * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Кнопка Переглянути — текст чёрный */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-view-product-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-view-product-btn *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-view-product-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-view-product-btn:hover *, .elementor-1125 .elementor-element.elementor-element-8321425 a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-8321425 a.product_type_variable, .elementor-1125 .elementor-element.elementor-element-8321425 a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-8321425 a.product_type_variable:hover { color: #111 !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ — ТАКЖЕ В 1 РЯД ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variations { flex-wrap: nowrap !important; gap: 4px !important; min-height: 74px !important; margin: 8px 0 12px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 62px !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 54px !important; height: 68px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 40px !important; height: 18px !important; font-size: 11px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 38px !important; font-size: 11px !important; } } /* ========================================================= FINAL FIX V2 — БЕЗ МЕРЦАНИЯ + БЕЗ ИЗМЕНЕНИЯ ФОРМЫ Для всех предусмотренных упаковок: - 0.5–3 кг — пакет - 5–50 кг — мешок - 0.9 / 1 л — маленькая бутылка - 3 л — большая бутылка Контур всегда остаётся в ::before. Жёлтая заливка находится в ::after. При hover / active / focus SVG не подменяется, поэтому форма не мигает и не прыгает. ========================================================= */ /* ========================================================= 1. УБИРАЕМ ДВИЖЕНИЕ / SCALE ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered, body.home .vita-card-variation-btn[data-vita-home-weight="true"], body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active { transform: none !important; } /* ========================================================= 2. ОБЩИЙ СЛОЙ ЖЁЛТОЙ ЗАЛИВКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: "" !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; opacity: 0 !important; visibility: visible !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; transition: none !important; } /* Текст всегда поверх SVG */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { z-index: 3 !important; } /* ========================================================= 3. ПАКЕТ — 0.5 / 1 / 1.5 / 2 / 2.5 / 3 КГ ========================================================= */ /* Контур — одинаковый во всех состояниях */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Заливка пакета */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 4. МЕШОК — 5 / 10 / 15 / 20 / 25 / 30 / 40 / 50 КГ ========================================================= */ /* Контур */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Заливка мешка */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23ffffff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. МАЛЕНЬКАЯ БУТЫЛКА — 0.9 / 1 Л ========================================================= */ /* Контур */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Заливка маленькой бутылки */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БОЛЬШАЯ БУТЫЛКА — 3 Л ========================================================= */ /* Контур */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Заливка большой бутылки */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. ПОКАЗЫВАЕМ ЗАЛИВКУ ТОЛЬКО ПРИ HOVER / ACTIVE ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; } /* В обычном состоянии — только контур */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after { opacity: 0 !important; } /* ========================================================= 8. ТЕКСТ ВЕСА НЕ ДВИГАЕТСЯ И НЕ МЕНЯЕТ ЦВЕТ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; transform: translate(-50%, -50%) !important; } /* ========================================================= 9. МОБИЛЬНАЯ ВЕРСИЯ — ОДИНАКОВЫЕ РАЗМЕРЫ ДВУХ СЛОЁВ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 54px !important; height: 68px !important; } } /* ========================================================= FINAL FIX V3 — ЖЁСТКО УБИРАЕМ МЕРЦАНИЕ Без transition / animation / transform. Hover включается мгновенно, без промежуточного кадра. ========================================================= */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"], body.home .vita-card-variation-btn[data-vita-home-weight="true"] *, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { transition: none !important; animation: none !important; will-change: auto !important; } /* Кнопка никогда не двигается */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered, body.home .vita-card-variation-btn[data-vita-home-weight="true"], body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active { transform: none !important; } /* Контур всегда видим */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::before { opacity: 1 !important; visibility: visible !important; } /* Заливка скрыта по умолчанию */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { opacity: 0 !important; visibility: hidden !important; transition: none !important; animation: none !important; } /* Hover / focus / active — мгновенно показываем заливку */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; visibility: visible !important; } /* После ухода мыши — мгновенно обратно к контуру */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:not(:hover):not(:focus):not(:focus-visible):not(:active):not(.is-active)::after { opacity: 0 !important; visibility: hidden !important; } /* Текст веса тоже без переходов */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active .vita-weight-label { transition: none !important; animation: none !important; transform: translate(-50%, -50%) !important; } /* ========================================================= FINAL FIX V4 — БЕЗ МЕРЦАНИЯ ВАЖНО: - HOVER больше НЕ меняет SVG вообще. - Жёлтая заливка показывается только у .is-active. - Первый вес активируется JS автоматически. - При выборе другого веса активная заливка переходит на него. ========================================================= */ /* Полностью запрещаем анимации и движение кнопок веса */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"], body.home .vita-card-variation-btn[data-vita-home-weight="true"] *, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { transition: none !important; animation: none !important; will-change: auto !important; } /* Кнопки никогда не двигаются */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered, body.home .vita-card-variation-btn[data-vita-home-weight="true"], body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active { transform: none !important; } /* --------------------------------------------------------- КОНТУР ::before Один и тот же SVG при обычном состоянии / hover / focus / active. --------------------------------------------------------- */ /* ПАКЕТ */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* МЕШОК */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* 0.9 / 1 Л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* --------------------------------------------------------- ЗАЛИВКА ::after ВАЖНО: hover её НЕ показывает. Только реальный .is-active. --------------------------------------------------------- */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { opacity: 0 !important; visibility: hidden !important; transition: none !important; animation: none !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; visibility: visible !important; } /* ПАКЕТ — активная заливка */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* МЕШОК — активная заливка */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23ffffff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* 0.9 / 1 Л — активная заливка */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л — активная заливка */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Текст веса всегда поверх */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active .vita-weight-label { z-index: 3 !important; color: #111111 !important; transition: none !important; animation: none !important; } /* Мобильные размеры для обоих SVG-слоёв */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 54px !important; height: 68px !important; } } /* ========================================================= FINAL FIX V5 — БЕЗ МЕРЦАНИЯ ПРИ НАВЕДЕНИИ И ВЫБОРЕ HOVER НИЧЕГО НЕ ПЕРЕРИСОВЫВАЕТ. ЖЁЛТАЯ ЗАЛИВКА ТОЛЬКО У .is-active. ========================================================= */ /* Никаких transition / animation / transform */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn *, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after { transition: none !important; animation: none !important; will-change: auto !important; } .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered { transform: none !important; } /* * Hover/focus/active физически не показывают второй слой. * Поэтому при наведении вообще нет смены изображения. */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.vita-hovered::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"]:active::after { opacity: 0 !important; visibility: hidden !important; } /* Только выбранная кнопка жёлтая */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; visibility: visible !important; } /* Контур всегда видим и не меняется при hover */ .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:hover::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn:active::before, .elementor-1125 .elementor-element.elementor-element-8321425 .vita-card-variation-btn.is-active::before { opacity: 1 !important; visibility: visible !important; transition: none !important; animation: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-be22504 *//* ========================================================= ГЛАВНАЯ СТРАНИЦА — БЛОК «НАШІ ТОВАРИ» Логика выбора вариаций не изменяется. Меняется только внешний вид иконок: 5–50 кг — мешок 0.5–3 кг — пакет 0.9 / 1 л — маленькая бутылка 3 л — большая бутылка Обычная кнопка — жёлтый контур. Hover / is-active — жёлтая заливка. ========================================================= */ /* ========================================================= 1. КОНТЕЙНЕР КНОПОК ВЕСА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations { position: relative !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; margin: 8px 0 12px !important; padding: 0 !important; } /* ========================================================= 2. ОСНОВА КНОПКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { --vita-icon-width: 60px; --vita-icon-height: 76px; --vita-label-top: 56%; position: relative !important; z-index: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; transform: none !important; transition: transform 0.2s ease !important; } /* Убираем стандартные стили Elementor и темы */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* Убираем старую CSS-заливку кнопки */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* ========================================================= 3. ОБЩИЙ СЛОЙ SVG-ИКОНКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; display: block !important; width: var(--vita-icon-width) !important; height: var(--vita-icon-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= 4. МЕШОК 5–50 КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Мешок — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='none' stroke='%23ffb900' stroke-width='2.6'/%3E%3C/svg%3E") !important; } /* Мешок — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. ПАКЕТ 0.5–3 КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 62px; --vita-icon-height: 74px; --vita-label-top: 56%; } /* Пакет — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Пакет — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БУТЫЛКА 0.9 Л / 1 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Маленькая бутылка — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Маленькая бутылка — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. БУТЫЛКА 3 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 58px; --vita-icon-height: 78px; --vita-label-top: 57%; } /* Большая бутылка — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Большая бутылка — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 8. ТЕКСТ ВЕСА ВНУТРИ ИКОНКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; left: 50% !important; top: var(--vita-label-top) !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Более узкое поле для текста бутылок */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 36px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 34px !important; } /* Цвет текста активной кнопки */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= 9. HOVER — ЖЁЛТАЯ ЗАЛИВКА ========================================================= */ @media (hover: hover) and (pointer: fine) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover { transform: translateY(-1px) !important; } /* Мешок */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* Пакет */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 0.9 / 1 л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 3 л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label { color: #111111 !important; } } /* Нажатие */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active { transform: scale(0.97) !important; } /* ========================================================= 10. ЦЕНА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce ul.products li.product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-woocommerce-products .price, .elementor-1125 .elementor-element.elementor-element-be22504 .woolentor-product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .ht-product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item .price { min-height: 24px !important; margin-top: 6px !important; margin-bottom: 2px !important; color: #111111 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; opacity: 1 !important; text-decoration: none !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce ul.products li.product .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-woocommerce-products .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .woolentor-product .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .ht-product .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item .price * { color: #111111 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; opacity: 1 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .price ins, .elementor-1125 .elementor-element.elementor-element-be22504 .price ins .woocommerce-Price-amount, .elementor-1125 .elementor-element.elementor-element-be22504 .price > .woocommerce-Price-amount { color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .price del, .elementor-1125 .elementor-element.elementor-element-be22504 .price del .woocommerce-Price-amount { color: #666666 !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1 !important; } /* ========================================================= 11. КНОПКА «ПЕРЕГЛЯНУТИ» ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations ~ a:last-of-type, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_variable { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 120px !important; min-height: 38px !important; padding: 8px 20px !important; border: 1px solid #ffb900 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; outline: none !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations ~ a:last-of-type:hover, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_variable:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations ~ a:last-of-type:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_simple:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_variable:focus-visible { border-color: #ffcc26 !important; background: #ffcc26 !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* ========================================================= 12. КОРОТКОЕ ОПИСАНИЕ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-home-product-short-description { display: -webkit-box !important; max-width: 260px !important; margin: 8px auto 4px !important; padding: 0 12px !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-home-product-short-description p { margin: 0 !important; padding: 0 !important; } /* ========================================================= 13. МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations { gap: 0 !important; margin-top: 6px !important; margin-bottom: 10px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 86px !important; min-height: 86px !important; max-height: 86px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 53px; --vita-icon-height: 68px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 56px; --vita-icon-height: 68px; --vita-label-top: 56%; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 47px; --vita-icon-height: 68px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 52px; --vita-icon-height: 71px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 43px !important; height: 18px !important; font-size: 12px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 33px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 31px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce ul.products li.product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-woocommerce-products .price, .elementor-1125 .elementor-element.elementor-element-be22504 .woolentor-product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .ht-product .price, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item .price, .elementor-1125 .elementor-element.elementor-element-be22504 .price ins, .elementor-1125 .elementor-element.elementor-element-be22504 .price ins .woocommerce-Price-amount, .elementor-1125 .elementor-element.elementor-element-be22504 .price > .woocommerce-Price-amount { font-size: 15px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-home-product-short-description { max-width: 240px !important; padding-right: 8px !important; padding-left: 8px !important; font-size: 13px !important; line-height: 1.4 !important; } } /* ========================================================= БУТЫЛКИ — ПРАВИЛЬНАЯ ЖЁЛТАЯ ЗАЛИВКА Hover + выбранная кнопка ========================================================= */ /* 0,9 Л / 1 Л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Текст остаётся чёрным */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= ГЛАВНАЯ — НЕМНОГО УВЕЛИЧИВАЕМ КНОПКИ ВЕСА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 98px !important; width: 98px !important; min-width: 98px !important; max-width: 98px !important; height: 106px !important; min-height: 106px !important; max-height: 106px !important; } /* Большой мешок */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 66px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Маленький пакет */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 68px; --vita-icon-height: 84px; --vita-label-top: 56%; } /* Бутылка 0,9 л / 1 л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 58px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Бутылка 3 л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 64px; --vita-icon-height: 88px; --vita-label-top: 57%; } /* Немного увеличиваем текст веса */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 14px !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 61px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 57px; --vita-icon-height: 78px; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 13px !important; } } /* ========================================================= ГЛАВНАЯ — ИКОНКИ УПАКОВОК КАК НА СТРАНИЦЕ МАГАЗИН + ВСЕ УПАКОВКИ В 1 РЯД + ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 { --vita-yellow: #ffcc26; --vita-yellow-dark: #f2be00; --vita-black: #111; } /* Ряд упаковок — всегда в 1 строку */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-height: 82px !important; margin: 10px 0 14px !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; } /* Основа кнопки веса */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { position: relative !important; z-index: 30 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--vita-black) !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; cursor: pointer !important; pointer-events: auto !important; transform: none !important; transition: transform .18s ease !important; } /* Убираем старые заливки/псевдоэлементы */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* Общий слой SVG-иконки */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50% !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Текст веса внутри иконки */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; z-index: 3 !important; left: 50% !important; top: 52% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: var(--vita-black) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= ПАКЕТ 1КГ / 1.5КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack .vita-weight-label { top: 52% !important; width: 50px !important; } /* Hover / active пакет */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= МЕШОК 20КГ / 25КГ / 30КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag .vita-weight-label { top: 53% !important; width: 52px !important; } /* Hover / active мешок */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23fff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= БУТЫЛКИ МАСЛА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } /* 0.9л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { top: 62% !important; width: 44px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 0.9л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 46px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 3л */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= HOVER / ACTIVE — ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active * { color: #111 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-hovered { transform: translateY(-1px) !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active { transform: scale(.98) !important; } /* Название товара всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item:hover .woocommerce-loop-product__title a { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Описание всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .vita-product-short-description * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Цена всегда чёрная */ .elementor-1125 .elementor-element.elementor-element-be22504 .price, .elementor-1125 .elementor-element.elementor-element-be22504 .price *, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .price, .elementor-1125 .elementor-element.elementor-element-be22504 li.product:hover .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .price, .elementor-1125 .elementor-element.elementor-element-be22504 .product:hover .price *, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item:hover .price, .elementor-1125 .elementor-element.elementor-element-be22504 .e-loop-item:hover .price * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Кнопка Переглянути — текст чёрный */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-view-product-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-view-product-btn *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-view-product-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-view-product-btn:hover *, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_variable, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-be22504 a.product_type_variable:hover { color: #111 !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ — ТАКЖЕ В 1 РЯД ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations { flex-wrap: nowrap !important; gap: 4px !important; min-height: 74px !important; margin: 8px 0 12px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 62px !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 54px !important; height: 68px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 40px !important; height: 18px !important; font-size: 11px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 38px !important; font-size: 11px !important; } } /* ========================================================= 14. ПЛАНШЕТ И МОБИЛЬНЫЙ — КАРУСЕЛЬ ПО 1 ТОВАРУ Свайп влево / вправо без изменения версии для компьютера ========================================================= */ @media (max-width: 1024px) { /* Внешний контейнер виджета */ .elementor-1125 .elementor-element.elementor-element-be22504, .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce { width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce { overflow: hidden !important; } /* Лента товаров */ .elementor-1125 .elementor-element.elementor-element-be22504 ul.products { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } .elementor-1125 .elementor-element.elementor-element-be22504 ul.products::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* Каждый товар занимает всю ширину карусели */ .elementor-1125 .elementor-element.elementor-element-be22504 ul.products li.product { scroll-snap-align: start !important; scroll-snap-stop: always !important; float: none !important; clear: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } /* Карточка остаётся по центру */ .elementor-1125 .elementor-element.elementor-element-be22504 ul.products li.product > * { max-width: 100% !important; } } /* ========================================================= 15. ИНДИКАТОР КАРУСЕЛИ ПОД ТОВАРАМИ ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dots { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot { display: block !important; width: 8px !important; height: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #d8d8d8 !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; transition: width .2s ease, background-color .2s ease, transform .2s ease !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot.is-active { width: 24px !important; background: #ffcc26 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot:active { transform: scale(.92) !important; } } @media (min-width: 1025px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dots { display: none !important; } } /* ========================================================= 16. БЕЗОПАСНЫЙ ФИКС — ТОЧКИ ПОД ТОВАРОМ Не меняет структуру и не скрывает товары ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-container { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dots { position: relative !important; display: flex !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; justify-content: center !important; align-items: center !important; transform: none !important; } } /* ========================================================= МОБИЛЬНАЯ И ПЛАНШЕТНАЯ КАРУСЕЛЬ — ФИНАЛЬНЫЙ ФИКС 1 товар в строке + свайп + точки строго снизу ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-be22504 .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-be22504 .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-be22504 ul.products[data-vita-mobile-carousel="true"] { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } .elementor-1125 .elementor-element.elementor-element-be22504 ul.products[data-vita-mobile-carousel="true"]::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 ul.products[data-vita-mobile-carousel="true"] > li.product { scroll-snap-align: start !important; scroll-snap-stop: always !important; float: none !important; clear: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dots { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; gap: 8px !important; transform: none !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot { display: block !important; width: 8px !important; min-width: 8px !important; height: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #d8d8d8 !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; transition: width .2s ease, background-color .2s ease, transform .2s ease !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot.is-active { width: 24px !important; min-width: 24px !important; background: #ffcc26 !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dot:active { transform: scale(.92) !important; } } @media (min-width: 1025px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-carousel-dots { display: none !important; } } /* ========================================================= ФИКС КНОПОК ВЕСА НА МОБИЛЬНОМ И ПЛАНШЕТЕ Возвращает контейнер вариаций после отрисовки Elementor ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations.vita-variations-ready { position: relative !important; z-index: 30 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-height: 76px !important; margin: 8px 0 12px !important; padding: 0 !important; gap: 4px !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; pointer-events: auto !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variations.vita-variations-ready .vita-card-variation-btn { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* * Карточка должна учитывать высоту кнопок веса, * поэтому вертикальное содержимое товара не обрезаем. */ .elementor-1125 .elementor-element.elementor-element-be22504 ul.products[data-vita-mobile-carousel="true"], .elementor-1125 .elementor-element.elementor-element-be22504 ul.products { align-items: start !important; } .elementor-1125 .elementor-element.elementor-element-be22504 ul.products[data-vita-mobile-carousel="true"] > li.product, .elementor-1125 .elementor-element.elementor-element-be22504 ul.products > li.product { height: auto !important; min-height: 0 !important; overflow: visible !important; } } /* ========================================================= ФИНАЛЬНЫЙ УНИВЕРСАЛЬНЫЙ ФИКС УПАКОВОК Для ЛЮБОГО предусмотренного веса / объёма: - форма не меняется при hover / focus / active / is-active - размер не меняется - убраны прыжок вверх и scale - меняется только жёлтая заливка ========================================================= */ /* --------------------------------------------------------- 1. УБИРАЕМ ЛЮБОЕ ДВИЖЕНИЕ КНОПОК --------------------------------------------------------- */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-hovered, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"], .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active { transform: none !important; } /* --------------------------------------------------------- 2. ПАКЕТ — 0.5 / 1 / 1.5 / 2 / 2.5 / 3 КГ --------------------------------------------------------- */ /* Обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Hover / focus / active — та же форма */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* --------------------------------------------------------- 3. МЕШОК — 5 / 10 / 15 / 20 / 25 / 30 / 40 / 50 КГ --------------------------------------------------------- */ /* Обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Hover / focus / active — та же форма */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23ffffff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* --------------------------------------------------------- 4. МАЛЕНЬКАЯ БУТЫЛКА — 0.9 / 1 Л --------------------------------------------------------- */ /* Обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Hover / focus / active — та же форма */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* --------------------------------------------------------- 5. БОЛЬШАЯ БУТЫЛКА — 3 Л --------------------------------------------------------- */ /* Обычное состояние */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Hover / focus / active — та же форма */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* --------------------------------------------------------- 6. ТЕКСТ ВЕСА ВСЕГДА ОСТАЁТСЯ НА МЕСТЕ --------------------------------------------------------- */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; transform: translate(-50%, -50%) !important; } /* --------------------------------------------------------- 7. МОБИЛЬНЫЙ — СОХРАНЯЕМ МОБИЛЬНЫЕ РАЗМЕРЫ --------------------------------------------------------- */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 54px !important; height: 68px !important; } } /* ========================================================= FINAL FIX V5 — СТАБИЛЬНЫЙ ACTIVE БЕЗ МЕРЦАНИЯ Для этого Elementor CSS-блока. Логика: - hover НЕ меняет SVG и НЕ включает заливку; - выбранный .is-active остаётся жёлтым; - форма и размер не меняются; - transition / animation / transform отключены; - работает для пакета, мешка и бутылок. ========================================================= */ /* ========================================================= 1. ПОЛНОСТЬЮ УБИРАЕМ ДВИЖЕНИЕ И АНИМАЦИИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active::after { transition: none !important; animation: none !important; will-change: auto !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-hovered, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"], .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active { transform: none !important; } /* ========================================================= 2. ОБЩИЙ ВТОРОЙ СЛОЙ ЗАЛИВКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: "" !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; opacity: 0 !important; visibility: hidden !important; transition: none !important; animation: none !important; } /* Текст всегда поверх двух SVG-слоёв */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { z-index: 3 !important; color: #111111 !important; transition: none !important; animation: none !important; } /* ========================================================= 3. ПАКЕТ — 0.5 / 1 / 1.5 / 2 / 2.5 / 3 КГ ========================================================= */ /* Контур НЕ меняется при hover / active */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Активная заливка пакета */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 4. МЕШОК — 5 / 10 / 15 / 20 / 25 / 30 / 40 / 50 КГ ========================================================= */ /* Контур НЕ меняется */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Активная заливка мешка */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23ffffff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. МАЛЕНЬКАЯ БУТЫЛКА — 0.9 / 1 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БОЛЬШАЯ БУТЫЛКА — 3 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. HOVER НИЧЕГО НЕ МЕНЯЕТ ЗАЛИВКА ТОЛЬКО ДЛЯ .is-active ========================================================= */ /* По умолчанию второй слой скрыт */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-hovered::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active::after { opacity: 0 !important; visibility: hidden !important; } /* Только выбранный вес получает заливку */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; visibility: visible !important; } /* ========================================================= 8. ТЕКСТ ВЕСА — СТАБИЛЬНЫЙ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; transition: none !important; animation: none !important; } /* ========================================================= 9. МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-pack::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-bag::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::after { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-small::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::after { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.vita-weight-oil-large::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::after { width: 54px !important; height: 68px !important; } } /* ========================================================= FINAL FIX V6 — УБИРАЕМ ЗАДВОЕНИЕ АКТИВНОЙ ИКОНКИ Причина: у .is-active одновременно были видны ::before и ::after. Теперь: - неактивная кнопка: только ::before (контур) - активная кнопка: только ::after (жёлтая заливка) ========================================================= */ /* Неактивная иконка — показываем только контур */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active)::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:not(.is-active)::before { opacity: 1 !important; visibility: visible !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active)::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"]:not(.is-active)::after { opacity: 0 !important; visibility: hidden !important; } /* Активная иконка — скрываем контур и показываем только заливку */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::before { opacity: 0 !important; visibility: hidden !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn.is-active::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn[data-vita-home-weight="true"].is-active::after { opacity: 1 !important; visibility: visible !important; } /* Hover ничего не меняет — состояние зависит только от is-active */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):hover::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):focus::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):focus-visible::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):active::before { opacity: 1 !important; visibility: visible !important; } .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):hover::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):focus::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):focus-visible::after, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn:not(.is-active):active::after { opacity: 0 !important; visibility: hidden !important; } /* Полностью убираем любые визуальные переходы */ .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn *, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-be22504 .vita-card-variation-btn::after { transition: none !important; animation: none !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-aba65b9 */.elementor-1125 .elementor-element.elementor-element-aba65b9 { display: flex; justify-content: center; align-items: center; width: 100%; } .elementor-1125 .elementor-element.elementor-element-aba65b9 .elementor-widget-container { display: flex; justify-content: center; align-items: center; width: 100%; } .elementor-1125 .elementor-element.elementor-element-aba65b9 img { display: block; margin: 0 auto !important; object-position: center; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-5180ce5 *//* ========================================================= ГЛАВНАЯ СТРАНИЦА — БЛОК «НАШІ ТОВАРИ» Логика выбора вариаций не изменяется. Меняется только внешний вид иконок: 5–50 кг — мешок 0.5–3 кг — пакет 0.9 / 1 л — маленькая бутылка 3 л — большая бутылка Обычная кнопка — жёлтый контур. Hover / is-active — жёлтая заливка. ========================================================= */ /* ========================================================= 1. КОНТЕЙНЕР КНОПОК ВЕСА ========================================================= */ body.home .vita-card-variations { position: relative !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; margin: 8px 0 12px !important; padding: 0 !important; } /* ========================================================= 2. ОСНОВА КНОПКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] { --vita-icon-width: 60px; --vita-icon-height: 76px; --vita-label-top: 56%; position: relative !important; z-index: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; transform: none !important; transition: transform 0.2s ease !important; } /* Убираем стандартные стили Elementor и темы */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active, body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* Убираем старую CSS-заливку кнопки */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* ========================================================= 3. ОБЩИЙ СЛОЙ SVG-ИКОНКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; display: block !important; width: var(--vita-icon-width) !important; height: var(--vita-icon-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= 4. МЕШОК 5–50 КГ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Мешок — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='none' stroke='%23ffb900' stroke-width='2.6'/%3E%3C/svg%3E") !important; } /* Мешок — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. ПАКЕТ 0.5–3 КГ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 62px; --vita-icon-height: 74px; --vita-label-top: 56%; } /* Пакет — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Пакет — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БУТЫЛКА 0.9 Л / 1 Л ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Маленькая бутылка — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Маленькая бутылка — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. БУТЫЛКА 3 Л ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 58px; --vita-icon-height: 78px; --vita-label-top: 57%; } /* Большая бутылка — обычное состояние */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Большая бутылка — выбранная кнопка */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 8. ТЕКСТ ВЕСА ВНУТРИ ИКОНКИ ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; left: 50% !important; top: var(--vita-label-top) !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Более узкое поле для текста бутылок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 36px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 34px !important; } /* Цвет текста активной кнопки */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= 9. HOVER — ЖЁЛТАЯ ЗАЛИВКА ========================================================= */ @media (hover: hover) and (pointer: fine) { body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover { transform: translateY(-1px) !important; } /* Мешок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* Пакет */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 0.9 / 1 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 3 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label { color: #111111 !important; } } /* Нажатие */ body.home .vita-card-variation-btn[data-vita-home-weight="true"]:active { transform: scale(0.97) !important; } /* ========================================================= 10. ЦЕНА ========================================================= */ body.home .woocommerce ul.products li.product .price, body.home .elementor-widget-woocommerce-products .price, body.home .woolentor-product .price, body.home .ht-product .price, body.home .e-loop-item .price { min-height: 24px !important; margin-top: 6px !important; margin-bottom: 2px !important; color: #111111 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; opacity: 1 !important; text-decoration: none !important; } body.home .woocommerce ul.products li.product .price *, body.home .elementor-widget-woocommerce-products .price *, body.home .woolentor-product .price *, body.home .ht-product .price *, body.home .e-loop-item .price * { color: #111111 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; opacity: 1 !important; } body.home .price ins, body.home .price ins .woocommerce-Price-amount, body.home .price > .woocommerce-Price-amount { color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; } body.home .price del, body.home .price del .woocommerce-Price-amount { color: #666666 !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1 !important; } /* ========================================================= 11. КНОПКА «ПЕРЕГЛЯНУТИ» ========================================================= */ body.home .vita-card-variations ~ a:last-of-type, body.home a.product_type_simple, body.home a.product_type_variable { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 120px !important; min-height: 38px !important; padding: 8px 20px !important; border: 1px solid #ffb900 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; outline: none !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; } body.home .vita-card-variations ~ a:last-of-type:hover, body.home a.product_type_simple:hover, body.home a.product_type_variable:hover, body.home .vita-card-variations ~ a:last-of-type:focus-visible, body.home a.product_type_simple:focus-visible, body.home a.product_type_variable:focus-visible { border-color: #ffcc26 !important; background: #ffcc26 !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* ========================================================= 12. КОРОТКОЕ ОПИСАНИЕ ========================================================= */ body.home .vita-home-product-short-description { display: -webkit-box !important; max-width: 260px !important; margin: 8px auto 4px !important; padding: 0 12px !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.home .vita-home-product-short-description p { margin: 0 !important; padding: 0 !important; } /* ========================================================= 13. МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { body.home .vita-card-variations { gap: 0 !important; margin-top: 6px !important; margin-bottom: 10px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 86px !important; min-height: 86px !important; max-height: 86px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 53px; --vita-icon-height: 68px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 56px; --vita-icon-height: 68px; --vita-label-top: 56%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 47px; --vita-icon-height: 68px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 52px; --vita-icon-height: 71px; --vita-label-top: 57%; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 43px !important; height: 18px !important; font-size: 12px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 33px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 31px !important; } body.home .woocommerce ul.products li.product .price, body.home .elementor-widget-woocommerce-products .price, body.home .woolentor-product .price, body.home .ht-product .price, body.home .e-loop-item .price, body.home .price ins, body.home .price ins .woocommerce-Price-amount, body.home .price > .woocommerce-Price-amount { font-size: 15px !important; } body.home .vita-home-product-short-description { max-width: 240px !important; padding-right: 8px !important; padding-left: 8px !important; font-size: 13px !important; line-height: 1.4 !important; } } /* ========================================================= БУТЫЛКИ — ПРАВИЛЬНАЯ ЖЁЛТАЯ ЗАЛИВКА Hover + выбранная кнопка ========================================================= */ /* 0,9 Л / 1 Л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroФke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Текст остаётся чёрным */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active .vita-weight-label, body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= ГЛАВНАЯ — НЕМНОГО УВЕЛИЧИВАЕМ КНОПКИ ВЕСА ========================================================= */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 98px !important; width: 98px !important; min-width: 98px !important; max-width: 98px !important; height: 106px !important; min-height: 106px !important; max-height: 106px !important; } /* Большой мешок */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 66px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Маленький пакет */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 68px; --vita-icon-height: 84px; --vita-label-top: 56%; } /* Бутылка 0,9 л / 1 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 58px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Бутылка 3 л */ body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 64px; --vita-icon-height: 88px; --vita-label-top: 57%; } /* Немного увеличиваем текст веса */ body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 14px !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { body.home .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 61px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 75px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 57px; --vita-icon-height: 78px; } body.home .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 13px !important; } } /* ========================================================= ГЛАВНАЯ — ИКОНКИ УПАКОВОК КАК НА СТРАНИЦЕ МАГАЗИН + ВСЕ УПАКОВКИ В 1 РЯД + ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-5180ce5 { --vita-yellow: #ffcc26; --vita-yellow-dark: #f2be00; --vita-black: #111; } /* Ряд упаковок — всегда в 1 строку */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variations { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-height: 82px !important; margin: 10px 0 14px !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; } /* Основа кнопки веса */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"] { position: relative !important; z-index: 30 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--vita-black) !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; cursor: pointer !important; pointer-events: auto !important; transform: none !important; transition: transform .18s ease !important; } /* Убираем старые заливки/псевдоэлементы */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* Общий слой SVG-иконки */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50% !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Текст веса внутри иконки */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; z-index: 3 !important; left: 50% !important; top: 52% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: var(--vita-black) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= ПАКЕТ 1КГ / 1.5КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack .vita-weight-label { top: 52% !important; width: 50px !important; } /* Hover / active пакет */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= МЕШОК 20КГ / 25КГ / 30КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag .vita-weight-label { top: 53% !important; width: 52px !important; } /* Hover / active мешок */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23fff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= БУТЫЛКИ МАСЛА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } /* 0.9л */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { top: 62% !important; width: 44px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 0.9л */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3л */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 46px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 3л */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= HOVER / ACTIVE — ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:hover *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:focus *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:focus-visible *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:active *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.is-active * { color: #111 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-hovered { transform: translateY(-1px) !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn:active { transform: scale(.98) !important; } /* Название товара всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5 .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-5180ce5 .e-loop-item:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-5180ce5 .e-loop-item:hover .woocommerce-loop-product__title a { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Описание всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .vita-product-short-description * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Цена всегда чёрная */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .price, .elementor-1125 .elementor-element.elementor-element-5180ce5 .price *, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .price, .elementor-1125 .elementor-element.elementor-element-5180ce5 li.product:hover .price *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .price, .elementor-1125 .elementor-element.elementor-element-5180ce5 .product:hover .price *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .e-loop-item:hover .price, .elementor-1125 .elementor-element.elementor-element-5180ce5 .e-loop-item:hover .price * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Кнопка Переглянути — текст чёрный */ .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-view-product-btn, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-view-product-btn *, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-view-product-btn:hover, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-view-product-btn:hover *, .elementor-1125 .elementor-element.elementor-element-5180ce5 a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-5180ce5 a.product_type_variable, .elementor-1125 .elementor-element.elementor-element-5180ce5 a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-5180ce5 a.product_type_variable:hover { color: #111 !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ — ТАКЖЕ В 1 РЯД ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variations { flex-wrap: nowrap !important; gap: 4px !important; min-height: 74px !important; margin: 8px 0 12px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"] { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 62px !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 54px !important; height: 68px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 40px !important; height: 18px !important; font-size: 11px !important; } .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-5180ce5 .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 38px !important; font-size: 11px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-deba69d *//* ========================================================= ГЛАВНАЯ СТРАНИЦА — БЛОК «НАШІ ТОВАРИ» Логика выбора вариаций не изменяется. Меняется только внешний вид иконок: 5–50 кг — мешок 0.5–3 кг — пакет 0.9 / 1 л — маленькая бутылка 3 л — большая бутылка Обычная кнопка — жёлтый контур. Hover / is-active — жёлтая заливка. ========================================================= */ /* ========================================================= 1. КОНТЕЙНЕР КНОПОК ВЕСА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations { position: relative !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; margin: 8px 0 12px !important; padding: 0 !important; } /* ========================================================= 2. ОСНОВА КНОПКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { --vita-icon-width: 60px; --vita-icon-height: 76px; --vita-label-top: 56%; position: relative !important; z-index: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; transform: none !important; transition: transform 0.2s ease !important; } /* Убираем стандартные стили Elementor и темы */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:hover, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:focus, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:focus-visible, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:active, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].is-active { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* Убираем старую CSS-заливку кнопки */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* ========================================================= 3. ОБЩИЙ СЛОЙ SVG-ИКОНКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2 !important; display: block !important; width: var(--vita-icon-width) !important; height: var(--vita-icon-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= 4. МЕШОК 5–50 КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Мешок — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='none' stroke='%23ffb900' stroke-width='2.6'/%3E%3C/svg%3E") !important; } /* Мешок — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* ========================================================= 5. ПАКЕТ 0.5–3 КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 62px; --vita-icon-height: 74px; --vita-label-top: 56%; } /* Пакет — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Пакет — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 6. БУТЫЛКА 0.9 Л / 1 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 74px; --vita-label-top: 57%; } /* Маленькая бутылка — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Маленькая бутылка — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 7. БУТЫЛКА 3 Л ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 58px; --vita-icon-height: 78px; --vita-label-top: 57%; } /* Большая бутылка — обычное состояние */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffb900' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Большая бутылка — выбранная кнопка */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= 8. ТЕКСТ ВЕСА ВНУТРИ ИКОНКИ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; left: 50% !important; top: var(--vita-label-top) !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Более узкое поле для текста бутылок */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 36px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 34px !important; } /* Цвет текста активной кнопки */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= 9. HOVER — ЖЁЛТАЯ ЗАЛИВКА ========================================================= */ @media (hover: hover) and (pointer: fine) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:hover { transform: translateY(-1px) !important; } /* Мешок */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M28 8H52C57 8 60 11 61 16L70 84C71 92 67 96 59 96H21C13 96 9 92 10 84L19 16C20 11 23 8 28 8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Crect x='30' y='16' width='20' height='9' rx='4.5' fill='%23ffffff' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/svg%3E") !important; } /* Пакет */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M13 10H67V22H63C62 27 58 32 53 36V69C57 74 61 81 63 90H17C19 81 23 74 27 69V36C22 32 18 27 17 22H13V10Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M14 17H66M18 84H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 0.9 / 1 л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Бутылка 3 л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:hover .vita-weight-label { color: #111111 !important; } } /* Нажатие */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]:active { transform: scale(0.97) !important; } /* ========================================================= 10. ЦЕНА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce ul.products li.product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-woocommerce-products .price, .elementor-1125 .elementor-element.elementor-element-deba69d .woolentor-product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .ht-product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item .price { min-height: 24px !important; margin-top: 6px !important; margin-bottom: 2px !important; color: #111111 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; opacity: 1 !important; text-decoration: none !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce ul.products li.product .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-woocommerce-products .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .woolentor-product .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .ht-product .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item .price * { color: #111111 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; opacity: 1 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .price ins, .elementor-1125 .elementor-element.elementor-element-deba69d .price ins .woocommerce-Price-amount, .elementor-1125 .elementor-element.elementor-element-deba69d .price > .woocommerce-Price-amount { color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .price del, .elementor-1125 .elementor-element.elementor-element-deba69d .price del .woocommerce-Price-amount { color: #666666 !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1 !important; } /* ========================================================= 11. КНОПКА «ПЕРЕГЛЯНУТИ» ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations ~ a:last-of-type, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_variable { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 120px !important; min-height: 38px !important; padding: 8px 20px !important; border: 1px solid #ffb900 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; outline: none !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations ~ a:last-of-type:hover, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_variable:hover, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations ~ a:last-of-type:focus-visible, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_simple:focus-visible, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_variable:focus-visible { border-color: #ffcc26 !important; background: #ffcc26 !important; color: #111111 !important; box-shadow: none !important; outline: none !important; } /* ========================================================= 12. КОРОТКОЕ ОПИСАНИЕ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-home-product-short-description { display: -webkit-box !important; max-width: 260px !important; margin: 8px auto 4px !important; padding: 0 12px !important; color: #111111 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-home-product-short-description p { margin: 0 !important; padding: 0 !important; } /* ========================================================= 13. МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations { gap: 0 !important; margin-top: 6px !important; margin-bottom: 10px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 86px !important; min-height: 86px !important; max-height: 86px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 53px; --vita-icon-height: 68px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 56px; --vita-icon-height: 68px; --vita-label-top: 56%; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 47px; --vita-icon-height: 68px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 52px; --vita-icon-height: 71px; --vita-label-top: 57%; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 43px !important; height: 18px !important; font-size: 12px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { width: 33px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { width: 31px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce ul.products li.product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-woocommerce-products .price, .elementor-1125 .elementor-element.elementor-element-deba69d .woolentor-product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .ht-product .price, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item .price, .elementor-1125 .elementor-element.elementor-element-deba69d .price ins, .elementor-1125 .elementor-element.elementor-element-deba69d .price ins .woocommerce-Price-amount, .elementor-1125 .elementor-element.elementor-element-deba69d .price > .woocommerce-Price-amount { font-size: 15px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-home-product-short-description { max-width: 240px !important; padding-right: 8px !important; padding-left: 8px !important; font-size: 13px !important; line-height: 1.4 !important; } } /* ========================================================= БУТЫЛКИ — ПРАВИЛЬНАЯ ЖЁЛТАЯ ЗАЛИВКА Hover + выбранная кнопка ========================================================= */ /* 0,9 Л / 1 Л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M34 5H46V14H34V5ZM31 14H49V23L56 31C61 36 63 42 63 49V85C63 92 59 96 52 96H28C21 96 17 92 17 85V49C17 42 19 36 24 31L31 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 42H60M20 48H60M23 80H57M23 87H57' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 Л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M33 5H47V14H33V5ZM29 14H51V23L59 31C64 36 67 43 67 50V84C67 92 62 96 54 96H26C18 96 13 92 13 84V50C13 43 16 36 21 31L29 23V14Z' fill='%23ffcc26' stroke='%23e5aa00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M16 42H64M15 49H65M18 80H62M18 87H62' fill='none' stroke='%23e5aa00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Текст остаётся чёрным */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large:hover .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active .vita-weight-label { color: #111111 !important; } /* ========================================================= ГЛАВНАЯ — НЕМНОГО УВЕЛИЧИВАЕМ КНОПКИ ВЕСА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 98px !important; width: 98px !important; min-width: 98px !important; max-width: 98px !important; height: 106px !important; min-height: 106px !important; max-height: 106px !important; } /* Большой мешок */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 66px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Маленький пакет */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 68px; --vita-icon-height: 84px; --vita-label-top: 56%; } /* Бутылка 0,9 л / 1 л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 58px; --vita-icon-height: 84px; --vita-label-top: 57%; } /* Бутылка 3 л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 64px; --vita-icon-height: 88px; --vita-label-top: 57%; } /* Немного увеличиваем текст веса */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 14px !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { flex-basis: 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag { --vita-icon-width: 58px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack { --vita-icon-width: 61px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small { --vita-icon-width: 52px; --vita-icon-height: 75px; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { --vita-icon-width: 57px; --vita-icon-height: 78px; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { font-size: 13px !important; } } /* ========================================================= ГЛАВНАЯ — ИКОНКИ УПАКОВОК КАК НА СТРАНИЦЕ МАГАЗИН + ВСЕ УПАКОВКИ В 1 РЯД + ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d { --vita-yellow: #ffcc26; --vita-yellow-dark: #f2be00; --vita-black: #111; } /* Ряд упаковок — всегда в 1 строку */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-height: 82px !important; margin: 10px 0 14px !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; } /* Основа кнопки веса */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { position: relative !important; z-index: 30 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--vita-black) !important; box-shadow: none !important; outline: none !important; overflow: visible !important; isolation: isolate !important; cursor: pointer !important; pointer-events: auto !important; transform: none !important; transition: transform .18s ease !important; } /* Убираем старые заливки/псевдоэлементы */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn::after, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]::after { content: none !important; display: none !important; } /* Общий слой SVG-иконки */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"]::before { content: "" !important; position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50% !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* Текст веса внутри иконки */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { position: absolute !important; z-index: 3 !important; left: 50% !important; top: 52% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: var(--vita-black) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } /* ========================================================= ПАКЕТ 1КГ / 1.5КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack .vita-weight-label { top: 52% !important; width: 50px !important; } /* Hover / active пакет */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ========================================================= МЕШОК 20КГ / 25КГ / 30КГ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='none' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag .vita-weight-label { top: 53% !important; width: 52px !important; } /* Hover / active мешок */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23fff' stroke='%23f2be00' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* ========================================================= БУТЫЛКИ МАСЛА ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 84px !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } /* 0.9л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small .vita-weight-label { top: 62% !important; width: 44px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 0.9л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='none' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='none' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23ffcc26' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 46px !important; height: 20px !important; font-size: 13px !important; } /* Hover / active 3л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large:hover::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large.vita-hovered::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large:focus-visible::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23f2be00' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* ========================================================= HOVER / ACTIVE — ТЕКСТ НЕ СТАНОВИТСЯ ОРАНЖЕВЫМ ========================================================= */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:focus, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:focus-visible, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:active, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.is-active, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:hover *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:focus *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:focus-visible *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:active *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.is-active * { color: #111 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:hover, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-hovered { transform: translateY(-1px) !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn:active { transform: scale(.98) !important; } /* Название товара всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .woocommerce-loop-product__title a, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item:hover .woocommerce-loop-product__title, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item:hover .woocommerce-loop-product__title a { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Описание всегда чёрное */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .vita-product-short-description *, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .vita-home-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .vita-home-product-short-description *, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .vita-product-short-description, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .vita-product-short-description * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Цена всегда чёрная */ .elementor-1125 .elementor-element.elementor-element-deba69d .price, .elementor-1125 .elementor-element.elementor-element-deba69d .price *, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .price, .elementor-1125 .elementor-element.elementor-element-deba69d li.product:hover .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .price, .elementor-1125 .elementor-element.elementor-element-deba69d .product:hover .price *, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item:hover .price, .elementor-1125 .elementor-element.elementor-element-deba69d .e-loop-item:hover .price * { color: #111 !important; text-decoration: none !important; opacity: 1 !important; } /* Кнопка Переглянути — текст чёрный */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-view-product-btn, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-view-product-btn *, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-view-product-btn:hover, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-view-product-btn:hover *, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_simple, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_variable, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_simple:hover, .elementor-1125 .elementor-element.elementor-element-deba69d a.product_type_variable:hover { color: #111 !important; } /* ========================================================= МОБИЛЬНАЯ ВЕРСИЯ — ТАКЖЕ В 1 РЯД ========================================================= */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations { flex-wrap: nowrap !important; gap: 4px !important; min-height: 74px !important; margin: 8px 0 12px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large { flex: 0 0 62px !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large::before { width: 54px !important; height: 68px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"] .vita-weight-label { width: 40px !important; height: 18px !important; font-size: 11px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small .vita-weight-label, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large .vita-weight-label { top: 62% !important; width: 38px !important; font-size: 11px !important; } } /* ========================================================= 14. ПЛАНШЕТ И МОБИЛЬНЫЙ — КАРУСЕЛЬ ПО 1 ТОВАРУ Свайп влево / вправо без изменения версии для компьютера ========================================================= */ @media (max-width: 1024px) { /* Внешний контейнер виджета */ .elementor-1125 .elementor-element.elementor-element-deba69d, .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce { width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce { overflow: hidden !important; } /* Лента товаров */ .elementor-1125 .elementor-element.elementor-element-deba69d ul.products { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } .elementor-1125 .elementor-element.elementor-element-deba69d ul.products::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* Каждый товар занимает всю ширину карусели */ .elementor-1125 .elementor-element.elementor-element-deba69d ul.products li.product { scroll-snap-align: start !important; scroll-snap-stop: always !important; float: none !important; clear: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } /* Карточка остаётся по центру */ .elementor-1125 .elementor-element.elementor-element-deba69d ul.products li.product > * { max-width: 100% !important; } } /* ========================================================= 15. ИНДИКАТОР КАРУСЕЛИ ПОД ТОВАРАМИ ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dots { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot { display: block !important; width: 8px !important; height: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #d8d8d8 !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; transition: width .2s ease, background-color .2s ease, transform .2s ease !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot.is-active { width: 24px !important; background: #ffcc26 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot:active { transform: scale(.92) !important; } } @media (min-width: 1025px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dots { display: none !important; } } /* ========================================================= 16. БЕЗОПАСНЫЙ ФИКС — ТОЧКИ ПОД ТОВАРОМ Не меняет структуру и не скрывает товары ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-container { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dots { position: relative !important; display: flex !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; justify-content: center !important; align-items: center !important; transform: none !important; } } /* ========================================================= МОБИЛЬНАЯ И ПЛАНШЕТНАЯ КАРУСЕЛЬ — ФИНАЛЬНЫЙ ФИКС 1 товар в строке + свайп + точки строго снизу ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-deba69d .elementor-widget-container, .elementor-1125 .elementor-element.elementor-element-deba69d .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; } .elementor-1125 .elementor-element.elementor-element-deba69d ul.products[data-vita-mobile-carousel="true"] { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } .elementor-1125 .elementor-element.elementor-element-deba69d ul.products[data-vita-mobile-carousel="true"]::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d ul.products[data-vita-mobile-carousel="true"] > li.product { scroll-snap-align: start !important; scroll-snap-stop: always !important; float: none !important; clear: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dots { position: relative !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; gap: 8px !important; transform: none !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot { display: block !important; width: 8px !important; min-width: 8px !important; height: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #d8d8d8 !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; transition: width .2s ease, background-color .2s ease, transform .2s ease !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot.is-active { width: 24px !important; min-width: 24px !important; background: #ffcc26 !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dot:active { transform: scale(.92) !important; } } @media (min-width: 1025px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-carousel-dots { display: none !important; } } /* ========================================================= ФИКС КНОПОК ВЕСА НА МОБИЛЬНОМ И ПЛАНШЕТЕ Возвращает контейнер вариаций после отрисовки Elementor ========================================================= */ @media (max-width: 1024px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations.vita-variations-ready { position: relative !important; z-index: 30 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-height: 76px !important; margin: 8px 0 12px !important; padding: 0 !important; gap: 4px !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; pointer-events: auto !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations .vita-card-variation-btn, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variations.vita-variations-ready .vita-card-variation-btn { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* * Карточка должна учитывать высоту кнопок веса, * поэтому вертикальное содержимое товара не обрезаем. */ .elementor-1125 .elementor-element.elementor-element-deba69d ul.products[data-vita-mobile-carousel="true"], .elementor-1125 .elementor-element.elementor-element-deba69d ul.products { align-items: start !important; } .elementor-1125 .elementor-element.elementor-element-deba69d ul.products[data-vita-mobile-carousel="true"] > li.product, .elementor-1125 .elementor-element.elementor-element-deba69d ul.products > li.product { height: auto !important; min-height: 0 !important; overflow: visible !important; } } /* ========================================================= ФИНАЛЬНЫЙ ФИКС АКТИВНОЙ УПАКОВКИ Форма и размер не меняются — добавляется только заливка ========================================================= */ /* ПАКЕТ */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 68px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 100'%3E%3Cpath d='M8 8H80V18H8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 18C8 27 17 31 19 41V69C17 79 8 83 8 92H80C80 83 71 79 69 69V41C71 31 80 27 80 18Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M8 82H80V92H8Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* МЕШОК */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 70px !important; height: 76px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 76'%3E%3Cpath d='M21 5h22c4 0 7 3 8 7l8 51c1 5-3 9-8 9H13c-5 0-9-4-8-9l8-51c1-4 4-7 8-7Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Crect x='24' y='11' width='16' height='7' rx='3.5' fill='%23ffffff' stroke='%23ffcc26' stroke-width='2.2'/%3E%3C/svg%3E") !important; } /* БУТЫЛКА 0.9Л / 1Л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 58px !important; height: 78px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 94'%3E%3Cpath d='M28 3H40V12H28Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M25 12H43V21C43 25 46 28 50 32C55 37 58 44 58 52V80C58 86 54 90 48 90H20C14 90 10 86 10 80V52C10 44 13 37 18 32C22 28 25 25 25 21Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 34H50M17 40H51M19 76H49M20 82H48' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* БУТЫЛКА 3Л */ .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 68px !important; height: 84px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 98'%3E%3Cpath d='M32 3H46V12H32Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M28 12H50V21C50 25 54 29 58 33C64 39 67 46 67 55V84C67 90 63 94 57 94H21C15 94 11 90 11 84V55C11 46 14 39 20 33C24 29 28 25 28 21Z' fill='%23ffcc26' stroke='%23ffcc26' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M20 35H58M19 42H59M21 79H57M22 86H56' fill='none' stroke='%23f2be00' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* На мобильном сохраняем те же размеры, что и у неактивных иконок */ @media (max-width: 767px) { .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-pack.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-pack.is-active::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-bag.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-bag.is-active::before { width: 54px !important; height: 64px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-small.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-small.is-active::before { width: 48px !important; height: 66px !important; } .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn.vita-weight-oil-large.is-active::before, .elementor-1125 .elementor-element.elementor-element-deba69d .vita-card-variation-btn[data-vita-home-weight="true"].vita-weight-oil-large.is-active::before { width: 54px !important; height: 68px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-6e81f20 */.elementor-1125 .elementor-element.elementor-element-6e81f20 { display: flex; justify-content: center; align-items: center; width: 100%; } .elementor-1125 .elementor-element.elementor-element-6e81f20 .elementor-widget-container { display: flex; justify-content: center; align-items: center; width: 100%; } .elementor-1125 .elementor-element.elementor-element-6e81f20 img { display: block; margin: 0 auto !important; object-position: center; }/* End custom CSS */