.elementor-8 .elementor-element.elementor-element-296ec09{--display:flex;--min-height:781px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-296ec09:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-296ec09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/efbd9682-a450-4f83-a18d-c9aad24454be.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-2dec924{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-aac24d0{--spacer-size:500px;}.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-8 .elementor-element.elementor-element-bf13bda .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #5D493E 0%, #f2295b 100%);}.elementor-8 .elementor-element.elementor-element-bf13bda .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-bf13bda .elementor-button:focus{background-color:transparent;background-image:linear-gradient(273deg, #565027 0%, #84793D 100%);border-color:#594B4B;}.elementor-8 .elementor-element.elementor-element-bf13bda{margin:36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-70600d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-70600d9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-70600d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 35%, #70001C 100%);}.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-8 .elementor-element.elementor-element-b5fdc00{text-align:center;}.elementor-8 .elementor-element.elementor-element-b5fdc00 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:600;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FFEC00;stroke:#FFEC00;text-shadow:63px -100px 22px rgba(0,0,0,0.3);mix-blend-mode:lighten;color:#E8C66A;}.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-8 .elementor-element.elementor-element-9b4ec47{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFE3E3;}.elementor-8 .elementor-element.elementor-element-9b4ec47 p{margin-block-end:29px;}.elementor-8 .elementor-element.elementor-element-zvcta01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-zvcta01:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-zvcta01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #181818 0%, #080808 100%);}.elementor-8 .elementor-element.elementor-element-zvctahd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-zvctahd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-zvctatx{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#cfcfcf;}.elementor-8 .elementor-element.elementor-element-zvctabt .elementor-button{background-color:#d4a649;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:800;letter-spacing:1.3px;fill:#111111;color:#111111;border-radius:4px 4px 4px 4px;padding:16px 30px 16px 30px;}.elementor-8 .elementor-element.elementor-element-587b7d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-587b7d7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-587b7d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #181818 0%, #080808 100%);}.elementor-8 .elementor-element.elementor-element-1b286c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-1b286c2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-7fe3592{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#cfcfcf;}.elementor-8 .elementor-element.elementor-element-4cc59b3 .elementor-button{background-color:#d4a649;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:800;letter-spacing:1.3px;fill:#111111;color:#111111;border-radius:4px 4px 4px 4px;padding:16px 30px 16px 30px;}.elementor-8 .elementor-element.elementor-element-fd8c26f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-fd8c26f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fd8c26f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #181818 0%, #080808 100%);}.elementor-8 .elementor-element.elementor-element-d4a4a06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-d4a4a06 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-2bd9e12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#cfcfcf;}.elementor-8 .elementor-element.elementor-element-bf994bc .elementor-button{background-color:#d4a649;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:800;letter-spacing:1.3px;fill:#111111;color:#111111;border-radius:4px 4px 4px 4px;padding:16px 30px 16px 30px;}.elementor-8 .elementor-element.elementor-element-5821d70{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-5821d70:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5821d70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/exec-be9a1c2d-f040-4b43-ac8b-afa0b3959554.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-5f60e8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-5f60e8a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-7f0dbd3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#cfcfcf;}.elementor-8 .elementor-element.elementor-element-cffde03 .elementor-button{background-color:#d4a649;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:800;letter-spacing:1.3px;fill:#111111;color:#111111;border-radius:4px 4px 4px 4px;padding:16px 30px 16px 30px;}.elementor-8 .elementor-element.elementor-element-cd03155{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-d4b78a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-d4b78a4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d4b78a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1E1E;background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/b7fcd11c-f225-42b1-96c5-580e6c690ef6.png");}.elementor-8 .elementor-element.elementor-element-d7886d3{--display:flex;--min-height:752px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:010px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-d7886d3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d7886d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/c3f393bc-0136-4ee8-8cdb-6d86a5cf5864.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-3a35444{--spacer-size:600px;}.elementor-8 .elementor-element.elementor-element-8e4f752{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -60px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-8e4f752 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:600;color:#FFF9DF;}.elementor-8 .elementor-element.elementor-element-90385ff .elementor-button{background-color:#7E2C2C;}.elementor-8 .elementor-element.elementor-element-90385ff{margin:57px 0px calc(var(--kit-widget-spacing, 0px) + 1px) 0px;}.elementor-8 .elementor-element.elementor-element-b0036f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-9px;}.elementor-8 .elementor-element.elementor-element-b0036f3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b0036f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/4ab2ed47-6cb6-40e3-82ec-c648b50ec165.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-317d478{--spacer-size:600px;}.elementor-8 .elementor-element.elementor-element-2b9f4be{text-align:center;}.elementor-8 .elementor-element.elementor-element-2b9f4be .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:600;color:#FFF9DF;}.elementor-8 .elementor-element.elementor-element-33e135a .elementor-button{background-color:#7E2C2C;}.elementor-8 .elementor-element.elementor-element-33e135a{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-ef2fac1{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:22px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-ef2fac1:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ef2fac1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-ce086aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ce086aa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#E8C66A;}.elementor-8 .elementor-element.elementor-element-35bd004{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-35bd004:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-35bd004 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/f882351c-ba8c-4024-8bd4-7934f2e19872.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-dda3774{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-dda3774:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-dda3774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/703cab06-4f23-4d24-ab33-9614c1e1eda0.png");background-position:bottom center;background-repeat:repeat;background-size:contain;}.elementor-8 .elementor-element.elementor-element-e30d522 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8 .elementor-element.elementor-element-7c4d122{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-7c4d122:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7c4d122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-b4f5a3d{text-align:center;}.elementor-8 .elementor-element.elementor-element-b4f5a3d .elementor-heading-title{color:#E8C66A;}.elementor-8 .elementor-element.elementor-element-9de3076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-9629bad{--display:flex;--min-height:551px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-9629bad:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9629bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/5b112754-feab-42d3-8fa6-751c390d3580.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-1b07c6e{--spacer-size:423px;}.elementor-8 .elementor-element.elementor-element-640484e .elementor-button{background-color:#85782C;}.elementor-8 .elementor-element.elementor-element-640484e{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-2434a10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-296ec09{--min-height:126px;}.elementor-8 .elementor-element.elementor-element-aac24d0{--spacer-size:267px;}.elementor-8 .elementor-element.elementor-element-bf13bda{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-8 .elementor-element.elementor-element-9629bad{--min-height:864px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-1b07c6e{--spacer-size:172px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-296ec09:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-296ec09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/deb129e0-e9eb-4a96-a084-0cece229fffd.png");}.elementor-8 .elementor-element.elementor-element-296ec09{--min-height:603px;}.elementor-8 .elementor-element.elementor-element-2dec924{--spacer-size:167px;}.elementor-8 .elementor-element.elementor-element-aac24d0{--spacer-size:121px;}.elementor-8 .elementor-element.elementor-element-bf13bda{margin:71px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-8 .elementor-element.elementor-element-b5fdc00 .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-9b4ec47{margin:-58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:7px;}.elementor-8 .elementor-element.elementor-element-9b4ec47 p{margin-block-end:0px;}.elementor-8 .elementor-element.elementor-element-zvctahd .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-1b286c2 .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-d4a4a06 .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-5f60e8a .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-8e4f752 .elementor-heading-title{font-size:26px;}.elementor-8 .elementor-element.elementor-element-2b9f4be .elementor-heading-title{font-size:26px;}.elementor-8 .elementor-element.elementor-element-ef2fac1{--margin-top:-11px;--margin-bottom:-11px;--margin-left:-11px;--margin-right:-11px;}.elementor-8 .elementor-element.elementor-element-ce086aa{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-ce086aa .elementor-heading-title{font-size:28px;}.elementor-8 .elementor-element.elementor-element-35bd004{--margin-top:0px;--margin-bottom:-2px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-ae9c964{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-9629bad:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9629bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavelo.shop/wp-content/uploads/2026/08/d9e8b2c2-db79-4982-b63a-eb2248877b11.png");}.elementor-8 .elementor-element.elementor-element-9629bad{--min-height:961px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-d7886d3{--width:50%;}.elementor-8 .elementor-element.elementor-element-b0036f3{--width:50%;}.elementor-8 .elementor-element.elementor-element-ef2fac1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8 .elementor-element.elementor-element-9629bad{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-d7886d3 */.elementor-8 .elementor-element.elementor-element-d7886d3{ position:relative; isolation:isolate; overflow:hidden; border-radius:28px; border:1px solid rgba(255,193,75,.38); background-position:center !important; background-size:cover !important; transform-origin:right center; transition: transform .65s cubic-bezier(.2,.8,.2,1), filter .65s ease, box-shadow .65s ease; box-shadow: 0 20px 50px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,210,110,.12); animation: menEntry 1s cubic-bezier(.2,.8,.2,1), menAura 4.5s ease-in-out 1.1s infinite; } /* Gold smoke */ .elementor-8 .elementor-element.elementor-element-d7886d3::before{ content:""; position:absolute; left:-30%; right:-30%; bottom:-40%; height:90%; z-index:1; pointer-events:none; opacity:.55; filter:blur(25px); mix-blend-mode:screen; background: radial-gradient(ellipse at 15% 90%, rgba(255,225,150,.28), rgba(191,115,30,.20) 25%, transparent 58%), radial-gradient(ellipse at 55% 100%, rgba(255,255,255,.15), transparent 55%), radial-gradient(ellipse at 90% 85%, rgba(210,135,35,.25), transparent 52%); animation:menSmoke 6.5s ease-in-out infinite alternate; } /* Moving golden shine */ .elementor-8 .elementor-element.elementor-element-d7886d3::after{ content:""; position:absolute; inset:-30%; z-index:2; pointer-events:none; opacity:.75; background:linear-gradient( 110deg, transparent 38%, rgba(255,205,100,.05) 44%, rgba(255,225,150,.48) 50%, rgba(255,255,255,.15) 53%, transparent 61% ); transform:translateX(-140%) skewX(-12deg); mix-blend-mode:screen; animation:menShine 5.2s ease-in-out infinite; } .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-widget-heading, .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-widget-button{ position:relative; z-index:5; } .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-widget-image img{ transition:transform .9s cubic-bezier(.2,.8,.2,1); } .elementor-8 .elementor-element.elementor-element-d7886d3:hover{ transform: perspective(1100px) translateY(-14px) rotateY(2deg) scale(1.02); filter:saturate(1.14) contrast(1.07); box-shadow: 0 35px 80px rgba(0,0,0,.78), -12px 0 38px rgba(233,169,55,.38), 0 0 30px rgba(255,196,80,.22), inset 0 0 0 1px rgba(255,220,140,.75); } .elementor-8 .elementor-element.elementor-element-d7886d3:hover::before{ opacity:.95; animation-duration:3.2s; } .elementor-8 .elementor-element.elementor-element-d7886d3:hover .elementor-widget-image img{ transform:scale(1.055); } .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-heading-title{ transition:letter-spacing .4s ease, text-shadow .4s ease; } .elementor-8 .elementor-element.elementor-element-d7886d3:hover .elementor-heading-title{ letter-spacing:1px; text-shadow:0 0 22px rgba(255,205,95,.55); } .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-button{ border:1px solid rgba(255,205,105,.80); background:rgba(8,8,8,.72); backdrop-filter:blur(7px); box-shadow:0 8px 25px rgba(0,0,0,.45); transition:all .4s ease; } .elementor-8 .elementor-element.elementor-element-d7886d3 .elementor-button:hover{ transform:translateY(-4px); background:#e9b641 !important; color:#111 !important; box-shadow:0 0 28px rgba(233,182,65,.60); } @keyframes menEntry{ 0%{ opacity:0; transform:translateX(-70px) scale(.94); filter:blur(8px); } 100%{ opacity:1; transform:translateX(0) scale(1); filter:blur(0); } } @keyframes menAura{ 0%,100%{ box-shadow:0 20px 50px rgba(0,0,0,.65); } 50%{ box-shadow: 0 25px 65px rgba(0,0,0,.72), -8px 0 25px rgba(221,151,43,.24); } } @keyframes menSmoke{ 0%{transform:translate(-8%,20%) scale(.88);} 50%{transform:translate(5%,-3%) scale(1.08);} 100%{transform:translate(-2%,-22%) scale(1.2);} } @keyframes menShine{ 0%,58%{transform:translateX(-140%) skewX(-12deg);} 82%,100%{transform:translateX(140%) skewX(-12deg);} } @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-d7886d3{border-radius:20px;} .elementor-8 .elementor-element.elementor-element-d7886d3:hover{ transform:translateY(-6px) scale(1.01); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0036f3 */.elementor-8 .elementor-element.elementor-element-b0036f3{ position:relative; isolation:isolate; overflow:hidden; border-radius:28px; border:1px solid rgba(160,51,67,.48); background-position:center !important; background-size:cover !important; transform-origin:left center; transition: transform .65s cubic-bezier(.2,.8,.2,1), filter .65s ease, box-shadow .65s ease; box-shadow: 0 20px 50px rgba(0,0,0,.65), inset 0 0 0 1px rgba(225,155,90,.12); animation: womenEntry 1s cubic-bezier(.2,.8,.2,1), womenAura 4.5s ease-in-out 1.1s infinite; } /* Burgundy and gold smoke */ .elementor-8 .elementor-element.elementor-element-b0036f3::before{ content:""; position:absolute; left:-30%; right:-30%; bottom:-40%; height:90%; z-index:1; pointer-events:none; opacity:.58; filter:blur(25px); mix-blend-mode:screen; background: radial-gradient(ellipse at 15% 90%, rgba(144,30,48,.36), transparent 58%), radial-gradient(ellipse at 58% 100%, rgba(255,255,255,.13), transparent 55%), radial-gradient(ellipse at 88% 85%, rgba(255,190,75,.28), rgba(120,35,38,.18) 28%, transparent 58%); animation:womenSmoke 6.5s ease-in-out infinite alternate; } /* Reverse golden shine */ .elementor-8 .elementor-element.elementor-element-b0036f3::after{ content:""; position:absolute; inset:-30%; z-index:2; pointer-events:none; opacity:.75; background:linear-gradient( 70deg, transparent 38%, rgba(255,200,95,.05) 44%, rgba(255,220,135,.46) 50%, rgba(255,255,255,.14) 53%, transparent 61% ); transform:translateX(140%) skewX(12deg); mix-blend-mode:screen; animation:womenShine 5.2s ease-in-out infinite; } .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-widget-heading, .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-widget-button{ position:relative; z-index:5; } .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-widget-image img{ transition:transform .9s cubic-bezier(.2,.8,.2,1); } .elementor-8 .elementor-element.elementor-element-b0036f3:hover{ transform: perspective(1100px) translateY(-14px) rotateY(-2deg) scale(1.02); filter:saturate(1.16) contrast(1.07); box-shadow: 0 35px 80px rgba(0,0,0,.78), 12px 0 38px rgba(139,38,55,.50), 0 0 30px rgba(229,169,73,.20), inset 0 0 0 1px rgba(236,182,108,.65); } .elementor-8 .elementor-element.elementor-element-b0036f3:hover::before{ opacity:.98; animation-duration:3.2s; } .elementor-8 .elementor-element.elementor-element-b0036f3:hover .elementor-widget-image img{ transform:scale(1.055); } .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-heading-title{ transition:letter-spacing .4s ease, text-shadow .4s ease; } .elementor-8 .elementor-element.elementor-element-b0036f3:hover .elementor-heading-title{ letter-spacing:1px; text-shadow:0 0 22px rgba(169,49,67,.65); } .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-button{ border:1px solid rgba(218,160,80,.80); background:rgba(48,8,16,.76); backdrop-filter:blur(7px); box-shadow:0 8px 25px rgba(0,0,0,.45); transition:all .4s ease; } .elementor-8 .elementor-element.elementor-element-b0036f3 .elementor-button:hover{ transform:translateY(-4px); background:#762536 !important; color:#fff !important; box-shadow: 0 0 28px rgba(133,39,57,.72), 0 0 12px rgba(225,169,77,.35); } @keyframes womenEntry{ 0%{ opacity:0; transform:translateX(70px) scale(.94); filter:blur(8px); } 100%{ opacity:1; transform:translateX(0) scale(1); filter:blur(0); } } @keyframes womenAura{ 0%,100%{ box-shadow:0 20px 50px rgba(0,0,0,.65); } 50%{ box-shadow: 0 25px 65px rgba(0,0,0,.72), 8px 0 25px rgba(140,35,53,.35); } } @keyframes womenSmoke{ 0%{transform:translate(8%,20%) scale(.88);} 50%{transform:translate(-5%,-3%) scale(1.08);} 100%{transform:translate(2%,-22%) scale(1.2);} } @keyframes womenShine{ 0%,58%{transform:translateX(140%) skewX(12deg);} 82%,100%{transform:translateX(-140%) skewX(12deg);} } @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-b0036f3{border-radius:20px;} .elementor-8 .elementor-element.elementor-element-b0036f3:hover{ transform:translateY(-6px) scale(1.01); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b78a4 *//* ================================ ZAVELO COLLECTIONS - CINEMATIC FX ================================ */ .collection-card { position: relative; overflow: hidden; isolation: isolate; border-radius: 18px; transform: translateZ(0); transition: transform 0.6s cubic-bezier(.2,.8,.2,1), box-shadow 0.6s ease; } /* Dark cinematic overlay */ .collection-card::before { content: ""; position: absolute; inset: -40%; z-index: 2; pointer-events: none; background: radial-gradient( circle at 50% 110%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 18%, transparent 48% ); opacity: 0.55; filter: blur(25px); animation: zaveloGlow 6s ease-in-out infinite; } /* Moving smoke */ .collection-card::after { content: ""; position: absolute; width: 180%; height: 180%; left: -40%; bottom: -110%; z-index: 3; pointer-events: none; background: radial-gradient( ellipse at 30% 60%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.07) 22%, transparent 50% ), radial-gradient( ellipse at 70% 40%, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.05) 20%, transparent 48% ); filter: blur(18px); opacity: 0.65; animation: zaveloSmoke 8s ease-in-out infinite; } /* Image */ .collection-card img { width: 100%; transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter 0.8s ease; } /* Hover */ .collection-card:hover { transform: translateY(-10px) scale(1.015); box-shadow: 0 25px 70px rgba(0,0,0,0.45), 0 0 35px rgba(255,255,255,0.12); } .collection-card:hover img { transform: scale(1.08); filter: brightness(1.08) contrast(1.08); } /* Light sweep */ .collection-card .elementor-widget-container::after { content: ""; position: absolute; top: -20%; left: -120%; width: 55%; height: 140%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.18), rgba(255,255,255,0.05), transparent ); transform: skewX(-20deg); pointer-events: none; z-index: 5; animation: zaveloSweep 5s ease-in-out infinite; } /* Smoke movement */ @keyframes zaveloSmoke { 0% { transform: translate3d(-8%, 25%, 0) rotate(-4deg) scale(1); opacity: 0.25; } 35% { transform: translate3d(8%, -5%, 0) rotate(3deg) scale(1.08); opacity: 0.6; } 65% { transform: translate3d(-5%, -25%, 0) rotate(-2deg) scale(1.15); opacity: 0.45; } 100% { transform: translate3d(10%, 20%, 0) rotate(4deg) scale(1); opacity: 0.25; } } /* Glow breathing */ @keyframes zaveloGlow { 0%, 100% { transform: scale(0.9); opacity: 0.3; } 50% { transform: scale(1.15); opacity: 0.7; } } /* Light sweep */ @keyframes zaveloSweep { 0%, 55% { left: -120%; opacity: 0; } 65% { opacity: 1; } 85%, 100% { left: 160%; opacity: 0; } } /* Smooth mobile behavior */ @media (max-width: 767px) { .collection-card { border-radius: 14px; } .collection-card:hover { transform: translateY(-5px) scale(1.01); } .collection-card:hover img { transform: scale(1.04); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef2fac1 */.elementor-8 .elementor-element.elementor-element-ef2fac1{ width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 55px 20px 50px !important; text-align: center; background: radial-gradient( circle at 50% 0%, rgba(205,155,55,.16), transparent 45% ), linear-gradient( 135deg, #050505, #0b0b0b, #050505 ) !important; border-bottom: 1px solid rgba(202,156,62,.28); box-sizing: border-box; overflow: hidden; } /* MAIN TITLE */ .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-heading:first-child .elementor-heading-title{ margin: 0 !important; font-size: clamp(38px, 3vw, 54px) !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: .5px; color: #E9C568 !important; text-shadow: 0 2px 12px rgba(0,0,0,.8), 0 0 20px rgba(213,164,61,.18); } /* GOLD DECORATION */ .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-heading:first-child::after{ content: "◆"; display: block; width: 170px; margin: 14px auto 12px; color: #D2A03A; font-size: 8px; background: linear-gradient( 90deg, transparent, #B7832A ) left center / 72px 1px no-repeat, linear-gradient( 90deg, #B7832A, transparent ) right center / 72px 1px no-repeat; } /* SECOND HEADING */ .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-heading:nth-child(2) .elementor-heading-title{ margin: 0 !important; color: #D5B15A !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 3.5px !important; text-transform: uppercase; text-shadow: none !important; } /* DESCRIPTION */ .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-text-editor{ margin-top: 10px !important; } .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-text-editor p{ margin: 0 auto !important; max-width: 720px; color: #BDBDBD !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 400 !important; letter-spacing: .25px; text-align: center; } /* SUBTLE BOTTOM GOLD GLOW */ .elementor-8 .elementor-element.elementor-element-ef2fac1::after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(225,180,80,.70), transparent ); box-shadow: 0 0 15px rgba(220,170,65,.20); } /* MOBILE */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-ef2fac1{ padding: 35px 15px 38px !important; } .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-heading:first-child .elementor-heading-title{ font-size: 32px !important; } .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 11px !important; letter-spacing: 2px !important; } .elementor-8 .elementor-element.elementor-element-ef2fac1 .elementor-widget-text-editor p{ font-size: 12px !important; } }/* ZAVELO - GOLD BORDER ONLY Text remains fully editable from Elementor */ .elementor-8 .elementor-element.elementor-element-ef2fac1{ position: relative !important; /* Full Golden Border */ border: 2px solid #C99A3D !important; border-radius: 18px !important; /* Premium subtle glow */ box-shadow: 0 0 0 1px rgba(255, 215, 120, 0.10), 0 0 14px rgba(201, 154, 61, 0.18), inset 0 0 15px rgba(201, 154, 61, 0.025) !important; /* Keep existing background */ overflow: hidden !important; transition: border-color .35s ease, box-shadow .35s ease !important; } /* Slightly brighter border on hover */ .elementor-8 .elementor-element.elementor-element-ef2fac1:hover{ border-color: #E8C66A !important; box-shadow: 0 0 0 1px rgba(255, 220, 130, 0.16), 0 0 22px rgba(232, 198, 106, 0.25), inset 0 0 18px rgba(232, 198, 106, 0.035) !important; } /* Subtle moving gold highlight around section */ .elementor-8 .elementor-element.elementor-element-ef2fac1::after{ content: ""; position: absolute; left: 12%; bottom: -1px; width: 22%; height: 2px; background: linear-gradient( 90deg, transparent, #F3D477, transparent ); box-shadow: 0 0 10px rgba(243, 212, 119, .55); animation: zaveloBorderMove 5s ease-in-out infinite alternate; pointer-events: none; } /* IMPORTANT: No heading/text CSS here. Typography stays editable in Elementor. */ @keyframes zaveloBorderMove{ from{ left: 8%; opacity: .45; } to{ left: 70%; opacity: 1; } } /* Mobile */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-ef2fac1{ border-width: 1px !important; border-radius: 12px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae9c964 *//* ========================================================= ZAVELO — CLEAN SIGNATURE COLLECTION CSS Paste inside MAIN Container > Advanced > Custom CSS ========================================================= */ .elementor-8 .elementor-element.elementor-element-ae9c964 { position: relative; overflow: hidden; padding: 70px 4% 80px !important; background: radial-gradient( circle at 50% 0%, rgba(186,133,37,.20) 0%, rgba(10,10,10,.15) 30%, transparent 55% ), rgba(5,5,5,.80) !important; border-radius: 0 !important; } /* ============================== MAIN HEADING ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 .elementor-heading-title { text-align: center !important; font-size: clamp(32px, 4vw, 58px) !important; font-weight: 600 !important; letter-spacing: 2px !important; background: linear-gradient( 90deg, #8d641c 0%, #f4d77d 25%, #ffffff 50%, #f4d77d 75%, #8d641c 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: zaveloGoldText 5s linear infinite, zaveloHeadingIn 1s ease both; } .elementor-8 .elementor-element.elementor-element-ae9c964 .elementor-heading-title::after { content: ""; display: block; width: 120px; height: 2px; margin: 18px auto 30px; background: linear-gradient( 90deg, transparent, #d1a348, #ffe49a, #d1a348, transparent ); box-shadow: 0 0 12px rgba(218,168,68,.45); animation: zaveloLine 3s ease-in-out infinite; } /* ============================== PRODUCT GRID ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 24px !important; width: 100% !important; max-width: 1650px !important; margin: 0 auto !important; } /* ============================== PRODUCT CARDS ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; width: 100% !important; margin: 0 !important; padding: 16px 16px 24px !important; float: none !important; overflow: hidden !important; box-sizing: border-box !important; background: linear-gradient( 145deg, #151515, #080808 ) !important; border: 1px solid rgba(205,157,56,.50) !important; border-radius: 18px !important; box-shadow: 0 18px 40px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.04); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease; animation: zaveloCardReveal .8s ease both; } /* Product content equal height */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; width: 100% !important; } /* Stagger animation */ .elementor-8 .elementor-element.elementor-element-ae9c964 li.product:nth-child(1) { animation-delay: .08s; } .elementor-8 .elementor-element.elementor-element-ae9c964 li.product:nth-child(2) { animation-delay: .16s; } .elementor-8 .elementor-element.elementor-element-ae9c964 li.product:nth-child(3) { animation-delay: .24s; } .elementor-8 .elementor-element.elementor-element-ae9c964 li.product:nth-child(4) { animation-delay: .32s; } /* ============================== CARD GOLD TOP LIGHT ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product::before { content: ""; position: absolute; top: 0; left: 50%; z-index: 6; width: 0; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, #d29d35, #fff0a2, #d29d35, transparent ); box-shadow: 0 0 18px rgba(218,166,63,.70); transition: width .5s ease; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product:hover::before { width: 85%; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product:hover { transform: translateY(-10px) scale(1.012); border-color: rgba(238,193,93,.95) !important; box-shadow: 0 30px 60px rgba(0,0,0,.65), 0 0 28px rgba(190,139,38,.20); } /* ============================== PRODUCT IMAGES ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product img { display: block !important; width: 100% !important; height: 350px !important; object-fit: contain !important; object-position: center !important; margin: 0 auto 20px !important; padding: 10px !important; background: #ffffff !important; border: 1px solid rgba(210,163,64,.50) !important; border-radius: 14px !important; box-sizing: border-box !important; transform-origin: center center; animation: zaveloImageMovement 5s ease-in-out infinite; transition: filter .4s ease, box-shadow .4s ease; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product:hover img { filter: brightness(1.05) contrast(1.04); box-shadow: 0 0 28px rgba(204,153,51,.22); } /* ============================== PRODUCT CATEGORY ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 .ast-woo-product-category, .elementor-8 .elementor-element.elementor-element-ae9c964 .product-category { display: block !important; min-height: 22px !important; margin: 0 8px 5px !important; color: #a7a7a7 !important; font-size: 14px !important; line-height: 1.3 !important; } /* ============================== PRODUCT TITLE ALIGNMENT ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-loop-product__title { display: -webkit-box !important; height: 74px !important; min-height: 74px !important; margin: 7px 8px 5px !important; padding: 5px 0 !important; overflow: hidden !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #ffffff !important; text-align: center !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; transition: color .3s ease, transform .3s ease; } .elementor-8 .elementor-element.elementor-element-ae9c964 li.product:hover .woocommerce-loop-product__title { color: #e5bd65 !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-loop-product__title::after { content: "◆"; display: block; color: #c8942c; font-size: 9px; line-height: 1; margin: 11px auto 0; } /* ============================== PRICE ALIGNMENT ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .price { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; margin: auto 0 17px !important; color: #e2ad41 !important; text-align: center !important; font-size: 21px !important; line-height: 1.2 !important; font-weight: 600 !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-Price-amount, .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-Price-currencySymbol { color: #e2ad41 !important; } /* ============================== ALL PRODUCT BUTTONS ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 15px 18px !important; overflow: hidden !important; box-sizing: border-box !important; color: #ffffff !important; background: linear-gradient( 135deg, #050505, #151515, #050505 ) !important; border: 1px solid #bd8a29 !important; border-radius: 9px !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 600 !important; text-align: center !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 7px 18px rgba(0,0,0,.35); transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background .35s ease; } /* Button shine */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -130%; z-index: 1; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,220,130,.70), transparent ); transform: skewX(-20deg); transition: left .7s ease; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .button:hover::before { left: 150%; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .button:hover { color: #090909 !important; background: linear-gradient( 135deg, #99671c, #ebca69, #99671c ) !important; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(190,140,35,.35), 0 0 15px rgba(220,174,65,.18); } /* ========================================== VARIABLE PRODUCTS — BUY NOW FINAL FIX Original Select Options fully hidden ========================================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; text-indent: -9999px !important; text-shadow: none !important; } /* Hide any theme-generated inner text */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable > span, .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable > strong { display: none !important; } /* Display only Buy Now */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable::after { content: "Buy Now" !important; position: absolute !important; inset: 0 !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; color: #ffffff !important; text-indent: 0 !important; text-shadow: none !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 600 !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable:hover::after { color: #090909 !important; } /* ============================== CARD LIGHT SWEEP ============================== */ .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product::after { content: ""; position: absolute; top: -60%; left: -100%; width: 32%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255,210,100,.09), transparent ); transform: rotate(18deg); transition: left .85s ease; pointer-events: none; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product:hover::after { left: 150%; } /* ============================== ANIMATIONS ============================== */ @keyframes zaveloCardReveal { from { opacity: 0; transform: translateY(35px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes zaveloHeadingIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes zaveloGoldText { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } @keyframes zaveloLine { 0%, 100% { width: 90px; opacity: .65; } 50% { width: 160px; opacity: 1; } } /* Slow premium image movement */ @keyframes zaveloImageMovement { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-7px) scale(1.025); } } /* ============================== TABLET ============================== */ @media (max-width: 1024px) { .elementor-8 .elementor-element.elementor-element-ae9c964 { padding: 55px 3% 65px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product img { height: 330px !important; } } /* ============================== MOBILE ============================== */ @media (max-width: 767px) { .elementor-8 .elementor-element.elementor-element-ae9c964 { padding: 40px 12px 50px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product { padding: 8px 8px 14px !important; border-radius: 12px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product img { height: 190px !important; padding: 5px !important; margin-bottom: 10px !important; border-radius: 9px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 .ast-woo-product-category, .elementor-8 .elementor-element.elementor-element-ae9c964 .product-category { min-height: 18px !important; font-size: 11px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-loop-product__title { height: 58px !important; min-height: 58px !important; margin: 4px 3px !important; padding: 2px 0 !important; font-size: 13px !important; line-height: 1.35 !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 .woocommerce-loop-product__title::after { margin-top: 7px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .price { min-height: 28px !important; margin-bottom: 10px !important; font-size: 16px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product .button { min-height: 46px !important; padding: 11px 4px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product a.button.product_type_variable::after { font-size: 12px !important; } .elementor-8 .elementor-element.elementor-element-ae9c964 ul.products li.product:hover { transform: translateY(-4px) scale(1.01); } } /* ============================== ACCESSIBILITY ============================== */ @media (prefers-reduced-motion: reduce) { .elementor-8 .elementor-element.elementor-element-ae9c964 *, .elementor-8 .elementor-element.elementor-element-ae9c964 *::before, .elementor-8 .elementor-element.elementor-element-ae9c964 *::after { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35bd004 *//* =================================================== ZAVELO SIGNATURE COLLECTION — FULL WIDTH LUXURY GRID =================================================== */ .elementor-8 .elementor-element.elementor-element-35bd004{ width: 100% !important; max-width: 100% !important; padding: 55px 3% 70px !important; margin: 0 !important; background: radial-gradient(circle at center top, rgba(190,145,55,.07), transparent 35%), #fff; } /* FULL WIDTH PRODUCTS GRID */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products{ width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 28px !important; } /* PRODUCT CARD */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product{ width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 20px 20px 24px !important; background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 18px; box-shadow: 0 8px 28px rgba(0,0,0,.07); transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease; } /* CARD HOVER */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product:hover{ transform: translateY(-10px); border-color: rgba(183,137,45,.45); box-shadow: 0 20px 45px rgba(0,0,0,.13), 0 0 25px rgba(190,145,55,.08); } /* IMAGE */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product img{ width: 100% !important; height: 390px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto 20px !important; transition: transform .55s ease, filter .4s ease; } /* IMAGE HOVER */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product:hover img{ transform: scale(1.07); filter: brightness(1.03); } /* TITLE */ .elementor-8 .elementor-element.elementor-element-35bd004 .woocommerce-loop-product__title{ font-size: 19px !important; line-height: 1.35 !important; font-weight: 700 !important; min-height: 52px; margin-top: 8px !important; } /* PRICE */ .elementor-8 .elementor-element.elementor-element-35bd004 .price{ font-size: 19px !important; font-weight: 800 !important; margin: 10px 0 18px !important; color: #ad7a20 !important; } /* BUTTON */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product .button{ width: 100% !important; padding: 15px 18px !important; font-size: 16px !important; font-weight: 700 !important; text-align: center; color: #fff !important; background: linear-gradient( 135deg, #060606, #1a1a1a, #060606 ) !important; border: 1px solid #b68a35 !important; border-radius: 8px !important; transition: all .35s ease; box-shadow: 0 7px 20px rgba(0,0,0,.14); } /* BUTTON HOVER */ .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product .button:hover{ color: #111 !important; background: linear-gradient( 135deg, #9e7023, #e5c56a, #9e7023 ) !important; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(184,138,53,.28); } /* TABLET */ @media(max-width:1024px){ .elementor-8 .elementor-element.elementor-element-35bd004{ padding: 40px 3% 55px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products{ grid-template-columns: repeat(2,1fr) !important; gap: 22px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product img{ height: 340px !important; } } /* MOBILE */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-35bd004{ padding: 30px 12px 45px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products{ grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product{ padding: 10px 10px 15px !important; border-radius: 12px; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product img{ height: 200px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 .woocommerce-loop-product__title{ font-size: 14px !important; min-height: auto; } .elementor-8 .elementor-element.elementor-element-35bd004 .price{ font-size: 15px !important; } .elementor-8 .elementor-element.elementor-element-35bd004 ul.products li.product .button{ font-size: 13px !important; padding: 12px 5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dda3774 *//* ========================================= HIDE ALL VIDEO CONTROLS / PLAY BUTTONS ========================================= */ /* Elementor overlay play buttons */ .elementor-8 .elementor-element.elementor-element-dda3774 .elementor-custom-embed-play, .elementor-8 .elementor-element.elementor-element-dda3774 .elementor-custom-embed-play *, .elementor-8 .elementor-element.elementor-element-dda3774 .eicon-play, .elementor-8 .elementor-element.elementor-element-dda3774 .eicon-play-o, .elementor-8 .elementor-element.elementor-element-dda3774 .elementor-video-play-button, .elementor-8 .elementor-element.elementor-element-dda3774 .play-button, .elementor-8 .elementor-element.elementor-element-dda3774 .video-play-button { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Chrome / Edge HTML5 video controls */ .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-enclosure { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-panel { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-overlay-play-button { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-start-playback-button { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-play-button { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-timeline { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-current-time-display { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-time-remaining-display { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-mute-button { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-volume-slider { display: none !important; } .elementor-8 .elementor-element.elementor-element-dda3774 video::-webkit-media-controls-fullscreen-button { display: none !important; } /* Prevent controls from appearing on hover */ .elementor-8 .elementor-element.elementor-element-dda3774 video { pointer-events: none !important; } /* Remove Elementor video overlays */ .elementor-8 .elementor-element.elementor-element-dda3774 .elementor-wrapper::before, .elementor-8 .elementor-element.elementor-element-dda3774 .elementor-wrapper::after { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c4d122 *//* ========================================================= ZAVELO — FEATURED PRODUCT LUXURY BLACK & GOLD Paste in Featured Product MAIN Container > Custom CSS ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122{ position: relative; width: 100% !important; max-width: 100% !important; padding: 55px 4% 65px !important; background: radial-gradient( circle at 50% 0%, rgba(201,151,50,.14), transparent 42% ), linear-gradient( 135deg, #050505 0%, #11100d 50%, #050505 100% ) !important; overflow: hidden; } /* ========================================================= MAIN PRODUCT AREA ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .product{ position: relative; max-width: 1650px; margin: 0 auto !important; padding: 35px !important; background: linear-gradient( 145deg, rgba(18,18,18,.96), rgba(7,7,7,.98) ) !important; border: 1px solid rgba(205,158,62,.55) !important; border-radius: 22px !important; box-shadow: 0 24px 55px rgba(0,0,0,.55), 0 0 25px rgba(201,151,50,.10); overflow: hidden; transition: border-color .4s ease, box-shadow .4s ease; } .elementor-8 .elementor-element.elementor-element-7c4d122 .product:hover{ border-color: rgba(235,193,95,.85) !important; box-shadow: 0 28px 65px rgba(0,0,0,.65), 0 0 32px rgba(210,160,55,.16); } /* ========================================================= GOLD TOP LIGHT ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .product::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 38%; height: 2px; background: linear-gradient( 90deg, transparent, #A97826, #F3D376, #FFF0A6, #F3D376, #A97826, transparent ); box-shadow: 0 0 10px rgba(235,190,85,.70), 0 0 25px rgba(214,161,55,.35); animation: zaveloFeaturedLine 4s ease-in-out infinite; } /* ========================================================= PRODUCT IMAGE / GALLERY AREA ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-gallery{ padding: 20px !important; background: linear-gradient( 145deg, #ffffff, #f7f3ea ) !important; border: 1px solid rgba(214,166,65,.50); border-radius: 18px; box-shadow: 0 15px 35px rgba(0,0,0,.30); overflow: hidden; } .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-gallery img{ border-radius: 12px; transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease; } .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-gallery:hover img{ transform: scale(1.045); filter: brightness(1.03) contrast(1.03); } /* ========================================================= RIGHT PRODUCT INFORMATION ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary{ padding: 10px 10px 10px 35px !important; } /* CATEGORY LINKS */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .posted_in, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .product_meta, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary a{ color: #D6AA4D; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary a:hover{ color: #F1D37B; } /* ========================================================= PRODUCT TITLE ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .product_title{ color: #F1D174 !important; font-size: clamp(30px, 3vw, 46px) !important; line-height: 1.15 !important; font-weight: 700 !important; margin-bottom: 12px !important; text-shadow: 0 2px 10px rgba(0,0,0,.8), 0 0 16px rgba(216,168,65,.16); } /* ========================================================= PRICE ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .price{ color: #E4B74F !important; font-size: 30px !important; font-weight: 800 !important; margin: 15px 0 22px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .price *, .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-Price-amount{ color: #E4B74F !important; } /* ========================================================= DESCRIPTION TEXT ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary p, .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-details__short-description, .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-details__short-description p{ color: rgba(255,255,255,.76) !important; font-size: 16px !important; line-height: 1.8 !important; letter-spacing: .15px; } /* BOLD TEXT */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary strong, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary b{ color: #F0D07A !important; } /* ========================================================= SPECIFICATION HEADING ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h2, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h3, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h4{ color: #E8C568 !important; font-weight: 700 !important; margin-top: 28px !important; padding-bottom: 10px; position: relative; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h2::after, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h3::after, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary h4::after{ content: ""; display: block; width: 75px; height: 2px; margin-top: 9px; background: linear-gradient( 90deg, #E7C465, transparent ); box-shadow: 0 0 8px rgba(220,174,65,.35); } /* ========================================================= ADD TO CART / SELECT OPTIONS BUTTON ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .single_add_to_cart_button, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .button{ position: relative; overflow: hidden; min-height: 52px; padding: 15px 32px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; background: linear-gradient( 135deg, #050505, #1b1b1b, #050505 ) !important; border: 1px solid #C79638 !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(0,0,0,.35); transition: transform .35s ease, box-shadow .35s ease, color .35s ease; } /* BUTTON SHINE */ .elementor-8 .elementor-element.elementor-element-7c4d122 .single_add_to_cart_button::before, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .button::before{ content: ""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,220,135,.70), transparent ); transform: skewX(-22deg); transition: left .7s ease; } .elementor-8 .elementor-element.elementor-element-7c4d122 .single_add_to_cart_button:hover::before, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .button:hover::before{ left: 150%; } .elementor-8 .elementor-element.elementor-element-7c4d122 .single_add_to_cart_button:hover, .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .button:hover{ color: #090909 !important; background: linear-gradient( 135deg, #9A681E, #E8C767, #9A681E ) !important; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(194,145,45,.32); } /* ========================================================= QUANTITY BOX ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 .quantity .qty{ height: 52px; color: #fff !important; background: #111 !important; border: 1px solid rgba(205,158,62,.55) !important; border-radius: 7px !important; } /* ========================================================= TABLES / SPECIFICATIONS ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122 table{ width: 100%; background: rgba(255,255,255,.025); border: 1px solid rgba(201,153,55,.18); border-radius: 10px; overflow: hidden; } .elementor-8 .elementor-element.elementor-element-7c4d122 table th{ color: #E4BB5B !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 table td{ color: rgba(255,255,255,.75) !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 table th, .elementor-8 .elementor-element.elementor-element-7c4d122 table td{ padding: 12px !important; border-color: rgba(255,255,255,.07) !important; } /* ========================================================= SUBTLE BACKGROUND GLOW ========================================================= */ .elementor-8 .elementor-element.elementor-element-7c4d122::before{ content: ""; position: absolute; width: 500px; height: 500px; top: -330px; left: 50%; transform: translateX(-50%); background: rgba(207,157,55,.16); filter: blur(100px); border-radius: 50%; pointer-events: none; animation: zaveloFeaturedGlow 5s ease-in-out infinite alternate; } /* ========================================================= ANIMATION ========================================================= */ @keyframes zaveloFeaturedLine{ 0%,100%{ width: 25%; opacity: .6; } 50%{ width: 55%; opacity: 1; } } @keyframes zaveloFeaturedGlow{ from{ opacity: .35; transform: translateX(-50%) scale(.85); } to{ opacity: .85; transform: translateX(-50%) scale(1.18); } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-8 .elementor-element.elementor-element-7c4d122{ padding: 40px 20px 50px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .product{ padding: 25px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary{ padding: 20px 5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-7c4d122{ padding: 25px 12px 35px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .product{ padding: 12px !important; border-radius: 14px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .woocommerce-product-gallery{ padding: 8px !important; border-radius: 12px; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary{ padding: 20px 5px 5px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .product_title{ font-size: 27px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary .price{ font-size: 24px !important; } .elementor-8 .elementor-element.elementor-element-7c4d122 .summary p{ font-size: 14px !important; line-height: 1.7 !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2f8592 *//* ================================= ZAVELO SINGLE / FEATURED PRODUCT ================================= */ /* Product main heading */ .woocommerce div.product .product_title, .woocommerce div.product .summary h1 { color: #ffffff !important; font-weight: 700 !important; } /* Product description and normal text */ .woocommerce div.product .summary, .woocommerce div.product .summary p, .woocommerce-product-details__short-description, .woocommerce div.product .stock { color: #e8e8e8 !important; } /* Product price */ .woocommerce div.product p.price, .woocommerce div.product span.price { color: #e5ad19 !important; font-weight: 700 !important; } /* Material and Size headings */ .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations label { color: #f4bf24 !important; font-size: 17px !important; font-weight: 700 !important; } /* Variation selection boxes */ .woocommerce div.product form.cart .variations select { background-color: #ffffff !important; color: #17243c !important; border: 1px solid #d7a516 !important; border-radius: 4px !important; min-height: 50px !important; padding: 10px 14px !important; } /* Reset variations text */ .woocommerce div.product form.cart .reset_variations { color: #f4bf24 !important; font-weight: 600 !important; } /* Quantity box */ .woocommerce div.product form.cart .quantity input.qty { background: #0b0b0b !important; color: #ffffff !important; border: 1px solid #d7a516 !important; border-radius: 10px !important; min-height: 65px !important; } /* Add to cart button */ .woocommerce div.product form.cart .single_add_to_cart_button { background: #0b0b0b !important; color: #ffffff !important; border: 1px solid #d7a516 !important; border-radius: 10px !important; min-height: 65px !important; padding: 15px 38px !important; font-weight: 700 !important; transition: 0.3s ease !important; } .woocommerce div.product form.cart .single_add_to_cart_button:hover { background: #d7a516 !important; color: #080808 !important; box-shadow: 0 0 20px rgba(215, 165, 22, 0.55) !important; transform: translateY(-2px); } /* Related Products heading */ .woocommerce .related.products > h2, .woocommerce .upsells.products > h2 { color: #f4bf24 !important; font-size: 36px !important; font-weight: 800 !important; text-transform: uppercase !important; text-align: center !important; letter-spacing: 1px !important; text-shadow: 0 0 14px rgba(244, 191, 36, 0.3) !important; margin-bottom: 30px !important; } /* Related product card headings */ .woocommerce .related.products ul.products li.product h2, .woocommerce .related.products .woocommerce-loop-product__title, .woocommerce .upsells.products .woocommerce-loop-product__title { color: #ffffff !important; font-weight: 700 !important; } /* Related product prices */ .woocommerce .related.products ul.products li.product .price, .woocommerce .upsells.products ul.products li.product .price { color: #f4bf24 !important; font-weight: 700 !important; } /* Product meta: category and SKU */ .woocommerce div.product .product_meta, .woocommerce div.product .product_meta span { color: #dddddd !important; } .woocommerce div.product .product_meta a { color: #f4bf24 !important; }/* ======================================== RELATED PRODUCTS — PERFECT ALIGNMENT ======================================== */ .woocommerce .related.products ul.products li.product, .woocommerce .upsells.products ul.products li.product { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 525px !important; padding: 44px 30px 30px !important; box-sizing: border-box !important; } /* Product link ko equal available height */ .woocommerce .related.products li.product a.woocommerce-LoopProduct-link, .woocommerce .upsells.products li.product a.woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; width: 100% !important; } /* Sab product images equal size */ .woocommerce .related.products li.product img, .woocommerce .upsells.products li.product img { width: 100% !important; height: 225px !important; object-fit: contain !important; object-position: center !important; margin: 0 auto 15px !important; } /* Category alignment */ .woocommerce .related.products .ast-woo-product-category, .woocommerce .related.products .product-category, .woocommerce .upsells.products .ast-woo-product-category, .woocommerce .upsells.products .product-category { display: block !important; min-height: 24px !important; margin: 0 0 7px !important; color: #b6b6b6 !important; } /* Product titles same height */ .woocommerce .related.products .woocommerce-loop-product__title, .woocommerce .upsells.products .woocommerce-loop-product__title { min-height: 75px !important; margin: 0 !important; padding: 5px 0 !important; display: flex !important; justify-content: center !important; align-items: flex-start !important; text-align: center !important; line-height: 1.35 !important; } /* Prices same line par */ .woocommerce .related.products li.product .price, .woocommerce .upsells.products li.product .price { min-height: 32px !important; margin-top: auto !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* Buy Now buttons same position */ .woocommerce .related.products li.product .button, .woocommerce .upsells.products li.product .button { width: 156px !important; min-height: 47px !important; margin: 0 auto !important; padding: 12px 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; background: linear-gradient(135deg, #d39b08, #ffc928) !important; color: #090909 !important; border: 1px solid #ffd65a !important; border-radius: 6px !important; font-weight: 700 !important; transition: 0.3s ease !important; } .woocommerce .related.products li.product .button:hover, .woocommerce .upsells.products li.product .button:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 22px rgba(244, 191, 36, 0.4) !important; } /* ======================================== FEATURED PRODUCT IMAGE ANIMATION ======================================== */ .single-product .woocommerce-product-gallery { perspective: 1200px !important; overflow: hidden !important; } /* Slow premium floating and slight rotation */ .single-product .woocommerce-product-gallery__image img:not(.zoomImg) { transform-origin: center center !important; animation: zaveloProductMovement 5s ease-in-out infinite !important; will-change: transform; } @keyframes zaveloProductMovement { 0% { transform: translateY(0) scale(1) rotateY(0deg); } 25% { transform: translateY(-7px) scale(1.015) rotateY(2deg); } 50% { transform: translateY(-12px) scale(1.025) rotateY(0deg); } 75% { transform: translateY(-7px) scale(1.015) rotateY(-2deg); } 100% { transform: translateY(0) scale(1) rotateY(0deg); } } /* Mobile adjustment */ @media (max-width: 767px) { .woocommerce .related.products ul.products li.product, .woocommerce .upsells.products ul.products li.product { min-height: 490px !important; padding: 30px 18px 24px !important; } .woocommerce .related.products li.product img, .woocommerce .upsells.products li.product img { height: 205px !important; } .woocommerce .related.products .woocommerce-loop-product__title, .woocommerce .upsells.products .woocommerce-loop-product__title { min-height: 70px !important; font-size: 16px !important; } } /* Motion disabled ho to animation band */ @media (prefers-reduced-motion: reduce) { .single-product .woocommerce-product-gallery__image img:not(.zoomImg) { animation: none !important; } }/* ====================================== RELATED PRODUCTS — BUY NOW BUTTON ====================================== */ .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 32px) !important; min-height: 72px !important; margin: 0 16px 28px !important; padding: 15px 20px !important; box-sizing: border-box !important; overflow: hidden !important; background: linear-gradient( 135deg, #050505, #171717, #050505 ) !important; border: 1px solid #bd8a29 !important; border-radius: 10px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; text-shadow: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 7px 18px rgba(0,0,0,.35) !important; transition: transform .3s ease, background .3s ease, box-shadow .3s ease !important; } /* Theme ke original text ko hide kare */ .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button > span, .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button > strong { display: none !important; } /* Sirf Buy Now display hoga */ .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button::after { content: "Buy Now" !important; position: absolute !important; inset: 0 !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 600 !important; text-indent: 0 !important; } /* Golden shine effect */ .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -130%; z-index: 2; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,220,130,.65), transparent ); transform: skewX(-20deg); transition: left .7s ease; } .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button:hover::before { left: 150%; } /* Hover par golden button */ .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button:hover { background: linear-gradient( 135deg, #99671c, #ebca69, #99671c ) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(190,140,35,.35), 0 0 15px rgba(220,174,65,.20) !important; } .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button:hover::after { color: #090909 !important; } /* Mobile size */ @media (max-width: 767px) { .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button { width: calc(100% - 16px) !important; min-height: 52px !important; margin: 0 8px 18px !important; } .elementor-8 .elementor-element.elementor-element-b2f8592 ul.products li.product .button::after { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9de3076 *//* ========================================================= ZAVELO — FEATURED PRODUCT LUXURY BLACK & GOLD Paste in Featured Product MAIN Container > Custom CSS ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076{ position: relative; width: 100% !important; max-width: 100% !important; padding: 55px 4% 65px !important; background: radial-gradient( circle at 50% 0%, rgba(201,151,50,.14), transparent 42% ), linear-gradient( 135deg, #050505 0%, #11100d 50%, #050505 100% ) !important; overflow: hidden; } /* ========================================================= MAIN PRODUCT AREA ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .product{ position: relative; max-width: 1650px; margin: 0 auto !important; padding: 35px !important; background: linear-gradient( 145deg, rgba(18,18,18,.96), rgba(7,7,7,.98) ) !important; border: 1px solid rgba(205,158,62,.55) !important; border-radius: 22px !important; box-shadow: 0 24px 55px rgba(0,0,0,.55), 0 0 25px rgba(201,151,50,.10); overflow: hidden; transition: border-color .4s ease, box-shadow .4s ease; } .elementor-8 .elementor-element.elementor-element-9de3076 .product:hover{ border-color: rgba(235,193,95,.85) !important; box-shadow: 0 28px 65px rgba(0,0,0,.65), 0 0 32px rgba(210,160,55,.16); } /* ========================================================= GOLD TOP LIGHT ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .product::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 38%; height: 2px; background: linear-gradient( 90deg, transparent, #A97826, #F3D376, #FFF0A6, #F3D376, #A97826, transparent ); box-shadow: 0 0 10px rgba(235,190,85,.70), 0 0 25px rgba(214,161,55,.35); animation: zaveloFeaturedLine 4s ease-in-out infinite; } /* ========================================================= PRODUCT IMAGE / GALLERY AREA ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-gallery{ padding: 20px !important; background: linear-gradient( 145deg, #ffffff, #f7f3ea ) !important; border: 1px solid rgba(214,166,65,.50); border-radius: 18px; box-shadow: 0 15px 35px rgba(0,0,0,.30); overflow: hidden; } .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-gallery img{ border-radius: 12px; transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease; } .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-gallery:hover img{ transform: scale(1.045); filter: brightness(1.03) contrast(1.03); } /* ========================================================= RIGHT PRODUCT INFORMATION ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary{ padding: 10px 10px 10px 35px !important; } /* CATEGORY LINKS */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary .posted_in, .elementor-8 .elementor-element.elementor-element-9de3076 .summary .product_meta, .elementor-8 .elementor-element.elementor-element-9de3076 .summary a{ color: #D6AA4D; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary a:hover{ color: #F1D37B; } /* ========================================================= PRODUCT TITLE ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .product_title{ color: #F1D174 !important; font-size: clamp(30px, 3vw, 46px) !important; line-height: 1.15 !important; font-weight: 700 !important; margin-bottom: 12px !important; text-shadow: 0 2px 10px rgba(0,0,0,.8), 0 0 16px rgba(216,168,65,.16); } /* ========================================================= PRICE ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary .price{ color: #E4B74F !important; font-size: 30px !important; font-weight: 800 !important; margin: 15px 0 22px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary .price *, .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-Price-amount{ color: #E4B74F !important; } /* ========================================================= DESCRIPTION TEXT ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary p, .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-details__short-description, .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-details__short-description p{ color: rgba(255,255,255,.76) !important; font-size: 16px !important; line-height: 1.8 !important; letter-spacing: .15px; } /* BOLD TEXT */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary strong, .elementor-8 .elementor-element.elementor-element-9de3076 .summary b{ color: #F0D07A !important; } /* ========================================================= SPECIFICATION HEADING ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .summary h2, .elementor-8 .elementor-element.elementor-element-9de3076 .summary h3, .elementor-8 .elementor-element.elementor-element-9de3076 .summary h4{ color: #E8C568 !important; font-weight: 700 !important; margin-top: 28px !important; padding-bottom: 10px; position: relative; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary h2::after, .elementor-8 .elementor-element.elementor-element-9de3076 .summary h3::after, .elementor-8 .elementor-element.elementor-element-9de3076 .summary h4::after{ content: ""; display: block; width: 75px; height: 2px; margin-top: 9px; background: linear-gradient( 90deg, #E7C465, transparent ); box-shadow: 0 0 8px rgba(220,174,65,.35); } /* ========================================================= ADD TO CART / SELECT OPTIONS BUTTON ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .single_add_to_cart_button, .elementor-8 .elementor-element.elementor-element-9de3076 .summary .button{ position: relative; overflow: hidden; min-height: 52px; padding: 15px 32px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; background: linear-gradient( 135deg, #050505, #1b1b1b, #050505 ) !important; border: 1px solid #C79638 !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(0,0,0,.35); transition: transform .35s ease, box-shadow .35s ease, color .35s ease; } /* BUTTON SHINE */ .elementor-8 .elementor-element.elementor-element-9de3076 .single_add_to_cart_button::before, .elementor-8 .elementor-element.elementor-element-9de3076 .summary .button::before{ content: ""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,220,135,.70), transparent ); transform: skewX(-22deg); transition: left .7s ease; } .elementor-8 .elementor-element.elementor-element-9de3076 .single_add_to_cart_button:hover::before, .elementor-8 .elementor-element.elementor-element-9de3076 .summary .button:hover::before{ left: 150%; } .elementor-8 .elementor-element.elementor-element-9de3076 .single_add_to_cart_button:hover, .elementor-8 .elementor-element.elementor-element-9de3076 .summary .button:hover{ color: #090909 !important; background: linear-gradient( 135deg, #9A681E, #E8C767, #9A681E ) !important; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(194,145,45,.32); } /* ========================================================= QUANTITY BOX ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 .quantity .qty{ height: 52px; color: #fff !important; background: #111 !important; border: 1px solid rgba(205,158,62,.55) !important; border-radius: 7px !important; } /* ========================================================= TABLES / SPECIFICATIONS ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076 table{ width: 100%; background: rgba(255,255,255,.025); border: 1px solid rgba(201,153,55,.18); border-radius: 10px; overflow: hidden; } .elementor-8 .elementor-element.elementor-element-9de3076 table th{ color: #E4BB5B !important; } .elementor-8 .elementor-element.elementor-element-9de3076 table td{ color: rgba(255,255,255,.75) !important; } .elementor-8 .elementor-element.elementor-element-9de3076 table th, .elementor-8 .elementor-element.elementor-element-9de3076 table td{ padding: 12px !important; border-color: rgba(255,255,255,.07) !important; } /* ========================================================= SUBTLE BACKGROUND GLOW ========================================================= */ .elementor-8 .elementor-element.elementor-element-9de3076::before{ content: ""; position: absolute; width: 500px; height: 500px; top: -330px; left: 50%; transform: translateX(-50%); background: rgba(207,157,55,.16); filter: blur(100px); border-radius: 50%; pointer-events: none; animation: zaveloFeaturedGlow 5s ease-in-out infinite alternate; } /* ========================================================= ANIMATION ========================================================= */ @keyframes zaveloFeaturedLine{ 0%,100%{ width: 25%; opacity: .6; } 50%{ width: 55%; opacity: 1; } } @keyframes zaveloFeaturedGlow{ from{ opacity: .35; transform: translateX(-50%) scale(.85); } to{ opacity: .85; transform: translateX(-50%) scale(1.18); } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-8 .elementor-element.elementor-element-9de3076{ padding: 40px 20px 50px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .product{ padding: 25px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary{ padding: 20px 5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-9de3076{ padding: 25px 12px 35px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .product{ padding: 12px !important; border-radius: 14px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .woocommerce-product-gallery{ padding: 8px !important; border-radius: 12px; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary{ padding: 20px 5px 5px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .product_title{ font-size: 27px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary .price{ font-size: 24px !important; } .elementor-8 .elementor-element.elementor-element-9de3076 .summary p{ font-size: 14px !important; line-height: 1.7 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9629bad *//* ========================================= ZAVELO — SIGNATURE JACKET BANNER ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad { position: relative !important; overflow: hidden !important; isolation: isolate; padding: 0 !important; min-height: clamp(500px, 43vw, 820px) !important; background-size: cover !important; background-position: 50% 50%; background-repeat: no-repeat !important; border: 1px solid rgba(202, 153, 44, 0.55); box-shadow: 0 25px 60px rgba(0,0,0,.65), inset 0 0 50px rgba(0,0,0,.25); animation: zaveloBannerBackground 12s ease-in-out infinite alternate; } /* ========================================= IMAGE WIDGET — FULL CONTAINER FIT ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; transform-origin: center center; animation: zaveloBannerImage 9s ease-in-out infinite alternate; } /* ========================================= MOVING GOLD GLOW ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad::before { content: ""; position: absolute; inset: 0; z-index: 2; background: radial-gradient( circle at 72% 42%, rgba(229, 174, 52, .17), transparent 27% ); pointer-events: none; animation: zaveloBannerGlow 6s ease-in-out infinite; } /* ========================================= CINEMATIC LIGHT SWEEP ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad::after { content: ""; position: absolute; z-index: 3; top: -50%; left: -30%; width: 15%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 221, 132, .12), transparent ); transform: rotate(17deg); pointer-events: none; animation: zaveloBannerSweep 8s ease-in-out infinite; } /* ========================================= BUTTON POSITION ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-button { position: absolute !important; z-index: 10 !important; left: 4.4% !important; right: auto !important; top: auto !important; bottom: 4.2% !important; width: auto !important; max-width: max-content !important; margin: 0 !important; } /* ========================================= BLACK + GOLD BUTTON ========================================= */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button { position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 185px !important; min-height: 54px !important; padding: 14px 30px !important; background: linear-gradient( 135deg, #050505, #181818, #050505 ) !important; color: #ffffff !important; border: 1px solid #d3a02d !important; border-radius: 7px !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: .6px !important; text-transform: uppercase !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 8px 22px rgba(0,0,0,.55), 0 0 14px rgba(211,160,45,.15); transition: transform .35s ease, color .35s ease, background .35s ease, box-shadow .35s ease !important; } /* Button shine */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 225, 145, .75), transparent ); transform: skewX(-22deg); transition: left .7s ease; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button:hover::before { left: 150%; } /* Button hover */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button:hover { color: #080808 !important; background: linear-gradient( 135deg, #986719, #e9c55d, #ad7920 ) !important; transform: translateY(-4px) !important; box-shadow: 0 14px 30px rgba(0,0,0,.55), 0 0 24px rgba(218,169,57,.38) !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button-text { position: relative; z-index: 4; } /* ========================================= ANIMATIONS ========================================= */ @keyframes zaveloBannerImage { 0% { transform: scale(1); filter: brightness(1) contrast(1); } 100% { transform: scale(1.025); filter: brightness(1.05) contrast(1.03); } } @keyframes zaveloBannerBackground { 0% { background-position: 50% 50%; } 100% { background-position: 52% 50%; } } @keyframes zaveloBannerGlow { 0%, 100% { opacity: .55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } } @keyframes zaveloBannerSweep { 0% { left: -30%; opacity: 0; } 15% { opacity: 1; } 55% { left: 120%; opacity: .8; } 100% { left: 120%; opacity: 0; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-8 .elementor-element.elementor-element-9629bad { min-height: 470px !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-button { left: 4.5% !important; bottom: 4% !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button { min-width: 165px !important; min-height: 50px !important; padding: 12px 24px !important; font-size: 14px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-8 .elementor-element.elementor-element-9629bad { min-height: 340px !important; animation: none !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image img { object-position: center center !important; animation: zaveloMobileImage 8s ease-in-out infinite alternate; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-button { left: 50% !important; bottom: 18px !important; transform: translateX(-50%) !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button { min-width: 160px !important; min-height: 48px !important; padding: 11px 20px !important; font-size: 13px !important; } } @keyframes zaveloMobileImage { from { transform: scale(1); } to { transform: scale(1.02); } } /* Reduce motion accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-8 .elementor-element.elementor-element-9629bad, .elementor-8 .elementor-element.elementor-element-9629bad::before, .elementor-8 .elementor-element.elementor-element-9629bad::after, .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image img { animation: none !important; } }/* ===================================== TABLET VIEW — FULL BANNER FIX ===================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-8 .elementor-element.elementor-element-9629bad { width: 100% !important; /* Original banner ratio maintain hoga */ aspect-ratio: 1944 / 840 !important; min-height: 0 !important; height: auto !important; padding: 0 !important; overflow: hidden !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; animation: none !important; } /* Image full show hogi, crop nahi hogi */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; animation: zaveloTabletBanner 8s ease-in-out infinite alternate !important; } /* Tablet button position */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-button { position: absolute !important; left: 5.8% !important; right: auto !important; top: auto !important; bottom: 3% !important; width: auto !important; margin: 0 !important; transform: none !important; z-index: 10 !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button { min-width: 155px !important; min-height: 44px !important; padding: 10px 20px !important; font-size: 13px !important; line-height: 1.1 !important; border-radius: 6px !important; } } /* Very subtle tablet movement */ @keyframes zaveloTabletBanner { from { transform: scale(1); filter: brightness(1); } to { transform: scale(1.012); filter: brightness(1.035); } }/* ===================================== ZAVELO MOBILE BANNER — FINAL FIX ===================================== */ @media (max-width: 767px) { .elementor-8 .elementor-element.elementor-element-9629bad { position: relative !important; width: 100% !important; /* Mobile image ka original 4:5 ratio */ aspect-ratio: 4 / 5 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background-size: contain !important; background-position: center top !important; background-repeat: no-repeat !important; animation: none !important; border: 1px solid rgba(206,158,48,.60) !important; box-shadow: 0 15px 35px rgba(0,0,0,.55), 0 0 20px rgba(205,155,40,.10) !important; } /* Mobile image full show hogi */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 0 !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center top !important; margin: 0 !important; padding: 0 !important; transform: none !important; animation: none !important; } /* Button bottom empty space mein */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-widget-button { position: absolute !important; left: 50% !important; right: auto !important; top: auto !important; bottom: 3% !important; width: auto !important; max-width: max-content !important; margin: 0 !important; transform: translateX(-50%) !important; z-index: 10 !important; } /* Mobile button styling */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 1px !important; min-height: 1px !important; padding: 11px 20px !important; background: linear-gradient( 135deg, #050505, #171717, #050505 ) !important; color: #ffffff !important; border: 1px solid #d4a12c !important; border-radius: 6px !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: .4px !important; box-shadow: 0 8px 20px rgba(0,0,0,.55), 0 0 15px rgba(212,161,44,.18) !important; } /* Button hover/touch effect */ .elementor-8 .elementor-element.elementor-element-9629bad .elementor-button:hover { background: linear-gradient( 135deg, #966619, #e8c45d, #a97620 ) !important; color: #080808 !important; transform: translateY(-2px) !important; } /* Gold glow halka rakho */ .elementor-8 .elementor-element.elementor-element-9629bad::before { opacity: .55 !important; animation: zaveloMobileGlow 5s ease-in-out infinite !important; } /* Desktop light sweep mobile par band */ .elementor-8 .elementor-element.elementor-element-9629bad::after { display: none !important; } } @keyframes zaveloMobileGlow { 0%, 100% { opacity: .35; } 50% { opacity: .65; } }/* End custom CSS */