.elementor-7105 .elementor-element.elementor-element-7fa8fa8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7105 .elementor-element.elementor-element-1493146{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-background-overlay{background-color:rgba(255,255,255,0);opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-container{max-width:1300px;min-height:435px;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-7105 .elementor-element.elementor-element-20bf6896 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-3c701200{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-7105 .elementor-element.elementor-element-3c701200 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7105 .elementor-element.elementor-element-6d0d1fdd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7105 .elementor-element.elementor-element-6d0d1fdd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7105 .elementor-element.elementor-element-6d0d1fdd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-50834686{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-7105 .elementor-element.elementor-element-50834686 .elementor-heading-title{font-size:62px;line-height:1.2em;letter-spacing:-1.5px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a{padding:0px 0px 10px 10px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a .elementor-heading-title{font-size:23px;font-weight:400;line-height:1.5em;letter-spacing:-0.2px;color:#4a4068;}.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button{background-color:#FB6F07;font-size:19px;font-weight:600;fill:#ffffff;color:#ffffff;border-radius:4px 4px 4px 4px;padding:22px 35px 22px 35px;}.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:hover, .elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:focus{background-color:var( --e-global-color-8468497 );color:#ffffff;}.elementor-7105 .elementor-element.elementor-element-2b594290{padding:0px 0px 0px 10px;}.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:hover svg, .elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:focus svg{fill:#ffffff;}.elementor-7105 .elementor-element.elementor-element-2f97d111{padding:0px 0px 15px 10px;}.elementor-7105 .elementor-element.elementor-element-2f97d111 .elementor-heading-title{font-size:15px;}.elementor-bc-flex-widget .elementor-7105 .elementor-element.elementor-element-4a125de2.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-7105 .elementor-element.elementor-element-4a125de2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-7105 .elementor-element.elementor-element-16df861c{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-7105 .elementor-element.elementor-element-16df861c img{width:519px;height:415px;object-fit:cover;object-position:center center;}.elementor-7105 .elementor-element.elementor-element-9c50132{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7105 .elementor-element.elementor-element-141eed01:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-141eed01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-141eed01{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 15px 0px;}.elementor-7105 .elementor-element.elementor-element-141eed01 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-28752ea4{text-align:center;}.elementor-7105 .elementor-element.elementor-element-6d1398fb:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-6d1398fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-6d1398fb > .elementor-container{max-width:1300px;}.elementor-7105 .elementor-element.elementor-element-6d1398fb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7105 .elementor-element.elementor-element-6d1398fb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-3945546a:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-3945546a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-3945546a{border-style:solid;border-width:1px 0px 0px 0px;border-color:#eaeaea;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-3945546a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-1a4ffd26{--spacer-size:5px;}.elementor-7105 .elementor-element.elementor-element-421dda4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-7105 .elementor-element.elementor-element-421dda4a .elementor-heading-title{line-height:1.4em;letter-spacing:-0.3px;}.elementor-7105 .elementor-element.elementor-element-1e4fe3f0{padding:10px 0px 0px 0px;text-align:center;}.elementor-7105 .elementor-element.elementor-element-5abc1e46{--spacer-size:5px;}.elementor-7105 .elementor-element.elementor-element-1a818c77 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7105 .elementor-element.elementor-element-1a818c77:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-1a818c77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-1a818c77 > .elementor-container{max-width:1300px;}.elementor-7105 .elementor-element.elementor-element-1a818c77{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 20px 0px;}.elementor-7105 .elementor-element.elementor-element-1a818c77 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-20bdbaac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;}.elementor-7105 .elementor-element.elementor-element-20bdbaac img{max-width:10%;}.elementor-7105 .elementor-element.elementor-element-1c091d15 .elementor-heading-title{font-weight:bold;}.elementor-7105 .elementor-element.elementor-element-196a5a08 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7105 .elementor-element.elementor-element-196a5a08:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-196a5a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-196a5a08{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 70px 0px;}.elementor-7105 .elementor-element.elementor-element-196a5a08 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-bdf861e > .elementor-element-populated{padding:10px 10px 10px 40px;}.elementor-7105 .elementor-element.elementor-element-41c33d82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;}.elementor-7105 .elementor-element.elementor-element-41c33d82 img{max-width:10%;}.elementor-7105 .elementor-element.elementor-element-9f92ffa .elementor-heading-title{font-weight:bold;}.elementor-7105 .elementor-element.elementor-element-56fe7973 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7105 .elementor-element.elementor-element-56fe7973:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-56fe7973 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-7105 .elementor-element.elementor-element-56fe7973 > .elementor-container{max-width:1300px;}.elementor-7105 .elementor-element.elementor-element-56fe7973{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-7105 .elementor-element.elementor-element-56fe7973 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-5b521101{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-7105 .elementor-element.elementor-element-5b521101 .elementor-heading-title{font-size:50px;letter-spacing:-0.8px;color:#ffffff;}.elementor-7105 .elementor-element.elementor-element-472d2c7f{margin:10px 20px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 2px 0px;}.elementor-7105 .elementor-element.elementor-element-472d2c7f .elementor-heading-title{font-size:19px;font-weight:400;line-height:1.5em;letter-spacing:0px;color:rgba(255,255,255,0.79);}.elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button{background-color:#ffffff;font-size:17px;font-weight:400;fill:#000000;color:#000000;border-radius:4px 4px 4px 4px;padding:22px 35px 22px 35px;}.elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button:hover, .elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button:focus{background-color:#ffffff;color:#000000;}.elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button:hover svg, .elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button:focus svg{fill:#000000;}.elementor-7105 .elementor-element.elementor-element-18bcd84c > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:rgba(255,255,255,0.09);margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-7105 .elementor-element.elementor-element-df21310{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + -85px) 0px;}.elementor-7105 .elementor-element.elementor-element-df21310 img{width:237px;}.elementor-7105 .elementor-element.elementor-element-54823e33:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-54823e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-54823e33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:55px 0px 20px 0px;}.elementor-7105 .elementor-element.elementor-element-54823e33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-44ed6877{text-align:center;}.elementor-7105 .elementor-element.elementor-element-44ed6877 .elementor-heading-title{line-height:1.4em;letter-spacing:-0.2px;}.elementor-7105 .elementor-element.elementor-element-4fcc49c7:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-4fcc49c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-4fcc49c7 > .elementor-container{max-width:1300px;}.elementor-7105 .elementor-element.elementor-element-4fcc49c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7105 .elementor-element.elementor-element-4fcc49c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-13626177:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-13626177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-13626177{border-style:solid;border-width:1px 0px 0px 0px;border-color:#eaeaea;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 10px 0px;}.elementor-7105 .elementor-element.elementor-element-13626177 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-19f4e625{--spacer-size:5px;}.elementor-7105 .elementor-element.elementor-element-4cb141a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;text-align:center;}.elementor-7105 .elementor-element.elementor-element-4cb141a5 .elementor-heading-title{letter-spacing:-0.2px;}.elementor-7105 .elementor-element.elementor-element-59b8dfcd{padding:10px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-4d8fbbc{--spacer-size:5px;}.elementor-7105 .elementor-element.elementor-element-dc4a89b:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-dc4a89b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F0;}.elementor-7105 .elementor-element.elementor-element-dc4a89b > .elementor-container{max-width:1300px;}.elementor-7105 .elementor-element.elementor-element-dc4a89b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 45px 0px;}.elementor-7105 .elementor-element.elementor-element-dc4a89b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7105 .elementor-element.elementor-element-34594a2a img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-31260622 img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-5766681b img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-7ee6a33a img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-5021ad61 img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-66f472ff img{max-width:85%;}.elementor-7105 .elementor-element.elementor-element-0f3e471{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7105 .elementor-element.elementor-element-0f3e471:not(.elementor-motion-effects-element-type-background), .elementor-7105 .elementor-element.elementor-element-0f3e471 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8468497 );}@media(max-width:1024px){.elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-container{min-height:0px;}.elementor-7105 .elementor-element.elementor-element-3c701200{padding:10px 0px 0px 20px;}.elementor-7105 .elementor-element.elementor-element-50834686 .elementor-heading-title{font-size:42px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a .elementor-heading-title{font-size:18px;}.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button{font-size:16px;}.elementor-7105 .elementor-element.elementor-element-2f97d111 .elementor-heading-title{font-size:14px;}.elementor-7105 .elementor-element.elementor-element-16df861c img{width:310px;height:246px;}.elementor-7105 .elementor-element.elementor-element-56fe7973{padding:0px 10px 0px 10px;}.elementor-7105 .elementor-element.elementor-element-5b521101 .elementor-heading-title{font-size:41px;}.elementor-7105 .elementor-element.elementor-element-472d2c7f .elementor-heading-title{font-size:22px;}.elementor-7105 .elementor-element.elementor-element-18bcd84c > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-7105 .elementor-element.elementor-element-df21310{margin:-45px 0px calc(var(--kit-widget-spacing, 0px) + -35px) 0px;}.elementor-7105 .elementor-element.elementor-element-df21310 img{max-width:58%;}}@media(max-width:767px){.elementor-7105 .elementor-element.elementor-element-e0ee2b2 > .elementor-container{min-height:0px;}.elementor-7105 .elementor-element.elementor-element-e0ee2b2{padding:26px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-3c701200{padding:0px 15px 0px 15px;}.elementor-7105 .elementor-element.elementor-element-50834686{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-50834686 .elementor-heading-title{font-size:38px;letter-spacing:-0.5px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a{padding:0px 0px 10px 0px;}.elementor-7105 .elementor-element.elementor-element-6bf9a88a .elementor-heading-title{font-size:16px;letter-spacing:0px;}.elementor-7105 .elementor-element.elementor-element-2b594290{padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button{font-size:14px;padding:15px 22px 15px 22px;}.elementor-7105 .elementor-element.elementor-element-2f97d111{padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-2f97d111 .elementor-heading-title{font-size:12px;}.elementor-7105 .elementor-element.elementor-element-16df861c img{width:300px;height:240px;}.elementor-7105 .elementor-element.elementor-element-28752ea4 .elementor-heading-title{font-size:24px;letter-spacing:0px;}.elementor-7105 .elementor-element.elementor-element-3945546a{padding:30px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-421dda4a .elementor-heading-title{font-size:24px;letter-spacing:0px;}.elementor-7105 .elementor-element.elementor-element-1e4fe3f0{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-7183f3b4{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-20bdbaac{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-7105 .elementor-element.elementor-element-196a5a08{padding:0px 0px 50px 0px;}.elementor-7105 .elementor-element.elementor-element-bdf861e > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-4bad8191{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-41c33d82{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-7105 .elementor-element.elementor-element-5b521101{padding:20px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-5b521101 .elementor-heading-title{font-size:24px;letter-spacing:0px;}.elementor-7105 .elementor-element.elementor-element-472d2c7f .elementor-heading-title{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-38ff2d41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-7105 .elementor-element.elementor-element-38ff2d41 .elementor-button{font-size:14px;padding:15px 15px 15px 15px;}.elementor-7105 .elementor-element.elementor-element-18bcd84c > .elementor-element-populated{margin:0px 10px 20px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-7105 .elementor-element.elementor-element-df21310{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-7105 .elementor-element.elementor-element-df21310 img{max-width:50%;}.elementor-7105 .elementor-element.elementor-element-54823e33{padding:30px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-44ed6877 .elementor-heading-title{font-size:24px;}.elementor-7105 .elementor-element.elementor-element-4fcc49c7{padding:0px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-13626177{padding:30px 0px 0px 0px;}.elementor-7105 .elementor-element.elementor-element-4cb141a5 .elementor-heading-title{font-size:24px;}.elementor-7105 .elementor-element.elementor-element-59b8dfcd{font-size:15px;}.elementor-7105 .elementor-element.elementor-element-65e27f7b{width:50%;}.elementor-7105 .elementor-element.elementor-element-383cc55d{width:50%;}.elementor-7105 .elementor-element.elementor-element-76ded9b3{width:50%;}.elementor-7105 .elementor-element.elementor-element-727b2e00{width:50%;}.elementor-7105 .elementor-element.elementor-element-27e15145{width:50%;}.elementor-7105 .elementor-element.elementor-element-2224f05d{width:50%;}}/* Start custom CSS for section, class: .elementor-element-6d1398fb *//* ==========================================
   HAADIS E-MART — CUSTOM PRODUCT CARDS
   ========================================== */

:root {
  --haadis-navy: #0B2445;
  --haadis-gold: #D5A448;
  
  /* === YAHAN SE APNE COLORS ASANI SE CHANGE KAREIN === */
  --card-bg-color: #F8F9FB;            /* 1. Product Card ka background color */
  --button-bg-color: #fb6f07 ;          /* 2. Button ka default background color */
  --button-text-color: #FFFFFF;        /* 3. Button ka default text color */
  --button-hover-bg-color: #10213d
;    /* 4. Button ka background color on HOVER */
  --button-hover-text-color:#ffffff;  /* 5. Button ka text color on HOVER (Alag se!) */
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px 20px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

/* Product Card Main Box */
.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0;
  background: var(--card-bg-color) !important;
  border: 1px solid #E7EAF0 !important;
  border-radius: 9px !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 12px rgba(11,36,69,.045);
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start;
  transform: none !important;
}

/* Image wrapper */
.woocommerce ul.products li.product .woocommerce-image__wrapper,
.woocommerce ul.products li.product .shoptimizer-plp-carousel-container,
.woocommerce ul.products li.product .shoptimizer-plp-image-wrapper {
  aspect-ratio: 4 / 5;
  width: 100%;
  overflow: hidden;
  background: #FFFFFF !important;
}

.woocommerce ul.products li.product .woocommerce-image__wrapper > a {
  display: block;
  width: 100%;
  height: 100%;
}

.woocommerce ul.products li.product .woocommerce-image__wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

/* Card content header area */
.woocommerce ul.products li.product .woocommerce-card__header {
  background: var(--card-bg-color) !important;
  padding: 13px 14px 15px !important;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

/* Categories */
.woocommerce ul.products li.product .product__categories {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .7px;
  color: #8A929E;
  margin-bottom: 7px;
}

.woocommerce ul.products li.product .product__categories:empty,
.woocommerce ul.products li.product .product__categories:has(a[href*="/uncategorized/"]:only-child) {
  display: none !important;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  min-height: 0 !important;
  margin: 0 0 12px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
  color: var(--haadis-navy);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Price */
.woocommerce ul.products li.product .price {
  color: var(--haadis-navy) !important;
  font-size: 15px;
  font-weight: 600;
  margin: 4px 0 14px;
}

.woocommerce ul.products li.product .price del {
  color: #969CA5;
  font-size: 12px;
  font-weight: 400;
}

.woocommerce ul.products li.product .price ins {
  color: var(--haadis-navy);
  text-decoration: none;
}

/* Add to Cart / Select Options Button Styling */
.woocommerce ul.products li.product .woocommerce-card__header > a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_variable,
.woocommerce ul.products li.product a.product_type_simple {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 10px 0 0 !important;
  padding: 11px 12px !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--button-bg-color) !important;
  color: var(--button-text-color) !important;
  border: 1px solid var(--button-bg-color) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease !important;
}

/* Button Hover State */
.woocommerce ul.products li.product .woocommerce-card__header > a.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product a.product_type_variable:hover,
.woocommerce ul.products li.product a.product_type_simple:hover {
  background: var(--button-hover-bg-color) !important;
  color: var(--button-hover-text-color) !important;
  border-color: var(--button-hover-bg-color) !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale {
  background: var(--haadis-gold);
  color: #10233C;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 9px;
  min-height: 0;
  line-height: 1.5;
}

/* Tablet */
@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .woocommerce ul.products li.product .woocommerce-card__header {
    padding: 11px 10px 12px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 11px;
  }

  .woocommerce ul.products li.product .price {
    font-size: 13px;
  }

  .woocommerce ul.products li.product .woocommerce-card__header > a.button {
    margin-top: 8px !important;
    min-height: 38px !important;
    font-size: 9px !important;
    letter-spacing: 0;
  }
}/* End custom CSS */