.elementor-42 .elementor-element.elementor-element-d63d204{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-c949fa7{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-42 .elementor-element.elementor-element-00af6e5{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-42 .elementor-element.elementor-element-9cbb358 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-9cbb358.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-9cbb358.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-ad5c8c4{--display:flex;}.elementor-42 .elementor-element.elementor-element-d7b5c53 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-d7b5c53.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-d7b5c53.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-35a8c59{--display:flex;}.elementor-42 .elementor-element.elementor-element-34ae261 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-34ae261.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-34ae261.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-2325df1{--display:flex;}.elementor-42 .elementor-element.elementor-element-792ac85 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-792ac85.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-792ac85.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-c485e86{--display:flex;}.elementor-42 .elementor-element.elementor-element-a47de73 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-a47de73.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-a47de73.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-73e119f{--display:flex;}.elementor-42 .elementor-element.elementor-element-3d7a9e8 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-3d7a9e8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-3d7a9e8.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-c6b3e26{--display:flex;}.elementor-42 .elementor-element.elementor-element-bf1c7c0 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-42 .elementor-element.elementor-element-bf1c7c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-bf1c7c0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-f97f98d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:16px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#FFFFFF;}.elementor-42 .elementor-element.elementor-element-f97f98d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C9A24B;}.elementor-42 .elementor-element.elementor-element-f97f98d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-42 .elementor-element.elementor-element-f97f98d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C9A24B;}.elementor-42 .elementor-element.elementor-element-f97f98d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}.elementor-42 .elementor-element.elementor-element-621a100{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-7126119{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-6b17741 > .elementor-widget-container{padding:0px 50px 50px 50px;}.elementor-42 .elementor-element.elementor-element-6b17741.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-6b17741.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42 .elementor-element.elementor-element-aec00b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-42 .elementor-element.elementor-element-621a100{--width:100%;}.elementor-42 .elementor-element.elementor-element-7126119{--width:100%;}}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-9cbb358.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-d7b5c53.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-34ae261.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-792ac85.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-a47de73.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-3d7a9e8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-bf1c7c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-6b17741.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-9cbb358.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-d7b5c53.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-34ae261.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-792ac85.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-a47de73.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-3d7a9e8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-bf1c7c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42 .elementor-element.elementor-element-6b17741.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9cbb358 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product, .elementor-42 .elementor-element.elementor-element-9cbb358 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d7b5c53 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product, .elementor-42 .elementor-element.elementor-element-d7b5c53 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-34ae261 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product, .elementor-42 .elementor-element.elementor-element-34ae261 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-792ac85 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product, .elementor-42 .elementor-element.elementor-element-792ac85 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-a47de73 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product, .elementor-42 .elementor-element.elementor-element-a47de73 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3d7a9e8 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product, .elementor-42 .elementor-element.elementor-element-3d7a9e8 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-bf1c7c0 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product, .elementor-42 .elementor-element.elementor-element-bf1c7c0 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-621a100 *//* ============ HOKU LABS — WooCommerce Products Widget (v2) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v2: title/price colors forced (!important) + smooth animations ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (color forced) ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product h2 a{ font-family:'Cormorant Garamond',serif !important; font-size:1.25rem !important; font-weight:600 !important; line-height:1.12 !important; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (color forced) ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price bdi{ font-family:'Cormorant Garamond',serif !important; font-size:1.3rem !important; font-weight:700 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price del bdi{ color:#77776f !important; font-size:1rem !important; font-weight:500 !important; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product, .elementor-42 .elementor-element.elementor-element-621a100 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-6b17741 *//* ============ HOKU LABS — WooCommerce Products Widget (v3) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v3: title + price = Poppins (sizes/line-height sans-serif ke liye adjusted) ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product h2 a{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.08rem !important; font-weight:600 !important; line-height:1.35 !important; letter-spacing:-.01em; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (Poppins, color forced) ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price bdi{ font-family:'Poppins',system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:600 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price del bdi{ font-family:'Poppins',system-ui,sans-serif !important; color:#77776f !important; font-size:.9rem !important; font-weight:400 !important; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product, .elementor-42 .elementor-element.elementor-element-6b17741 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7126119 *//* ============ HOKU LABS — WooCommerce Products Widget (v2) ============ Paste into: Products widget > Advanced > Custom CSS (Elementor Pro) v2: title/price colors forced (!important) + smooth animations ======================================================================= */ /* ---- Product card ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product{ background:#fff; border:1px solid rgba(10,10,11,.09); border-radius:0; padding:0; overflow:hidden; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover{ border-color:rgba(201,162,75,.45); transform:translateY(-5px); box-shadow:0 14px 30px rgba(10,10,11,.08); } /* ---- Product image (square, cover, zoom on hover) ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .woocommerce-loop-product__link, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product a img{ display:block; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#f1f0ec; margin:0 0 16px; transition:transform .5s ease; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover img{ transform:scale(1.05); } /* ---- Title (color forced) ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product h2, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product h2 a{ font-family:'Cormorant Garamond',serif !important; font-size:1.25rem !important; font-weight:600 !important; line-height:1.12 !important; color:#0a0a0b !important; padding:0 20px; margin:0 0 10px; transition:color .25s ease; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover .woocommerce-loop-product__title, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover .woocommerce-loop-product__title a, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover h2, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:hover h2 a{ color:#a8842f !important; } /* ---- Category label (agar widget me on hai) ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .product__categories, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .product-categories{ font-family:'IBM Plex Mono',monospace !important; font-size:.64rem !important; letter-spacing:.14em; text-transform:uppercase; color:#77776f !important; padding:0 20px; margin:0 0 6px; } /* ---- Price (color forced) ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price .amount, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price bdi{ font-family:'Cormorant Garamond',serif !important; font-size:1.3rem !important; font-weight:700 !important; color:#0a0a0b !important; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price{ padding:0 20px; margin:0 0 14px; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price del, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price del .amount, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price del bdi{ color:#77776f !important; font-size:1rem !important; font-weight:500 !important; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price del{margin-right:8px} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .price ins{text-decoration:none} /* ---- Add to Cart button ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .button, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .add_to_cart_button{ background:#0a0a0b !important; color:#fafaf8 !important; border:1px solid #0a0a0b !important; border-radius:0 !important; padding:10px 16px; font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:.72rem !important; font-weight:400; letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease, color .25s ease; margin:auto 20px 22px; align-self:flex-start; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .button:hover, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .add_to_cart_button:hover{ background:#a8842f !important; border-color:#a8842f !important; color:#fafaf8 !important; } /* ---- Sale badge ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .onsale{ background:#c9a24b !important; color:#0a0a0b !important; border-radius:0; font-family:'IBM Plex Mono',monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; min-height:0; line-height:1; padding:8px 12px; z-index:5; } /* ---- Star rating ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .star-rating{ color:#c9a24b !important; margin:0 20px 8px; } /* ---- "Added to cart" / view cart link ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product .added_to_cart{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#a8842f !important; padding:0 20px 16px; } /* ---- Entrance animation: cards fade-up on load ---- */ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product{ animation:hkFadeUp .6s ease both; } .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(2){animation-delay:.08s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(3){animation-delay:.16s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(4){animation-delay:.24s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(5){animation-delay:.32s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(6){animation-delay:.4s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(7){animation-delay:.48s} .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product:nth-child(8){animation-delay:.56s} @keyframes hkFadeUp{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } /* ---- Reduced motion respect ---- */ @media (prefers-reduced-motion:reduce){ .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product, .elementor-42 .elementor-element.elementor-element-7126119 ul.products li.product img{ animation:none !important; transition:none !important; } }/* End custom CSS */