.elementor-163 .elementor-element.elementor-element-95ad945{--display:flex;--min-height:650px;--overlay-opacity:0.2;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-95ad945:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-95ad945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://claycanvaspk.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-3-2026-01_12_49-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-95ad945::before, .elementor-163 .elementor-element.elementor-element-95ad945 > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-95ad945 > .e-con-inner > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-95ad945 > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-95ad945 > .e-con-inner > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-95ad945 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-163 .elementor-element.elementor-element-94d6fa0{--display:flex;}.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-163 .elementor-element.elementor-element-08af478{font-family:"Tenor Sans", Sans-serif;font-size:16px;font-weight:400;color:#F2E8D5;}.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-163 .elementor-element.elementor-element-6f79352 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:54px;font-weight:600;line-height:66px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-a416411{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;font-family:"Allison", Sans-serif;font-size:46px;font-weight:400;line-height:1px;color:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-a8e4fd0{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:3px;color:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one{background-color:#51341E;color:#F2E8D5;font-family:"Tenor Sans", Sans-serif;font-size:14px;font-weight:500;border-radius:9px 9px 9px 9px;padding:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two{background-color:#DDBDA1;color:#51341E;font-family:"Tenor Sans", Sans-serif;font-size:14px;border-radius:8px 8px 8px 8px;padding:10px 0px 10px 0px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit_double_button{width:82%;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn:not(:last-child){margin-right:22px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one > i{padding-left:8px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one > svg{margin-left:8px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two > i{padding-left:8px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two > svg{margin-left:8px;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one svg{fill:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one:hover{color:#ffffff;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-one:hover svg{fill:#ffffff;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two:hover{color:#ffffff;}.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit-double-btn.ekit-double-btn-two:hover svg{fill:#ffffff;}.elementor-163 .elementor-element.elementor-element-f5870e1{text-align:center;}.elementor-163 .elementor-element.elementor-element-f5870e1 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:40px;font-weight:600;line-height:66px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-b6c2438{text-align:start;}.elementor-163 .elementor-element.elementor-element-b6c2438 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:36px;font-weight:600;line-height:66px;color:#51341E;}.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-163 .elementor-element.elementor-element-0aeb3c5 .elementor-button{background-color:#51341E;font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-0aeb3c5 .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-0aeb3c5 .elementor-button:focus{background-color:#DDBDA1;color:#51341E;}.elementor-163 .elementor-element.elementor-element-0aeb3c5 .elementor-button:hover svg, .elementor-163 .elementor-element.elementor-element-0aeb3c5 .elementor-button:focus svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-9eda807{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#CE4F4F00;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-163 .elementor-element.elementor-element-d904e99 span.woolentor-tip{background-color:#8A202000;color:#FFFFFF00;}.elementor-163 .elementor-element.elementor-element-d904e99 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-product-inner .ht-product-categories{display:none !important;}.elementor-163 .elementor-element.elementor-element-d904e99 .woocommerce div.product.mb-30{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner{border-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:20px 20px 10px 20px;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#51341E;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#000000;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#000000;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:16px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#51341E;font-size:16px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#51341E;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span{font-size:14px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#00000000;width:67px;height:37px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:27px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-163 .elementor-element.elementor-element-d904e99 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-d904e99 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-163 .elementor-element.elementor-element-d904e99 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-d904e99 .ht-product-action ul li.woolentor-cart a,.elementor-163 .elementor-element.elementor-element-d904e99 .ht-product-action ul li.woolentor-cart a::before{line-height:27px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li{padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-d904e99 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-163 .elementor-element.elementor-element-7c9b073{text-align:start;}.elementor-163 .elementor-element.elementor-element-7c9b073 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:36px;font-weight:600;line-height:66px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-fb546ad .elementor-button{background-color:#51341E;font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-fb546ad .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-fb546ad .elementor-button:focus{background-color:#DDBDA1;color:#51341E;}.elementor-163 .elementor-element.elementor-element-fb546ad .elementor-button:hover svg, .elementor-163 .elementor-element.elementor-element-fb546ad .elementor-button:focus svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-5b8f7d1{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#CE4F4F00;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-163 .elementor-element.elementor-element-b1a3f2d span.woolentor-tip{background-color:#8A202000;color:#FFFFFF00;}.elementor-163 .elementor-element.elementor-element-b1a3f2d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-product-inner .ht-product-categories{display:none !important;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .woocommerce div.product.mb-30{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner{border-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content{padding:20px 20px 10px 20px;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#51341E;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#000000;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#000000;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:16px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#51341E;font-size:16px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#51341E;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span{font-size:14px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#00000000;width:67px;height:37px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:27px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-product-action ul li.woolentor-cart a,.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-product-action ul li.woolentor-cart a::before{line-height:27px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li{padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-b1a3f2d .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-163 .elementor-element.elementor-element-95d7c9f{--display:flex;--min-height:600px;--justify-content:center;--overlay-opacity:0.7;}.elementor-163 .elementor-element.elementor-element-95d7c9f:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://claycanvaspk.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-9.30.08-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-95d7c9f::before, .elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-95d7c9f > .e-con-inner > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-95d7c9f > .e-con-inner > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-shape-top .elementor-shape-fill, .elementor-163 .elementor-element.elementor-element-95d7c9f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-95d7c9f > .elementor-shape-bottom .elementor-shape-fill, .elementor-163 .elementor-element.elementor-element-95d7c9f > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-c068713{text-align:start;}.elementor-163 .elementor-element.elementor-element-c068713 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:36px;font-weight:600;line-height:66px;color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-b0cc752{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:3px;color:#F2E8D5;}.elementor-163 .elementor-element.elementor-element-536a1fd .elementor-button{background-color:#DDBDA1;font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-536a1fd .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-536a1fd .elementor-button:focus{background-color:#DDBDA1;color:#51341E;}.elementor-163 .elementor-element.elementor-element-536a1fd .elementor-button:hover svg, .elementor-163 .elementor-element.elementor-element-536a1fd .elementor-button:focus svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-1ca6e0a{text-align:start;}.elementor-163 .elementor-element.elementor-element-1ca6e0a .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:36px;font-weight:600;line-height:66px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-57f1798 .elementor-button{background-color:#51341E;font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-57f1798 .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-57f1798 .elementor-button:focus{background-color:#DDBDA1;color:#51341E;}.elementor-163 .elementor-element.elementor-element-57f1798 .elementor-button:hover svg, .elementor-163 .elementor-element.elementor-element-57f1798 .elementor-button:focus svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-3494133{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#CE4F4F00;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-163 .elementor-element.elementor-element-4f0b408 span.woolentor-tip{background-color:#8A202000;color:#FFFFFF00;}.elementor-163 .elementor-element.elementor-element-4f0b408 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-product-inner .ht-product-categories{display:none !important;}.elementor-163 .elementor-element.elementor-element-4f0b408 .woocommerce div.product.mb-30{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner{border-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:20px 20px 10px 20px;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#51341E;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#000000;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#000000;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:16px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#51341E;font-size:16px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#51341E;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span{font-size:14px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#00000000;width:67px;height:37px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:27px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-product-action ul li.woolentor-cart a,.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-product-action ul li.woolentor-cart a::before{line-height:27px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li{padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-4f0b408 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-163 .elementor-element.elementor-element-5ed584b{text-align:start;}.elementor-163 .elementor-element.elementor-element-5ed584b .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:36px;font-weight:600;line-height:66px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-0be0018 .elementor-button{background-color:#51341E;font-family:"Times New Roman", Sans-serif;font-size:18px;font-weight:500;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-0be0018 .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-0be0018 .elementor-button:focus{background-color:#DDBDA1;color:#51341E;}.elementor-163 .elementor-element.elementor-element-0be0018 .elementor-button:hover svg, .elementor-163 .elementor-element.elementor-element-0be0018 .elementor-button:focus svg{fill:#51341E;}.elementor-163 .elementor-element.elementor-element-6de4c97{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#CE4F4F00;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-163 .elementor-element.elementor-element-f7a4dd2 span.woolentor-tip{background-color:#8A202000;color:#FFFFFF00;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-product-inner .ht-product-categories{display:none !important;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .woocommerce div.product.mb-30{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner{border-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:20px 20px 10px 20px;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#51341E;background-color:#DDBDA1;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#000000;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#000000;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:16px;color:#51341E;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#51341E;font-size:16px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#51341E;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span{font-size:14px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#00000000;width:67px;height:37px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:27px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .woolentor-compare.compare::before,.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-product-action ul li.woolentor-cart a,.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-product-action ul li.woolentor-cart a::before{line-height:27px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li{padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-163 .elementor-element.elementor-element-9919c95{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-95ad945{--content-width:1300px;}.elementor-163 .elementor-element.elementor-element-94d6fa0{--width:40%;}.elementor-163 .elementor-element.elementor-element-9eda807{--content-width:1300px;}.elementor-163 .elementor-element.elementor-element-5b8f7d1{--content-width:1300px;}.elementor-163 .elementor-element.elementor-element-3494133{--content-width:1300px;}.elementor-163 .elementor-element.elementor-element-6de4c97{--content-width:1300px;}}@media(max-width:1024px){.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit_double_button{width:80%;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-75db1a8 .ekit_double_button{width:100%;}.elementor-163 .elementor-element.elementor-element-d904e99 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-b1a3f2d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-4f0b408 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-f7a4dd2 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for woolentor-universal-product, class: .elementor-element-d904e99 *//* ============================================================ PREMIUM PRODUCT GRID Primary: #E7C8A0 Secondary: #111810 Add to Cart: #51341E ============================================================ */ /* ============================================================ DESKTOP — 4 COLUMNS ============================================================ */ @media (min-width: 1025px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 22px; } .ht-product { flex: 1 1 calc((100% - 66px) / 4); max-width: calc((100% - 66px) / 4); background: #DDBDA1; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 16px; overflow: hidden; padding: 0; box-shadow: 0 5px 20px rgba(17, 24, 16, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .ht-product:hover { transform: translateY(-7px); border-color: rgba(231, 200, 160, 0.8); box-shadow: 0 12px 35px rgba(17, 24, 16, 0.14), 0 4px 12px rgba(231, 200, 160, 0.20); } /* Product Image */ .ht-product-image { position: relative; overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 16px 16px 0 0; transition: transform 0.5s ease, filter 0.5s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.045); } /* Product Content */ .ht-product-content { padding: 12px 14px 14px; background: #ffffff; text-align: center; } /* Product Title */ .ht-product-title { margin: 0; text-align: center; } .ht-product-title a { display: block; color: #111810; font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: center; margin: 0; padding: 0; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } /* Product Price */ .ht-product-price { color: #111810; font-size: 13px; font-weight: 700; margin-top: 6px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 13px; font-weight: 400; margin-right: 5px; } .ht-product-price ins { color: #111810; text-decoration: none; font-weight: 700; } /* Rating */ .ht-product-ratting-wrap { margin-top: 10px; } /* Sale Badge */ .ht-product-label { position: absolute; top: 12px; right: 12px; background: #E7C8A0; color: #111810; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; padding: 6px 11px; border-radius: 20px; box-shadow: 0 4px 12px rgba(17, 24, 16, 0.15); } } /* ============================================================ TABLET — 3 COLUMNS ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 18px; } .ht-product { flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3); background: #E7C8A0; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 14px; overflow: hidden; padding: 0; box-shadow: 0 4px 16px rgba(17, 24, 16, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ht-product:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(17, 24, 16, 0.14); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 260px; object-fit: cover; display: block; border-radius: 14px 14px 0 0; transition: transform 0.45s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.04); } .ht-product-content { padding: 10px 12px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 12px; font-weight: 700; margin-top: 6px; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 12px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 10px; font-weight: 700; padding: 5px 9px; border-radius: 18px; top: 10px; right: 10px; } .ht-product-ratting-wrap { margin-top: 9px; } } /* ============================================================ MOBILE — 2 COLUMNS ============================================================ */ @media (max-width: 767px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 12px; } .ht-product { flex: 1 1 calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); background: #ffffff; border: 1px solid rgba(231, 200, 160, 0.30); border-radius: 10px; box-shadow: 0 4px 10px rgba(17, 24, 16, 0.20); padding: 0; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; } .ht-product:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(17, 24, 16, 0.20); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 190px; object-fit: cover; display: block; border-radius: 10px 10px 0 0; transition: transform 0.35s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.03); } .ht-product-content { padding: 7px 7px 6px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 11px; font-weight: 600; line-height: 1.3; margin-top: 0; padding: 0; text-decoration: none; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 11px; font-weight: 700; margin-top: 4px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 10px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-ratting-wrap { margin-top: 8px; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 9px; font-weight: 700; padding: 4px 7px; border-radius: 15px; top: 6px; right: 6px; } } /* ============================================================ MOBILE PORTRAIT — EXTRA OPTIMIZATION ============================================================ */ @media (max-width: 480px) { .ht-row, .products, .ht-products { gap: 10px; padding: 0 8px; } .ht-product { flex: 1 1 calc((100% - 10px) / 2); max-width: calc((100% - 10px) / 2); border-radius: 8px; } .ht-product-image img { height: 150px; border-radius: 8px 8px 0 0; } .ht-product-content { padding: 6px 6px 5px; text-align: center; } .ht-product-title a { font-size: 11px; line-height: 1.3; } .ht-product-price { font-size: 10px; margin-top: 3px; text-align: center !important; } .ht-product-price del { font-size: 9px; } .ht-product-label { font-size: 9px; padding: 3px 7px; top: 6px; right: 6px; } .ht-product-ratting-wrap { margin-top: 7px; } } /* ============================================================ ADD TO CART ============================================================ */ /* Hide both Quick View buttons */ .ht-product-action .woolentorquickview, .ht-product-action .shopengine-quickview-trigger { display: none !important; } /* Remove unwanted action-area background/shadow */ .ht-product-action, .ht-product-action ul, .ht-product-action li, .ht-product-action .woolentor-cart { background: transparent !important; box-shadow: none !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } .ht-product-action { margin-top: 6px !important; } /* Center the Add to Cart button */ .ht-product-action .woolentor-cart { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } /* Add to Cart Button */ .ht-product-action .woolentor-cart a.add_to_cart_button { background-color: #51341E !important; color: #ffffff !important; border: 1px solid #51341E !important; border-radius: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; width: 85% !important; max-width: 100% !important; box-sizing: border-box !important; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; } /* Cart Icon — renders after the text, i.e. on the right side */ .ht-product-action .woolentor-cart a.add_to_cart_button::after { content: "\f07a" !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 14px !important; line-height: 1 !important; display: inline-flex !important; flex-shrink: 0 !important; } /* Add to Cart Hover */ .ht-product-action .woolentor-cart a.add_to_cart_button:hover { background-color: #3d2617 !important; border-color: #3d2617 !important; color: #ffffff !important; border-radius: 8px !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(81, 52, 30, 0.25) !important; } /* ============================================================ MOBILE ADD TO CART ============================================================ */ @media (max-width: 767px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 12px !important; padding: 7px 12px !important; min-height: 32px !important; gap: 6px !important; border-radius: 8px !important; margin: 0 !important; width: 90% !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 12px !important; } .ht-product-action { margin-top: 4px !important; } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 480px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 10px !important; padding: 6px 10px !important; min-height: 28px !important; gap: 4px !important; margin: 0 !important; width: 92% !important; border-radius: 8px !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 10px !important; } .ht-product-action { margin-top: 3px !important; } } /* Force center-align on WooCommerce price markup */ .ht-product-price, .ht-product-price .woocommerce-Price-amount, .ht-product-price .woocommerce-Price-amount.amount, .ht-product-price bdi { display: block !important; width: 100% !important; text-align: center !important; } /* In case the product content wrapper is overriding it */ .ht-product-content .ht-product-price { text-align: center !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-b1a3f2d *//* ============================================================ PREMIUM PRODUCT GRID Primary: #E7C8A0 Secondary: #111810 Add to Cart: #51341E ============================================================ */ /* ============================================================ DESKTOP — 4 COLUMNS ============================================================ */ @media (min-width: 1025px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 22px; } .ht-product { flex: 1 1 calc((100% - 66px) / 4); max-width: calc((100% - 66px) / 4); background: #DDBDA1; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 16px; overflow: hidden; padding: 0; box-shadow: 0 5px 20px rgba(17, 24, 16, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .ht-product:hover { transform: translateY(-7px); border-color: rgba(231, 200, 160, 0.8); box-shadow: 0 12px 35px rgba(17, 24, 16, 0.14), 0 4px 12px rgba(231, 200, 160, 0.20); } /* Product Image */ .ht-product-image { position: relative; overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 16px 16px 0 0; transition: transform 0.5s ease, filter 0.5s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.045); } /* Product Content */ .ht-product-content { padding: 12px 14px 14px; background: #ffffff; text-align: center; } /* Product Title */ .ht-product-title { margin: 0; text-align: center; } .ht-product-title a { display: block; color: #111810; font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: center; margin: 0; padding: 0; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } /* Product Price */ .ht-product-price { color: #111810; font-size: 13px; font-weight: 700; margin-top: 6px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 13px; font-weight: 400; margin-right: 5px; } .ht-product-price ins { color: #111810; text-decoration: none; font-weight: 700; } /* Rating */ .ht-product-ratting-wrap { margin-top: 10px; } /* Sale Badge */ .ht-product-label { position: absolute; top: 12px; right: 12px; background: #E7C8A0; color: #111810; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; padding: 6px 11px; border-radius: 20px; box-shadow: 0 4px 12px rgba(17, 24, 16, 0.15); } } /* ============================================================ TABLET — 3 COLUMNS ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 18px; } .ht-product { flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3); background: #E7C8A0; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 14px; overflow: hidden; padding: 0; box-shadow: 0 4px 16px rgba(17, 24, 16, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ht-product:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(17, 24, 16, 0.14); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 260px; object-fit: cover; display: block; border-radius: 14px 14px 0 0; transition: transform 0.45s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.04); } .ht-product-content { padding: 10px 12px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 12px; font-weight: 700; margin-top: 6px; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 12px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 10px; font-weight: 700; padding: 5px 9px; border-radius: 18px; top: 10px; right: 10px; } .ht-product-ratting-wrap { margin-top: 9px; } } /* ============================================================ MOBILE — 2 COLUMNS ============================================================ */ @media (max-width: 767px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 12px; } .ht-product { flex: 1 1 calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); background: #ffffff; border: 1px solid rgba(231, 200, 160, 0.30); border-radius: 10px; box-shadow: 0 4px 10px rgba(17, 24, 16, 0.20); padding: 0; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; } .ht-product:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(17, 24, 16, 0.20); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 190px; object-fit: cover; display: block; border-radius: 10px 10px 0 0; transition: transform 0.35s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.03); } .ht-product-content { padding: 7px 7px 6px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 11px; font-weight: 600; line-height: 1.3; margin-top: 0; padding: 0; text-decoration: none; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 11px; font-weight: 700; margin-top: 4px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 10px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-ratting-wrap { margin-top: 8px; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 9px; font-weight: 700; padding: 4px 7px; border-radius: 15px; top: 6px; right: 6px; } } /* ============================================================ MOBILE PORTRAIT — EXTRA OPTIMIZATION ============================================================ */ @media (max-width: 480px) { .ht-row, .products, .ht-products { gap: 10px; padding: 0 8px; } .ht-product { flex: 1 1 calc((100% - 10px) / 2); max-width: calc((100% - 10px) / 2); border-radius: 8px; } .ht-product-image img { height: 150px; border-radius: 8px 8px 0 0; } .ht-product-content { padding: 6px 6px 5px; text-align: center; } .ht-product-title a { font-size: 11px; line-height: 1.3; } .ht-product-price { font-size: 10px; margin-top: 3px; text-align: center !important; } .ht-product-price del { font-size: 9px; } .ht-product-label { font-size: 9px; padding: 3px 7px; top: 6px; right: 6px; } .ht-product-ratting-wrap { margin-top: 7px; } } /* ============================================================ ADD TO CART ============================================================ */ /* Hide both Quick View buttons */ .ht-product-action .woolentorquickview, .ht-product-action .shopengine-quickview-trigger { display: none !important; } /* Remove unwanted action-area background/shadow */ .ht-product-action, .ht-product-action ul, .ht-product-action li, .ht-product-action .woolentor-cart { background: transparent !important; box-shadow: none !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } .ht-product-action { margin-top: 6px !important; } /* Center the Add to Cart button */ .ht-product-action .woolentor-cart { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } /* Add to Cart Button */ .ht-product-action .woolentor-cart a.add_to_cart_button { background-color: #51341E !important; color: #ffffff !important; border: 1px solid #51341E !important; border-radius: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; width: 85% !important; max-width: 100% !important; box-sizing: border-box !important; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; } /* Cart Icon — renders after the text, i.e. on the right side */ .ht-product-action .woolentor-cart a.add_to_cart_button::after { content: "\f07a" !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 14px !important; line-height: 1 !important; display: inline-flex !important; flex-shrink: 0 !important; } /* Add to Cart Hover */ .ht-product-action .woolentor-cart a.add_to_cart_button:hover { background-color: #3d2617 !important; border-color: #3d2617 !important; color: #ffffff !important; border-radius: 8px !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(81, 52, 30, 0.25) !important; } /* ============================================================ MOBILE ADD TO CART ============================================================ */ @media (max-width: 767px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 12px !important; padding: 7px 12px !important; min-height: 32px !important; gap: 6px !important; border-radius: 8px !important; margin: 0 !important; width: 90% !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 12px !important; } .ht-product-action { margin-top: 4px !important; } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 480px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 10px !important; padding: 6px 10px !important; min-height: 28px !important; gap: 4px !important; margin: 0 !important; width: 92% !important; border-radius: 8px !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 10px !important; } .ht-product-action { margin-top: 3px !important; } } /* Force center-align on WooCommerce price markup */ .ht-product-price, .ht-product-price .woocommerce-Price-amount, .ht-product-price .woocommerce-Price-amount.amount, .ht-product-price bdi { display: block !important; width: 100% !important; text-align: center !important; } /* In case the product content wrapper is overriding it */ .ht-product-content .ht-product-price { text-align: center !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-4f0b408 *//* ============================================================ PREMIUM PRODUCT GRID Primary: #E7C8A0 Secondary: #111810 Add to Cart: #51341E ============================================================ */ /* ============================================================ DESKTOP — 4 COLUMNS ============================================================ */ @media (min-width: 1025px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 22px; } .ht-product { flex: 1 1 calc((100% - 66px) / 4); max-width: calc((100% - 66px) / 4); background: #DDBDA1; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 16px; overflow: hidden; padding: 0; box-shadow: 0 5px 20px rgba(17, 24, 16, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .ht-product:hover { transform: translateY(-7px); border-color: rgba(231, 200, 160, 0.8); box-shadow: 0 12px 35px rgba(17, 24, 16, 0.14), 0 4px 12px rgba(231, 200, 160, 0.20); } /* Product Image */ .ht-product-image { position: relative; overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 16px 16px 0 0; transition: transform 0.5s ease, filter 0.5s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.045); } /* Product Content */ .ht-product-content { padding: 12px 14px 14px; background: #ffffff; text-align: center; } /* Product Title */ .ht-product-title { margin: 0; text-align: center; } .ht-product-title a { display: block; color: #111810; font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: center; margin: 0; padding: 0; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } /* Product Price */ .ht-product-price { color: #111810; font-size: 13px; font-weight: 700; margin-top: 6px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 13px; font-weight: 400; margin-right: 5px; } .ht-product-price ins { color: #111810; text-decoration: none; font-weight: 700; } /* Rating */ .ht-product-ratting-wrap { margin-top: 10px; } /* Sale Badge */ .ht-product-label { position: absolute; top: 12px; right: 12px; background: #E7C8A0; color: #111810; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; padding: 6px 11px; border-radius: 20px; box-shadow: 0 4px 12px rgba(17, 24, 16, 0.15); } } /* ============================================================ TABLET — 3 COLUMNS ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 18px; } .ht-product { flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3); background: #E7C8A0; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 14px; overflow: hidden; padding: 0; box-shadow: 0 4px 16px rgba(17, 24, 16, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ht-product:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(17, 24, 16, 0.14); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 260px; object-fit: cover; display: block; border-radius: 14px 14px 0 0; transition: transform 0.45s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.04); } .ht-product-content { padding: 10px 12px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 12px; font-weight: 700; margin-top: 6px; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 12px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 10px; font-weight: 700; padding: 5px 9px; border-radius: 18px; top: 10px; right: 10px; } .ht-product-ratting-wrap { margin-top: 9px; } } /* ============================================================ MOBILE — 2 COLUMNS ============================================================ */ @media (max-width: 767px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 12px; } .ht-product { flex: 1 1 calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); background: #ffffff; border: 1px solid rgba(231, 200, 160, 0.30); border-radius: 10px; box-shadow: 0 4px 10px rgba(17, 24, 16, 0.20); padding: 0; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; } .ht-product:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(17, 24, 16, 0.20); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 190px; object-fit: cover; display: block; border-radius: 10px 10px 0 0; transition: transform 0.35s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.03); } .ht-product-content { padding: 7px 7px 6px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 11px; font-weight: 600; line-height: 1.3; margin-top: 0; padding: 0; text-decoration: none; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 11px; font-weight: 700; margin-top: 4px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 10px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-ratting-wrap { margin-top: 8px; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 9px; font-weight: 700; padding: 4px 7px; border-radius: 15px; top: 6px; right: 6px; } } /* ============================================================ MOBILE PORTRAIT — EXTRA OPTIMIZATION ============================================================ */ @media (max-width: 480px) { .ht-row, .products, .ht-products { gap: 10px; padding: 0 8px; } .ht-product { flex: 1 1 calc((100% - 10px) / 2); max-width: calc((100% - 10px) / 2); border-radius: 8px; } .ht-product-image img { height: 150px; border-radius: 8px 8px 0 0; } .ht-product-content { padding: 6px 6px 5px; text-align: center; } .ht-product-title a { font-size: 11px; line-height: 1.3; } .ht-product-price { font-size: 10px; margin-top: 3px; text-align: center !important; } .ht-product-price del { font-size: 9px; } .ht-product-label { font-size: 9px; padding: 3px 7px; top: 6px; right: 6px; } .ht-product-ratting-wrap { margin-top: 7px; } } /* ============================================================ ADD TO CART ============================================================ */ /* Hide both Quick View buttons */ .ht-product-action .woolentorquickview, .ht-product-action .shopengine-quickview-trigger { display: none !important; } /* Remove unwanted action-area background/shadow */ .ht-product-action, .ht-product-action ul, .ht-product-action li, .ht-product-action .woolentor-cart { background: transparent !important; box-shadow: none !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } .ht-product-action { margin-top: 6px !important; } /* Center the Add to Cart button */ .ht-product-action .woolentor-cart { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } /* Add to Cart Button */ .ht-product-action .woolentor-cart a.add_to_cart_button { background-color: #51341E !important; color: #ffffff !important; border: 1px solid #51341E !important; border-radius: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; width: 85% !important; max-width: 100% !important; box-sizing: border-box !important; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; } /* Cart Icon — renders after the text, i.e. on the right side */ .ht-product-action .woolentor-cart a.add_to_cart_button::after { content: "\f07a" !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 14px !important; line-height: 1 !important; display: inline-flex !important; flex-shrink: 0 !important; } /* Add to Cart Hover */ .ht-product-action .woolentor-cart a.add_to_cart_button:hover { background-color: #3d2617 !important; border-color: #3d2617 !important; color: #ffffff !important; border-radius: 8px !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(81, 52, 30, 0.25) !important; } /* ============================================================ MOBILE ADD TO CART ============================================================ */ @media (max-width: 767px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 12px !important; padding: 7px 12px !important; min-height: 32px !important; gap: 6px !important; border-radius: 8px !important; margin: 0 !important; width: 90% !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 12px !important; } .ht-product-action { margin-top: 4px !important; } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 480px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 10px !important; padding: 6px 10px !important; min-height: 28px !important; gap: 4px !important; margin: 0 !important; width: 92% !important; border-radius: 8px !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 10px !important; } .ht-product-action { margin-top: 3px !important; } } /* Force center-align on WooCommerce price markup */ .ht-product-price, .ht-product-price .woocommerce-Price-amount, .ht-product-price .woocommerce-Price-amount.amount, .ht-product-price bdi { display: block !important; width: 100% !important; text-align: center !important; } /* In case the product content wrapper is overriding it */ .ht-product-content .ht-product-price { text-align: center !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-f7a4dd2 *//* ============================================================ PREMIUM PRODUCT GRID Primary: #E7C8A0 Secondary: #111810 Add to Cart: #51341E ============================================================ */ /* ============================================================ DESKTOP — 4 COLUMNS ============================================================ */ @media (min-width: 1025px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 22px; } .ht-product { flex: 1 1 calc((100% - 66px) / 4); max-width: calc((100% - 66px) / 4); background: #DDBDA1; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 16px; overflow: hidden; padding: 0; box-shadow: 0 5px 20px rgba(17, 24, 16, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .ht-product:hover { transform: translateY(-7px); border-color: rgba(231, 200, 160, 0.8); box-shadow: 0 12px 35px rgba(17, 24, 16, 0.14), 0 4px 12px rgba(231, 200, 160, 0.20); } /* Product Image */ .ht-product-image { position: relative; overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 16px 16px 0 0; transition: transform 0.5s ease, filter 0.5s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.045); } /* Product Content */ .ht-product-content { padding: 12px 14px 14px; background: #ffffff; text-align: center; } /* Product Title */ .ht-product-title { margin: 0; text-align: center; } .ht-product-title a { display: block; color: #111810; font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: center; margin: 0; padding: 0; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } /* Product Price */ .ht-product-price { color: #111810; font-size: 13px; font-weight: 700; margin-top: 6px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 13px; font-weight: 400; margin-right: 5px; } .ht-product-price ins { color: #111810; text-decoration: none; font-weight: 700; } /* Rating */ .ht-product-ratting-wrap { margin-top: 10px; } /* Sale Badge */ .ht-product-label { position: absolute; top: 12px; right: 12px; background: #E7C8A0; color: #111810; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; padding: 6px 11px; border-radius: 20px; box-shadow: 0 4px 12px rgba(17, 24, 16, 0.15); } } /* ============================================================ TABLET — 3 COLUMNS ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 18px; } .ht-product { flex: 1 1 calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3); background: #E7C8A0; border: 1px solid rgba(231, 200, 160, 0.35); border-radius: 14px; overflow: hidden; padding: 0; box-shadow: 0 4px 16px rgba(17, 24, 16, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ht-product:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(17, 24, 16, 0.14); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 260px; object-fit: cover; display: block; border-radius: 14px 14px 0 0; transition: transform 0.45s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.04); } .ht-product-content { padding: 10px 12px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: color 0.3s ease; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 12px; font-weight: 700; margin-top: 6px; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 12px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 10px; font-weight: 700; padding: 5px 9px; border-radius: 18px; top: 10px; right: 10px; } .ht-product-ratting-wrap { margin-top: 9px; } } /* ============================================================ MOBILE — 2 COLUMNS ============================================================ */ @media (max-width: 767px) { .ht-row, .products, .ht-products { display: flex; flex-wrap: wrap; gap: 12px; } .ht-product { flex: 1 1 calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); background: #ffffff; border: 1px solid rgba(231, 200, 160, 0.30); border-radius: 10px; box-shadow: 0 4px 10px rgba(17, 24, 16, 0.20); padding: 0; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; } .ht-product:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(17, 24, 16, 0.20); } .ht-product-image { overflow: hidden; background: #f8f5ef; } .ht-product-image img { width: 100%; height: 190px; object-fit: cover; display: block; border-radius: 10px 10px 0 0; transition: transform 0.35s ease; } .ht-product:hover .ht-product-image img { transform: scale(1.03); } .ht-product-content { padding: 7px 7px 6px; background: #ffffff; text-align: center; } .ht-product-title a { color: #111810; font-size: 11px; font-weight: 600; line-height: 1.3; margin-top: 0; padding: 0; text-decoration: none; } .ht-product-title a:hover { color: #E7C8A0; } .ht-product-price { color: #111810; font-size: 11px; font-weight: 700; margin-top: 4px; padding: 0; text-align: center !important; } .ht-product-price del { color: #999999; font-size: 10px; } .ht-product-price ins { color: #111810; text-decoration: none; } .ht-product-ratting-wrap { margin-top: 8px; } .ht-product-label { background: #E7C8A0; color: #111810; font-size: 9px; font-weight: 700; padding: 4px 7px; border-radius: 15px; top: 6px; right: 6px; } } /* ============================================================ MOBILE PORTRAIT — EXTRA OPTIMIZATION ============================================================ */ @media (max-width: 480px) { .ht-row, .products, .ht-products { gap: 10px; padding: 0 8px; } .ht-product { flex: 1 1 calc((100% - 10px) / 2); max-width: calc((100% - 10px) / 2); border-radius: 8px; } .ht-product-image img { height: 150px; border-radius: 8px 8px 0 0; } .ht-product-content { padding: 6px 6px 5px; text-align: center; } .ht-product-title a { font-size: 11px; line-height: 1.3; } .ht-product-price { font-size: 10px; margin-top: 3px; text-align: center !important; } .ht-product-price del { font-size: 9px; } .ht-product-label { font-size: 9px; padding: 3px 7px; top: 6px; right: 6px; } .ht-product-ratting-wrap { margin-top: 7px; } } /* ============================================================ ADD TO CART ============================================================ */ /* Hide both Quick View buttons */ .ht-product-action .woolentorquickview, .ht-product-action .shopengine-quickview-trigger { display: none !important; } /* Remove unwanted action-area background/shadow */ .ht-product-action, .ht-product-action ul, .ht-product-action li, .ht-product-action .woolentor-cart { background: transparent !important; box-shadow: none !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } .ht-product-action { margin-top: 6px !important; } /* Center the Add to Cart button */ .ht-product-action .woolentor-cart { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } /* Add to Cart Button */ .ht-product-action .woolentor-cart a.add_to_cart_button { background-color: #51341E !important; color: #ffffff !important; border: 1px solid #51341E !important; border-radius: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; width: 85% !important; max-width: 100% !important; box-sizing: border-box !important; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; } /* Cart Icon — renders after the text, i.e. on the right side */ .ht-product-action .woolentor-cart a.add_to_cart_button::after { content: "\f07a" !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 14px !important; line-height: 1 !important; display: inline-flex !important; flex-shrink: 0 !important; } /* Add to Cart Hover */ .ht-product-action .woolentor-cart a.add_to_cart_button:hover { background-color: #3d2617 !important; border-color: #3d2617 !important; color: #ffffff !important; border-radius: 8px !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(81, 52, 30, 0.25) !important; } /* ============================================================ MOBILE ADD TO CART ============================================================ */ @media (max-width: 767px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 12px !important; padding: 7px 12px !important; min-height: 32px !important; gap: 6px !important; border-radius: 8px !important; margin: 0 !important; width: 90% !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 12px !important; } .ht-product-action { margin-top: 4px !important; } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 480px) { .ht-product-action .woolentor-cart a.add_to_cart_button { font-size: 10px !important; padding: 6px 10px !important; min-height: 28px !important; gap: 4px !important; margin: 0 !important; width: 92% !important; border-radius: 8px !important; } .ht-product-action .woolentor-cart a.add_to_cart_button::after { font-size: 10px !important; } .ht-product-action { margin-top: 3px !important; } } /* Force center-align on WooCommerce price markup */ .ht-product-price, .ht-product-price .woocommerce-Price-amount, .ht-product-price .woocommerce-Price-amount.amount, .ht-product-price bdi { display: block !important; width: 100% !important; text-align: center !important; } /* In case the product content wrapper is overriding it */ .ht-product-content .ht-product-price { text-align: center !important; }/* End custom CSS */