.elementor-3107 .elementor-element.elementor-element-ff6c4f4{--display:flex;--min-height:238px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3107 .elementor-element.elementor-element-ff6c4f4:not(.elementor-motion-effects-element-type-background), .elementor-3107 .elementor-element.elementor-element-ff6c4f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F4E3D;}.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-3107 .elementor-element.elementor-element-c588060{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3107 .elementor-element.elementor-element-c588060 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:39px;font-weight:600;color:#FFFFFF;}.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-3107 .elementor-element.elementor-element-a6a09b1{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.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-3107 .elementor-element.elementor-element-5f4ce42 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;padding:20px 35px 20px 35px;}.elementor-3107 .elementor-element.elementor-element-5f4ce42 .elementor-button:hover, .elementor-3107 .elementor-element.elementor-element-5f4ce42 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-5f4ce42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 41px) 0px;}.elementor-3107 .elementor-element.elementor-element-5f4ce42 .elementor-button:hover svg, .elementor-3107 .elementor-element.elementor-element-5f4ce42 .elementor-button:focus svg{fill:#000000;}.elementor-3107 .elementor-element.elementor-element-74d819d{--display:flex;}.elementor-3107 .elementor-element.elementor-element-e310438{text-align:center;}.elementor-3107 .elementor-element.elementor-element-e310438 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:47px;font-weight:700;color:#000000;}.elementor-3107 .elementor-element.elementor-element-d41d08d{text-align:center;font-family:"Poppins", Sans-serif;font-weight:500;color:#57814F;}.elementor-3107 .elementor-element.elementor-element-9d583f8{--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-3107 .elementor-element.elementor-element-4ed8c16{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3107 .elementor-element.elementor-element-feb8216 .elementor-button{background-color:#F8F8F847;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:10px 21px 10px 21px;}.elementor-3107 .elementor-element.elementor-element-feb8216 .elementor-button:hover, .elementor-3107 .elementor-element.elementor-element-feb8216 .elementor-button:focus{background-color:#FFFFFF6B;color:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-feb8216{margin:-131px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-feb8216 .elementor-button:hover svg, .elementor-3107 .elementor-element.elementor-element-feb8216 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-a196725{--spacer-size:94px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-3107 .elementor-element.elementor-element-31b28bc{--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-3107 .elementor-element.elementor-element-bb95cc3 .elementor-button{background-color:#F8F8F847;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:10px 21px 10px 21px;}.elementor-3107 .elementor-element.elementor-element-bb95cc3 .elementor-button:hover, .elementor-3107 .elementor-element.elementor-element-bb95cc3 .elementor-button:focus{background-color:#FFFFFF6B;color:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-bb95cc3{margin:-131px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-bb95cc3 .elementor-button:hover svg, .elementor-3107 .elementor-element.elementor-element-bb95cc3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-da6034d{--spacer-size:94px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-3107 .elementor-element.elementor-element-4dfa426{--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-3107 .elementor-element.elementor-element-d25a3fc .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-3107 .elementor-element.elementor-element-b188ae2 .elementor-button{background-color:#F8F8F847;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:10px 21px 10px 21px;}.elementor-3107 .elementor-element.elementor-element-b188ae2 .elementor-button:hover, .elementor-3107 .elementor-element.elementor-element-b188ae2 .elementor-button:focus{background-color:#FFFFFF6B;color:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-b188ae2{margin:-131px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-b188ae2 .elementor-button:hover svg, .elementor-3107 .elementor-element.elementor-element-b188ae2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-42a4fc2{--spacer-size:94px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-3107 .elementor-element.elementor-element-9323e10{--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-3107 .elementor-element.elementor-element-f8dec5c .elementor-button{background-color:#F8F8F847;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:10px 21px 10px 21px;}.elementor-3107 .elementor-element.elementor-element-f8dec5c .elementor-button:hover, .elementor-3107 .elementor-element.elementor-element-f8dec5c .elementor-button:focus{background-color:#FFFFFF6B;color:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-f8dec5c{margin:-131px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-f8dec5c .elementor-button:hover svg, .elementor-3107 .elementor-element.elementor-element-f8dec5c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3107 .elementor-element.elementor-element-313a8cd{--spacer-size:94px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-3107 .elementor-element.elementor-element-f128712{--display:flex;}.elementor-3107 .elementor-element.elementor-element-567e99a{--display:flex;}.elementor-3107 .elementor-element.elementor-element-6b2b908{padding:13px 0px 25px 0px;}.elementor-3107 .elementor-element.elementor-element-6b2b908 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:700;color:#000000;}.elementor-widget-ucaddon_woocommerce_product_grid .ue_category_label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_title,.elementor-widget-ucaddon_woocommerce_product_grid .uc_title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_sku_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .ue-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_price .ue-text-after-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_regular_price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_regular_price .ue-text-after-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_regular_price:not(.uc_regular_price--single){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_post_grid_style_one_button > a, .uc-button-addcart, .added_to_cart{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .ue_woocommerce_product_label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_woocommerce_product_grid .uc_post_grid_style_one_button > a.uc_more_btn-custom-field{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-woo-grid{grid-template-columns:repeat(4, 1fr);gap:20px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_grid_prices > div{display:block;}.elementor-3107 .elementor-element.elementor-element-6517eaa .padding{padding:20px 20px 20px 20px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_grid_style_one_item{border-radius:0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_grid_style_one_item .uc_content{background-color:#eeeeee;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_image img{height:320px;object-fit:Cover;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_image{background-color:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_category_label{color:#000000;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_category_label:first-child{margin-top:0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_category_wrapper{justify-content:center;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_title a{color:#000000;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_title{margin-top:0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-description{color:#000000;margin-top:10px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_price{color:#000000;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_regular_price{color:#7f7f7f;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_grid_style_one_button > a,.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-button-addcart,.elementor-3107 .elementor-element.elementor-element-6517eaa .added_to_cart{padding:10px 20px 10px 20px;margin-top:10px;border-radius:20px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-inner-btn-wrapper{gap:10px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-button-addcart,.elementor-3107 .elementor-element.elementor-element-6517eaa .added_to_cart,.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-variable-btn{background-color:#000000;color:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_more_btn{background-color:#000000;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc_post_grid_style_one_button > a.uc_more_btn{color:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_woocommerce_product_label{color:#ffffff;padding:10px 10px 10px 10px;border-radius:0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_woocommerce_product_carousel_sale_label{background-color:#5b5b5b;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue_woocommerce_product_grid_out_of_stock_label{background-color:#5b5b5b;}.elementor-3107 .elementor-element.elementor-element-6517eaa .product-rating{margin-top:5px;color:#ffb900;font-size:15px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons{margin:10px 0px 10px 0px;gap:10px;justify-content:space-between;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons button{height:50px;width:50px;background-color:#919191;color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#767676;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons input{height:50px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons button,.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons input{border-radius:100px 100px 100px 100px;}.elementor-3107 .elementor-element.elementor-element-6517eaa input.uc-grid-count-buttons__number{background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#aaaaaa;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons button svg{fill:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons button:hover{color:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .uc-grid-count-buttons button:hover svg{fill:#ffffff;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-3107 .elementor-element.elementor-element-ef7f6a9{--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-3107 .elementor-element.elementor-element-2c124ca{--spacer-size:50px;}@media(max-width:1024px){.elementor-3107 .elementor-element.elementor-element-feb8216{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-a196725{--spacer-size:0px;}.elementor-3107 .elementor-element.elementor-element-bb95cc3{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-da6034d{--spacer-size:0px;}.elementor-3107 .elementor-element.elementor-element-b188ae2{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-42a4fc2{--spacer-size:0px;}.elementor-3107 .elementor-element.elementor-element-f8dec5c{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-313a8cd{--spacer-size:0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-woo-grid{grid-template-columns:repeat(2, 1fr);}}@media(min-width:768px){.elementor-3107 .elementor-element.elementor-element-ff6c4f4{--content-width:809px;}.elementor-3107 .elementor-element.elementor-element-9d583f8{--content-width:1245px;}.elementor-3107 .elementor-element.elementor-element-4ed8c16{--width:25%;}.elementor-3107 .elementor-element.elementor-element-31b28bc{--width:25%;}.elementor-3107 .elementor-element.elementor-element-4dfa426{--width:25%;}.elementor-3107 .elementor-element.elementor-element-9323e10{--width:25%;}}@media(max-width:767px){.elementor-3107 .elementor-element.elementor-element-c588060 .elementor-heading-title{font-size:31px;}.elementor-3107 .elementor-element.elementor-element-e310438 .elementor-heading-title{font-size:35px;}.elementor-3107 .elementor-element.elementor-element-d41d08d{font-size:15px;}.elementor-3107 .elementor-element.elementor-element-a196725{--spacer-size:50px;}.elementor-3107 .elementor-element.elementor-element-da6034d{--spacer-size:50px;}.elementor-3107 .elementor-element.elementor-element-42a4fc2{--spacer-size:50px;}.elementor-3107 .elementor-element.elementor-element-313a8cd{--spacer-size:50px;}.elementor-3107 .elementor-element.elementor-element-6b2b908{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3107 .elementor-element.elementor-element-6517eaa .ue-woo-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS *//* ================================ DKV Image Cards (scoped, no button) Section: data-id="9d583f8" ================================ */ /* --- Layout resets (keep things tight) --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image, .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption, .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption .wp-caption-text{ margin: 0 !important; padding: 0 !important; box-sizing: border-box; } .elementor-element[data-id="9d583f8"] .e-con-inner{ padding: 0 !important; } /* --- Card container --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption{ position: relative; display: block; width: 100%; border-radius: 26px; overflow: hidden; box-shadow: 0 10px 24px rgba(0,0,0,.18); isolation: isolate; /* Taller cards without changing width */ aspect-ratio: 1 / 1.08; } /* --- Image --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; transform: scale(1); will-change: transform; transition: transform .6s cubic-bezier(.22,.61,.36,1); } /* --- Soft dark overlay for legibility --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(120% 80% at 50% 15%, rgba(0,0,0,.28) 0%, transparent 55%), linear-gradient(to top, rgba(0,0,0,.68), rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 75%); opacity: .9; z-index: 1; pointer-events: none; transition: opacity .35s ease; } /* --- Centered caption --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption .wp-caption-text{ position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -42%); color: #fff; font-size: 25px; /* final desktop/tablet size */ font-weight: 700; line-height: 1.1; letter-spacing: .2px; text-align: center; text-shadow: 0 2px 6px rgba(0,0,0,.35); opacity: 1; transition: transform .35s ease, opacity .35s ease; pointer-events: none; /* clicks pass through to link */ } /* --- Make entire card clickable when <a> exists --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption > a{ position: absolute !important; inset: 0 !important; display: block; z-index: 3; background: transparent; text-indent: 0 !important; /* ensure image is visible */ white-space: normal !important; } /* --- Hover interactions --- */ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption:hover img{ transform: scale(1.06); } .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption:hover::before{ opacity: 1; } .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption:hover .wp-caption-text{ transform: translate(-50%, -50%); } /* --- Responsive tweaks --- */ @media (min-width: 1025px){ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption{ aspect-ratio: 1 / 1.12; /* slightly taller on large screens */ } } @media (max-width: 767px){ .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption{ aspect-ratio: 1 / 1.02; /* keep near-square on phones */ } .elementor-element[data-id="9d583f8"] .elementor-widget-image .wp-caption .wp-caption-text{ font-size: 20px; /* your previous mobile size */ } } /* =========================== Kathiz Agro – Product Cards Grid: #uc_woocommerce_product_grid_elementor_6517eaa =========================== */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item{ position: relative; background: #fff; border-radius: 18px; box-shadow: 0 8px 24px rgba(0,0,0,.08); overflow: hidden; text-align: left; /* like the reference */ display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .25s ease; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item:hover{ transform: translateY(-4px); box-shadow: 0 16px 36px rgba(0,0,0,.12); } /* Top image block */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image-wrapper{ position: relative; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image .uc_post_image{ aspect-ratio: 16 / 10; /* consistent image height like screenshot */ overflow: hidden; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform .45s ease; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item:hover .uc_post_grid_style_one_image img{ transform: scale(1.04); } /* “Premium” style pill (uses your category label) */ #uc_woocommerce_product_grid_elementor_6517eaa .ue_category_wrapper{ position: absolute; top: 14px; right: 14px; z-index: 2; } #uc_woocommerce_product_grid_elementor_6517eaa .ue_category_label{ display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--agrox-primary-color, #43aa5c); color: #fff; font-weight: 700; font-size: 14px; line-height: 1; box-shadow: 0 4px 12px rgba(0,0,0,.12); text-decoration: none; } /* Content area */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_content.padding{ padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 10px; } /* Title + optional subtitle */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_title{ margin: 0; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_title a{ color: var(--agrox-dark-color, #164333); font-weight: 700; font-size: 22px; text-decoration: none; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_content p{ margin: 0; color: #6b7280; /* subtle gray like reference */ font-size: 16px; } /* Bottom area (button full width) */ #uc_woocommerce_product_grid_elementor_6517eaa .ue_grid_item_bottom{ margin-top: 10px; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button{ width: 100%; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn{ display: block; width: 100%; text-align: center; padding: 16px 18px; border-radius: 12px; background: var(--agrox-primary-color, #43aa5c); /* green */ color: #fff; font-weight: 700; font-size: 18px; text-decoration: none; box-shadow: 0 8px 22px rgba(67,170,92,.25); transition: filter .2s ease, transform .15s ease, box-shadow .25s ease; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn:hover{ filter: brightness(0.92); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(67,170,92,.28); } /* Clean up the plugin’s inner wrapper */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item .ue-inner-btn-wrapper{ display: inline; /* let the anchor control sizing */ } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn i{ display:none; /* hide any stray icons if empty */ } /* Responsive niceties */ @media (max-width: 767px){ #uc_woocommerce_product_grid_elementor_6517eaa .uc_title a{ font-size: 20px; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn{ font-size: 17px; padding: 14px 16px; } } /* === Fixes for product cards & button === */ /* Scope: only this grid */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item{ background:#fff !important; /* white card */ box-shadow: 0 10px 24px rgba(0,0,0,.10); /* soft shadow like reference */ border-radius: 18px; /* keep the same rounded look */ } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image-wrapper, #uc_woocommerce_product_grid_elementor_6517eaa .uc_content.padding{ background:#fff !important; /* ensure inner areas stay white */ } /* Button: exact padding + full width + brand green */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button{ width:100%; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn{ display:block; width:100%; background: var(--agrox-primary-color, #43aa5c); /* same green */ color:#fff; font-weight:700; font-size:18px; text-decoration:none; border-radius:12px; padding:10px 24px 10px 25px; /* TOP 10 | RIGHT 24 | BOTTOM 10 | LEFT 25 */ line-height:1.2; box-shadow: 0 8px 22px rgba(67,170,92,.25); transition: filter .2s ease, transform .15s ease, box-shadow .25s ease; } #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_button .uc_more_btn:hover{ filter:brightness(.92); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(67,170,92,.28); } /* clean up inner wrapper so padding is accurate */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_item .ue-inner-btn-wrapper{ display:inline; padding:0; margin:0; } /* Slightly taller cards (via image ratio) */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image .uc_post_image{ aspect-ratio: 16 / 13; /* was 16 / 10 — this adds a little height */ } /* Keep phones closer to original */ @media (max-width: 767px){ #uc_woocommerce_product_grid_elementor_6517eaa .uc_post_grid_style_one_image .uc_post_image{ aspect-ratio: 16 / 10.5; } } /* Title: slightly smaller + semibold, responsive */ #uc_woocommerce_product_grid_elementor_6517eaa .uc_title a{ font-weight: 600 !important; font-size: clamp(18px, 1.6vw, 20px); /* desktop tops out ~20px */ line-height: 1.25; } /* Ensure mobile is a touch smaller */ @media (max-width: 767px){ #uc_woocommerce_product_grid_elementor_6517eaa .uc_title a{ font-size: 18px !important; /* override older 20px mobile rule */ } }/* End custom CSS */