.elementor-224 .elementor-element.elementor-element-60b5780{--display:flex;}.elementor-224 .elementor-element.elementor-element-eaffa2b{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-d8411fb{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-d8411fb .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-bd032e9{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-bd032e9 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-e698ee8{margin:33px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-e698ee8 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-28b8f20{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-28b8f20 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-83b2bd1{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-83b2bd1 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-6e81866{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-6e81866 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-af5c63a{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-af5c63a .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-2dc7747{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-14px 0px 4px 0px;text-align:center;}.elementor-224 .elementor-element.elementor-element-2dc7747 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:16px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-7b50d1a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-224 .elementor-element.elementor-element-ba938da{padding:10px 10px 10px 10px;text-align:start;}.elementor-224 .elementor-element.elementor-element-ba938da .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:18px;font-weight:600;color:#000000;}.elementor-224 .elementor-element.elementor-element-0c89f6e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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{--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{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.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-224 .elementor-element.elementor-element-c48ee7a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-224 .elementor-element.elementor-element-c48ee7a nav.woocommerce-pagination{font-family:"Parastoo", Sans-serif;font-feature-settings:"numr";}.elementor-224 .elementor-element.elementor-element-c48ee7a nav.woocommerce-pagination ul li a{color:#FFFFFF;background-color:#2E4E29;}.elementor-224 .elementor-element.elementor-element-c48ee7a nav.woocommerce-pagination ul li a:hover{color:#2E4E29;background-color:#D9D7D7;}.elementor-224 .elementor-element.elementor-element-c48ee7a nav.woocommerce-pagination ul li span.current{color:#2E4E29;background-color:#D9D7D7;}.elementor-224 .elementor-element.elementor-element-c48ee7a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-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-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-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-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-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-wc-archive-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-wc-archive-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-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px;padding:10px 10px 10px 10px;border-color:#235215;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:9px 9px 9px 9px;margin-bottom:18px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;margin-bottom:7px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;margin-bottom:7px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";font-size:14px;font-weight:600;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price{color:#000000;font-family:"Parastoo", Sans-serif;font-feature-settings:"numr";font-weight:600;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .price del {font-family:"Parastoo", Sans-serif;font-feature-settings:"numr";font-weight:600;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product .button{font-family:"Parastoo", Sans-serif;font-feature-settings:"numr";font-size:12px;font-weight:500;border-radius:43px 43px 43px 43px;padding:15px 30px 15px 30px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product:hover{background-color:#DED7AFA8;border-color:#FFD800;}.elementor-224 .elementor-element.elementor-element-81e51e4 nav.woocommerce-pagination{font-family:"Parastoo", Sans-serif;font-feature-settings:"numr";}.elementor-224 .elementor-element.elementor-element-81e51e4 nav.woocommerce-pagination ul li a{color:#FFFFFF;background-color:#184314;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-224 .elementor-element.elementor-element-120c6c8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-224 .elementor-element.elementor-element-eaffa2b{--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-7b50d1a{--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-c48ee7a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-224 .elementor-element.elementor-element-eaffa2b{--content-width:1200px;}.elementor-224 .elementor-element.elementor-element-7b50d1a{--content-width:1200px;}.elementor-224 .elementor-element.elementor-element-0c89f6e{--content-width:1200px;}}@media(max-width:767px){.elementor-224 .elementor-element.elementor-element-eaffa2b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-7b50d1a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-c48ee7a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-224 .elementor-element.elementor-element-81e51e4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-c48ee7a *//* ========================================================= ALIZADEH BEAUTY — PRODUCTS SECTION Elementor Scoped CSS ========================================================= */ /* ---------- FONT ---------- */ @font-face { font-family: 'Vazirmatn'; src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { font-family: 'Vazirmatn'; src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } /* ========================================================= PRODUCTS GRID ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products { --ali-green: #12382B; --ali-green-dark: #0D2D23; --ali-green-light: #1A5C43; --ali-gold: #C9A227; --ali-gold-light: #E6C96A; --ali-cream: #F8F6F0; --ali-text: #202520; direction: rtl !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 10px 0 20px !important; list-style: none !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-feature-settings: "ss01" 1 !important; box-sizing: border-box !important; } /* ========================================================= REMOVE WOOCOMMERCE DEFAULT CLEARING ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products::before, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products::after { display: none !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product { position: relative !important; display: flex !important; flex-direction: column !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; background: #FFFFFF !important; border: 1px solid rgba(18, 56, 43, 0.10) !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 8px 25px rgba(18, 56, 43, 0.07) !important; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important; } /* GOLD TOP LINE */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product::before { content: "" !important; position: absolute !important; top: 0 !important; left: 18% !important; width: 64% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, var(--ali-gold), transparent ) !important; opacity: .65 !important; transition: .35s ease !important; z-index: 3 !important; } /* CARD HOVER */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product:hover { transform: translateY(-6px) !important; border-color: rgba(201, 162, 39, .35) !important; box-shadow: 0 18px 40px rgba(18, 56, 43, .14) !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product:hover::before { width: 80% !important; left: 10% !important; opacity: 1 !important; } /* ========================================================= PRODUCT LINK ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; min-width: 0 !important; text-decoration: none !important; } /* ========================================================= PRODUCT IMAGE ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product img { display: block !important; width: 100% !important; height: 245px !important; object-fit: cover !important; margin: 0 0 15px !important; border-radius: 15px !important; background: var(--ali-cream) !important; transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .35s ease !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product:hover img { transform: scale(1.025) !important; filter: saturate(1.04) !important; } /* ========================================================= SALE BADGE ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .onsale { position: absolute !important; top: 20px !important; right: 20px !important; left: auto !important; z-index: 5 !important; min-width: auto !important; min-height: auto !important; margin: 0 !important; padding: 5px 11px !important; border-radius: 30px !important; background: linear-gradient( 135deg, var(--ali-green), var(--ali-green-light) ) !important; color: #FFFFFF !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5 !important; box-shadow: 0 5px 15px rgba(18,56,43,.22) !important; } /* ========================================================= PRODUCT TITLE ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product h2 { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; min-height: 48px !important; margin: 2px 4px 10px !important; padding: 0 !important; color: var(--ali-text) !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.7 !important; text-align: center !important; transition: color .3s ease !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product:hover h2 { color: var(--ali-green) !important; } /* ========================================================= PRICE BOX ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 100% !important; min-height: 47px !important; margin: auto 0 13px !important; padding: 6px 10px !important; box-sizing: border-box !important; border: 1px solid rgba(201,162,39,.22) !important; border-radius: 13px !important; background: linear-gradient( 135deg, #FBFAF5, #F6F1E3 ) !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; text-align: center !important; } /* PRICE NUMBER */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price .woocommerce-Price-amount, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price bdi { color: var(--ali-green) !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; font-feature-settings: "ss01" 1 !important; } /* OLD PRICE */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price del { color: #858A85 !important; font-size: 10px !important; opacity: .75 !important; } /* NEW PRICE */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price ins { color: var(--ali-green) !important; text-decoration: none !important; font-size: 16px !important; font-weight: 700 !important; } /* ========================================================= ALL PRODUCT BUTTONS ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.button, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.add_to_cart_button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 43px !important; margin: auto 0 0 !important; padding: 8px 12px !important; box-sizing: border-box !important; border: 1px solid var(--ali-green) !important; border-radius: 30px !important; background: linear-gradient( 135deg, var(--ali-green), var(--ali-green-light) ) !important; color: #FFFFFF !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 6px 15px rgba(18,56,43,.12) !important; transition: all .3s ease !important; } /* BUTTON HOVER */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.button:hover, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.add_to_cart_button:hover { background: linear-gradient( 135deg, var(--ali-gold), var(--ali-gold-light) ) !important; border-color: var(--ali-gold) !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 9px 22px rgba(201,162,39,.22) !important; } /* ========================================================= NO PRICE → PRICE INQUIRY ========================================================= */ /* WooCommerce normally uses: .product_type_simple .product_type_variable Here the original button text is hidden and our own Persian label + phone number is displayed. */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 43px !important; padding: 8px 10px !important; color: #FFFFFF !important; background: linear-gradient( 135deg, var(--ali-green), var(--ali-green-light) ) !important; border-color: var(--ali-green) !important; } /* HIDE ORIGINAL BUTTON TEXT */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { font-size: 0 !important; } /* INQUIRY TEXT */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { content: "استعلام قیمت" !important; display: inline-block !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; color: #FFFFFF !important; } /* PHONE NUMBER */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { content: "09106067485" !important; display: inline-block !important; direction: ltr !important; unicode-bidi: isolate !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; color: #FFFFFF !important; letter-spacing: .2px !important; } /* INQUIRY HOVER */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button):hover, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button):hover { background: linear-gradient( 135deg, var(--ali-gold), var(--ali-gold-light) ) !important; border-color: var(--ali-gold) !important; box-shadow: 0 9px 22px rgba(201,162,39,.25) !important; } /* ========================================================= STAR RATING ========================================================= */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .star-rating { margin: 0 auto 8px !important; color: var(--ali-gold) !important; font-size: 11px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products .star-rating span::before { color: var(--ali-gold) !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product img { height: 210px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product h2 { font-size: 13px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; padding: 5px 0 15px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product { padding: 8px !important; border-radius: 15px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product img { height: 155px !important; margin-bottom: 9px !important; border-radius: 11px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product h2 { min-height: 38px !important; margin: 2px 2px 7px !important; font-size: 11px !important; line-height: 1.65 !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price { min-height: 39px !important; margin-bottom: 7px !important; padding: 5px 6px !important; border-radius: 10px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price .woocommerce-Price-amount, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price bdi { font-size: 11px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .price ins { font-size: 12px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.button, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.add_to_cart_button { min-height: 36px !important; padding: 6px 4px !important; font-size: 9px !important; border-radius: 22px !important; } /* MOBILE — INQUIRY */ .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { min-height: 36px !important; padding: 5px 3px !important; gap: 3px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { font-size: 8px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { font-size: 8px !important; letter-spacing: 0 !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .onsale { top: 13px !important; right: 13px !important; padding: 4px 7px !important; font-size: 8px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products { gap: 8px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product { padding: 7px !important; border-radius: 13px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product img { height: 125px !important; border-radius: 9px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product h2 { font-size: 10px !important; min-height: 35px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.button, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product a.add_to_cart_button { min-height: 34px !important; font-size: 8px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { min-height: 34px !important; gap: 2px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { font-size: 6.8px !important; } .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .elementor-224 .elementor-element.elementor-element-c48ee7a .woocommerce ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { font-size: 7px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0c89f6e *//* ========================================================= ALIZADEH BEAUTY PREMIUM RELATED PRODUCTS GREEN + GOLD VAZIRMATN نسخه اصلاح‌شده — بدون کلمه .elementor-224 .elementor-element.elementor-element-0c89f6e (برای Site Settings > Custom CSS یا هر پلاگین CSS سراسری) ========================================================= */ /* ========================================================= FONT ========================================================= */ @font-face { font-family: 'Vazirmatn'; src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { font-family: 'Vazirmatn'; src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } /* ========================================================= MAIN SECTION ========================================================= */ .related.products { --green: #12382B; --green-2: #1A5C43; --green-3: #0D2D23; --gold: #C9A227; --gold-light: #E6C96A; --cream: #F8F6F0; direction: rtl !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; position: relative; margin-top: 40px !important; padding: 34px 28px 30px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FCFBF8 100% ) !important; border: 1px solid rgba(18,56,43,.07) !important; border-radius: 26px !important; box-shadow: 0 15px 45px rgba(18,56,43,.07) !important; overflow: hidden !important; } /* ========================================================= DECORATIVE TOP LINE ========================================================= */ .related.products::before { content: ""; position: absolute; top: 0; right: 7%; width: 86%; height: 3px; background: linear-gradient( 90deg, transparent 0%, var(--gold) 20%, var(--gold-light) 50%, var(--gold) 80%, transparent 100% ); border-radius: 0 0 10px 10px; opacity: .9; } /* ========================================================= SUBTLE BACKGROUND GLOW ========================================================= */ .related.products::after { content: ""; position: absolute; width: 260px; height: 260px; top: -150px; left: -100px; background: radial-gradient( circle, rgba(201,162,39,.08) 0%, transparent 70% ); pointer-events: none; } /* ========================================================= SECTION TITLE ========================================================= */ .related.products > h2 { position: relative; display: block; width: fit-content; margin: 0 0 30px auto !important; padding: 0 20px 13px 0 !important; color: #151515 !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.6 !important; } /* Gold vertical line */ .related.products > h2::before { content: ""; position: absolute; right: 0; top: 4px; width: 4px; height: 24px; border-radius: 20px; background: linear-gradient( 180deg, var(--gold), var(--gold-light) ); } /* Gold underline */ .related.products > h2::after { content: ""; position: absolute; right: 20px; bottom: 0; width: 48px; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, var(--gold), var(--gold-light) ); } /* ========================================================= PRODUCTS GRID ========================================================= */ .related.products ul.products { position: relative !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Animated floating emoji background — shows through card gaps */ .related.products ul.products::before { content: ""; position: absolute; inset: -12px; background-image: url("data:image/svg+xml,✨💄💅🌸💎🎀"); background-repeat: repeat; background-size: 160px 160px; animation: aliBeautyEmojiDrift 40s linear infinite; pointer-events: none; z-index: 0; } @keyframes aliBeautyEmojiDrift { 0% { background-position: 0 0; } 100% { background-position: 160px 160px; } } /* Remove WooCommerce pseudo */ .related.products ul.products::after { display: none !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .related.products ul.products li.product { position: relative; z-index: 1 !important; display: flex !important; flex-direction: column !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 12px 12px 16px !important; box-sizing: border-box !important; background: #FFFFFF !important; border: 1px solid rgba(18,56,43,.08) !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 5px 18px rgba(18,56,43,.055) !important; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease, background .4s ease !important; } /* Card top gold accent */ .related.products ul.products li.product::before { content: ""; position: absolute; top: 0; right: 20%; width: 60%; height: 2px; background: linear-gradient( 90deg, transparent, var(--gold), transparent ); opacity: .35; transition: .4s ease; z-index: 2; } /* Hover */ .related.products ul.products li.product:hover { transform: translateY(-7px) !important; border-color: rgba(201,162,39,.35) !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FBF7EC 100% ) !important; box-shadow: 0 18px 40px rgba(18,56,43,.13) !important; } .related.products ul.products li.product:hover::before { width: 80%; right: 10%; opacity: 1; } /* ========================================================= PRODUCT IMAGE ========================================================= */ .related.products ul.products li.product .woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; min-width: 0 !important; text-decoration: none !important; } .related.products ul.products li.product img { display: block !important; width: 100% !important; height: 205px !important; object-fit: cover !important; margin: 0 0 15px 0 !important; border-radius: 15px !important; background: #F5F3ED !important; transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease !important; } /* Image hover */ .related.products ul.products li.product:hover img { transform: scale(1.035) !important; filter: saturate(1.04) !important; } /* ========================================================= SALE BADGE ========================================================= */ .related.products ul.products li.product .onsale { position: absolute !important; top: 20px !important; right: 20px !important; left: auto !important; z-index: 5 !important; min-width: auto !important; min-height: auto !important; margin: 0 !important; padding: 5px 11px !important; border-radius: 30px !important; background: linear-gradient( 135deg, var(--green), var(--green-2) ) !important; color: #FFFFFF !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5 !important; box-shadow: 0 5px 14px rgba(18,56,43,.25) !important; } /* ========================================================= PRODUCT TITLE ========================================================= */ .related.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product h2 { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; min-height: 46px !important; margin: 2px 3px 10px !important; padding: 0 !important; color: #181818 !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.65 !important; text-align: center !important; transition: color .3s ease !important; } .related.products ul.products li.product:hover .woocommerce-loop-product__title, .related.products ul.products li.product:hover h2 { color: var(--green) !important; } /* ========================================================= PRICE BOX ========================================================= */ .related.products ul.products li.product .price { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 100% !important; min-height: 46px !important; margin: auto 0 13px !important; padding: 6px 10px !important; box-sizing: border-box !important; border: 1px solid rgba(201,162,39,.24) !important; border-radius: 13px !important; background: linear-gradient( 135deg, #FAF8F1, #F5F1E5 ) !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; text-align: center !important; } /* Normal price */ .related.products ul.products li.product .price .woocommerce-Price-amount { color: var(--green) !important; font-size: 15px !important; font-weight: 700 !important; } /* Sale old price */ .related.products ul.products li.product .price del { color: #929892 !important; font-size: 10px !important; opacity: .7 !important; } /* New price */ .related.products ul.products li.product .price ins { color: var(--green) !important; text-decoration: none !important; font-size: 16px !important; font-weight: 700 !important; } /* ========================================================= BUTTON ========================================================= */ .related.products ul.products li.product a.button, .related.products ul.products li.product a.add_to_cart_button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 41px !important; margin: auto 0 0 !important; padding: 8px 12px !important; box-sizing: border-box !important; border: 1px solid var(--green) !important; border-radius: 30px !important; background: linear-gradient( 135deg, var(--green), var(--green-2) ) !important; color: #FFFFFF !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 13px rgba(18,56,43,.13) !important; transition: all .35s ease !important; } /* Button hover */ .related.products ul.products li.product a.button:hover, .related.products ul.products li.product a.add_to_cart_button:hover { background: linear-gradient( 135deg, var(--gold), var(--gold-light) ) !important; border-color: var(--gold) !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(201,162,39,.22) !important; } /* ========================================================= NO PRICE / INQUIRY BUTTON ========================================================= */ .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { flex-direction: row !important; gap: 5px !important; min-height: 41px !important; padding: 8px 8px !important; line-height: 1.4 !important; white-space: nowrap !important; color: #FFFFFF !important; background: linear-gradient( 135deg, var(--green), var(--green-2) ) !important; border-color: var(--green) !important; box-shadow: 0 5px 13px rgba(18,56,43,.18) !important; } /* Hide original WooCommerce text ("اطلاعات بیشتر") */ .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { font-size: 0 !important; } /* Icon + label */ .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { content: "☎ استعلام قیمت:" !important; display: inline-block !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1px !important; color: #FFFFFF !important; opacity: .95 !important; } /* Phone number — always LTR for correct digit order */ .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { content: "09016067485" !important; display: inline-block !important; direction: ltr !important; unicode-bidi: isolate !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .2px !important; color: #FFFFFF !important; } /* Inquiry hover */ .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button):hover, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button):hover { background: linear-gradient( 135deg, var(--gold), #A97E1E ) !important; border-color: var(--gold) !important; box-shadow: 0 8px 20px rgba(201,162,39,.28) !important; } /* ========================================================= STAR RATING ========================================================= */ .related.products ul.products li.product .star-rating { margin: 0 auto 8px !important; color: var(--gold) !important; font-size: 11px !important; } .related.products .star-rating span::before { color: var(--gold) !important; } /* ========================================================= ALL TEXT FORCE VAZIRMATN ========================================================= */ .related.products, .related.products *, .related.products a, .related.products span, .related.products h2, .related.products bdi { font-family: 'Vazirmatn', Tahoma, sans-serif !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .related.products { padding: 28px 20px !important; border-radius: 22px !important; } .related.products ul.products { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 17px !important; } .related.products ul.products li.product img { height: 180px !important; } .related.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product h2 { font-size: 13px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .related.products { margin-top: 28px !important; padding: 22px 12px 20px !important; border-radius: 18px !important; } .related.products > h2 { font-size: 18px !important; margin: 0 0 22px auto !important; padding: 0 15px 11px 0 !important; } .related.products > h2::before { width: 4px !important; height: 19px !important; } .related.products > h2::after { right: 15px !important; width: 40px !important; } .related.products ul.products { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; } .related.products ul.products li.product { padding: 9px 9px 12px !important; border-radius: 15px !important; } .related.products ul.products li.product img { height: 135px !important; margin-bottom: 10px !important; border-radius: 11px !important; } .related.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product h2 { min-height: 37px !important; margin: 2px 2px 7px !important; font-size: 11.5px !important; line-height: 1.6 !important; } .related.products ul.products li.product .price { min-height: 38px !important; margin-bottom: 8px !important; padding: 5px 7px !important; border-radius: 10px !important; } .related.products ul.products li.product .price .woocommerce-Price-amount { font-size: 12px !important; } .related.products ul.products li.product .price ins { font-size: 13px !important; } .related.products ul.products li.product a.button, .related.products ul.products li.product a.add_to_cart_button { min-height: 36px !important; padding: 6px 5px !important; font-size: 9.5px !important; border-radius: 25px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { min-height: 38px !important; padding: 6px 4px !important; gap: 3px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { font-size: 8px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { font-size: 8.5px !important; letter-spacing: 0 !important; } .related.products ul.products li.product .onsale { top: 15px !important; right: 15px !important; padding: 4px 8px !important; font-size: 8px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .related.products { padding: 19px 9px !important; } .related.products ul.products { gap: 9px !important; } .related.products ul.products li.product { padding: 8px 7px 11px !important; border-radius: 13px !important; } .related.products ul.products li.product img { height: 115px !important; border-radius: 9px !important; } .related.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product h2 { font-size: 10.5px !important; } .related.products ul.products li.product a.button, .related.products ul.products li.product a.add_to_cart_button { min-height: 34px !important; font-size: 8.5px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button) { min-height: 36px !important; padding: 5px 3px !important; gap: 2px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::before, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::before { font-size: 6.5px !important; } .related.products ul.products li.product .button.product_type_simple:not(.add_to_cart_button)::after, .related.products ul.products li.product .button.product_type_variable:not(.add_to_cart_button)::after { font-size: 7.5px !important; letter-spacing: 0 !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9f6a203 *//* ========================================================= ALIZADEH BEAUTY — TEXT SECTION GOLD SHIMMER / ICON DECOR / RESPONSIVE (نیازمند Font Awesome — که المنتور به‌صورت پیش‌فرض لود می‌کنه) ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 { --alb-green: #123f32; --alb-green-2: #1b5947; --alb-gold: #c9a45c; --alb-gold-2: #e8cd8a; --alb-text: #30443d; position: relative; overflow: hidden; direction: rtl; text-align: center; font-family: "Vazirmatn", "IRANSans", sans-serif; padding: 45px 20px; background: radial-gradient(circle at 15% 20%, rgba(201,164,92,.10), transparent 40%), radial-gradient(circle at 85% 80%, rgba(201,164,92,.08), transparent 40%); } /* ========================================================= آیکن‌های شناور پس‌زمینه (برگ + اسپا) ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06c"; /* fa-leaf */ position: absolute; top: 10%; left: 6%; font-size: 30px; color: var(--alb-gold); opacity: .35; animation: albFloat1 5s ease-in-out infinite; pointer-events: none; z-index: 1; } .elementor-224 .elementor-element.elementor-element-9f6a203::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f5bb"; /* fa-spa */ position: absolute; bottom: 10%; right: 6%; font-size: 32px; color: var(--alb-gold); opacity: .3; animation: albFloat2 6s ease-in-out infinite; pointer-events: none; z-index: 1; } .elementor-224 .elementor-element.elementor-element-9f6a203 > * { position: relative; z-index: 2; } /* ========================================================= آیکن تزئینی کنار عنوان (به‌جای ایموجی) ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f005"; /* fa-star */ display: inline-block; margin-left: 10px; font-size: .65em; color: var(--alb-gold); vertical-align: middle; animation: albSpin 3.5s ease-in-out infinite; } .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f005"; /* fa-star */ display: inline-block; margin-right: 10px; font-size: .65em; color: var(--alb-gold); vertical-align: middle; animation: albSpin 3.5s ease-in-out infinite reverse; } /* ========================================================= عنوان اصلی — افکت درخشش طلایی روی متن ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title, .elementor-224 .elementor-element.elementor-element-9f6a203 h1, .elementor-224 .elementor-element.elementor-element-9f6a203 h2, .elementor-224 .elementor-element.elementor-element-9f6a203 h3 { display: inline-block; font-weight: 800; font-family: "Vazirmatn", "IRANSans", sans-serif !important; background: linear-gradient( 90deg, var(--alb-green) 0%, var(--alb-gold) 25%, var(--alb-green-2) 50%, var(--alb-gold-2) 75%, var(--alb-green) 100% ); background-size: 300% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: albShine 6s linear infinite; transition: transform .4s ease; max-width: 100%; word-break: break-word; } .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title:hover, .elementor-224 .elementor-element.elementor-element-9f6a203 h1:hover, .elementor-224 .elementor-element.elementor-element-9f6a203 h2:hover, .elementor-224 .elementor-element.elementor-element-9f6a203 h3:hover { transform: scale(1.03); } /* ========================================================= خط طلایی متحرک زیر عنوان ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title { position: relative; padding-bottom: 14px; } .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-underline { display: block; width: 70px; height: 3px; margin: 10px auto 0; border-radius: 20px; background: linear-gradient(90deg, transparent, var(--alb-gold), transparent); background-size: 200% auto; animation: albUnderlineMove 3s linear infinite, albUnderlineGrow 1.2s ease forwards; } /* ========================================================= متن پاراگراف ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 p, .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-widget-text-editor { color: var(--alb-text); font-family: "Vazirmatn", "IRANSans", sans-serif !important; line-height: 2.2; font-size: 17px; max-width: 100%; word-break: break-word; opacity: 0; transform: translateY(15px); animation: albFadeUp .9s ease forwards; animation-delay: .3s; } /* ========================================================= بج کوچک تزئینی بالای عنوان (اختیاری) استفاده: زیبایی طبیعی آیکن به‌صورت خودکار قبل از متن اضافه می‌شود ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-badge { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; padding: 6px 20px; border-radius: 30px; font-size: 13px; font-weight: 700; color: var(--alb-green); background: rgba(201,164,92,.12); border: 1px solid rgba(201,164,92,.35); animation: albPulse 2.5s ease-in-out infinite; } .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-badge::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4d8"; /* fa-pump-soap */ color: var(--alb-gold); font-size: 14px; } /* ========================================================= آیکن کنار متن پاراگراف (اختیاری) استفاده: در ابتدای متن ========================================================= */ .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-icon { display: inline-block; margin-left: 6px; animation: albWiggle 2s ease-in-out infinite; } .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f7a6"; /* fa-seedling */ color: var(--alb-gold); } /* ========================================================= KEYFRAMES ========================================================= */ @keyframes albShine { 0% { background-position: 0% center; } 100% { background-position: 300% center; } } @keyframes albUnderlineMove { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } @keyframes albUnderlineGrow { 0% { width: 0; opacity: 0; } 100% { width: 70px; opacity: 1; } } @keyframes albFadeUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes albFloat1 { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-14px) rotate(10deg); } } @keyframes albFloat2 { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(14px) rotate(-10deg); } } @keyframes albSpin { 0%, 100% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.15); } } @keyframes albPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: .85; } } @keyframes albWiggle { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } } /* ========================================================= موبایل — چیدمان مرتب و بدون شلوغی ========================================================= */ @media (max-width: 767px) { .elementor-224 .elementor-element.elementor-element-9f6a203 { padding: 30px 14px; } /* آیکن‌های پس‌زمینه کوچک‌تر و کم‌رنگ‌تر تا مزاحم متن نشن */ .elementor-224 .elementor-element.elementor-element-9f6a203::before, .elementor-224 .elementor-element.elementor-element-9f6a203::after { font-size: 20px; opacity: .18; } .elementor-224 .elementor-element.elementor-element-9f6a203::before { top: 4%; left: 3%; } .elementor-224 .elementor-element.elementor-element-9f6a203::after { bottom: 4%; right: 3%; } .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title { font-size: 22px !important; line-height: 1.6; padding-bottom: 10px; } /* آیکن‌های کنار عنوان کوچک‌تر */ .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::before, .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::after { font-size: .55em; margin-left: 6px; margin-right: 6px; } .elementor-224 .elementor-element.elementor-element-9f6a203 p { font-size: 14.5px; line-height: 1.9; } .elementor-224 .elementor-element.elementor-element-9f6a203 .alb-badge { font-size: 12px; padding: 5px 14px; } } /* موبایل خیلی کوچک */ @media (max-width: 380px) { .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title { font-size: 19px !important; } .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::before, .elementor-224 .elementor-element.elementor-element-9f6a203 .elementor-heading-title::after { display: none; /* در صفحه‌های خیلی کوچک حذف می‌شه تا شلوغ نشه */ } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-224 .elementor-element.elementor-element-9f6a203 *, .elementor-224 .elementor-element.elementor-element-9f6a203::before, .elementor-224 .elementor-element.elementor-element-9f6a203::after { animation: none !important; transition: none !important; } }/* End custom CSS */