.elementor-13560 .elementor-element.elementor-element-9e7b7a0{--display:flex;}.elementor-13560 .elementor-element.elementor-element-84af69d{padding:8px 8px 8px 8px;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-13560 .elementor-element.elementor-element-84af69d:hover{border-style:solid;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-13560 .elementor-element.elementor-element-84af69d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-13560 .elementor-element.elementor-element-84af69d.elementor-view-framed .elementor-icon, .elementor-13560 .elementor-element.elementor-element-84af69d.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon{font-size:24px;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-title, .elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-title a{font-size:18px;line-height:10px;}.elementor-13560 .elementor-element.elementor-element-3b6cd9a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-13560 .elementor-element.elementor-element-d87a710{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:8px 8px 8px 8px;}.elementor-13560 .elementor-element.elementor-element-d87a710:not(.elementor-motion-effects-element-type-background), .elementor-13560 .elementor-element.elementor-element-d87a710 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7ed8a423 );}.elementor-13560 .elementor-element.elementor-element-80941fb{--display:flex;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px;padding:20px 20px 20px 20px;}.elementor-13560 .elementor-element.elementor-element-b2dcd24{border-style:none;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-78fb5cd );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-78fb5cd );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-text );font-family:"Avenir Medium", Sans-serif;font-size:14px;font-weight:600;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products .added_to_cart{color:#DABB68;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product:hover{border-color:var( --e-global-color-78fb5cd );}.elementor-13560 .elementor-element.elementor-element-b2dcd24 nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-text );}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products li.product span.onsale{display:block;color:var( --e-global-color-text );font-family:"Times Sans Serif", Sans-serif;}@media(min-width:768px){.elementor-13560 .elementor-element.elementor-element-9e7b7a0{--width:1200px;}.elementor-13560 .elementor-element.elementor-element-d87a710{--width:25%;}.elementor-13560 .elementor-element.elementor-element-80941fb{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13560 .elementor-element.elementor-element-d87a710{--width:100%;}.elementor-13560 .elementor-element.elementor-element-80941fb{--width:100%;}}@media(max-width:1366px){.elementor-13560 .elementor-element.elementor-element-3b6cd9a{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}}@media(max-width:1024px){.elementor-13560 .elementor-element.elementor-element-3b6cd9a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-13560 .elementor-element.elementor-element-d87a710.e-con{--order:2;}.elementor-13560 .elementor-element.elementor-element-80941fb.e-con{--order:1;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-13560 .elementor-element.elementor-element-84af69d{padding:12px 12px 12px 12px;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;}.elementor-13560 .elementor-element.elementor-element-84af69d:hover{border-radius:2px 2px 2px 2px;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-wrapper{gap:16px;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-title{margin-block-end:8px;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon{font-size:24px;}.elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-title, .elementor-13560 .elementor-element.elementor-element-84af69d .elementor-icon-box-title a{font-size:16px;line-height:0.5em;}.elementor-13560 .elementor-element.elementor-element-3b6cd9a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13560 .elementor-element.elementor-element-d87a710.e-con{--order:2;}.elementor-13560 .elementor-element.elementor-element-80941fb.e-con{--order:1;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-13560 .elementor-element.elementor-element-b2dcd24.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:8px 8px 8px 8px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-b2dcd24 */* ========================================== AESTHDERM SHOP Responsive grid + Add to Cart / View Cart ========================================== */ .aesth-shop-products { --asp-gold: #DCC071; --asp-gold-hover: #C9A953; --asp-black: #171717; --asp-border: #E8E1D3; } /* PRODUCT GRID — DESKTOP: 3 COLUMNS */ .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .aesth-shop-products ul.products::before, .aesth-shop-products ul.products::after { display: none !important; content: none !important; } .aesth-shop-products ul.products li.product, .aesth-shop-products .products li.product { display: flex !important; flex-direction: column !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 14px !important; box-sizing: border-box !important; border: 1px solid var(--asp-border) !important; border-radius: 8px !important; background: #FFFFFF !important; box-shadow: none !important; transform: none !important; } /* Product image */ .aesth-shop-products ul.products li.product a img { display: block !important; width: 100% !important; aspect-ratio: 1 / 1; height: auto !important; object-fit: contain !important; margin: 0 0 14px !important; background: #FAF9F6; transition: transform .3s ease; } @media (hover: hover) { .aesth-shop-products ul.products li.product:hover a img { transform: scale(1.025); } } /* Product title and price */ .aesth-shop-products .woocommerce-loop-product__title { color: var(--asp-black) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 400 !important; } .aesth-shop-products ul.products li.product .price { color: #98752E !important; font-size: 16px !important; margin: 0 0 14px !important; } /* ========================================== BUTTON ROW — ADD TO CART + VIEW CART ========================================== */ /* Keep the WooCommerce buttons in one row */ .aesth-shop-products ul.products li.product .button, .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: calc(50% - 5px) !important; min-width: 0 !important; min-height: 46px !important; margin: 8px 0 0 !important; padding: 10px 8px !important; border: 1px solid var(--asp-gold) !important; border-radius: 5px !important; background: var(--asp-gold) !important; color: var(--asp-black) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; box-shadow: none !important; transform: none !important; transition: background-color .2s ease, color .2s ease, border-color .2s ease !important; } /* Remove theme hover grey background */ .aesth-shop-products ul.products li.product .button:hover, .aesth-shop-products ul.products li.product a.add_to_cart_button:hover, .aesth-shop-products ul.products li.product a.added_to_cart:hover, .aesth-shop-products ul.products li.product .button:focus-visible { background: var(--asp-black) !important; border-color: var(--asp-black) !important; color: var(--asp-gold) !important; box-shadow: none !important; transform: none !important; } /* Add to Cart button */ .aesth-shop-products ul.products li.product a.add_to_cart_button { margin-right: 5px !important; } /* View Cart button — always visible after item is added */ .aesth-shop-products ul.products li.product a.added_to_cart { margin-left: 5px !important; background: #FFFFFF !important; border-color: var(--asp-gold) !important; color: #98752E !important; } /* View Cart hover: black + gold */ .aesth-shop-products ul.products li.product a.added_to_cart:hover { background: var(--asp-black) !important; border-color: var(--asp-black) !important; color: var(--asp-gold) !important; } /* Ensure buttons don't inherit theme opacity */ .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { opacity: 1 !important; visibility: visible; } /* Pagination */ .aesth-shop-products nav.woocommerce-pagination { grid-column: 1 / -1; width: 100%; margin-top: 28px !important; text-align: center; } .aesth-shop-products nav.woocommerce-pagination ul { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; border: 0 !important; } .aesth-shop-products nav.woocommerce-pagination ul li { border: 0 !important; } .aesth-shop-products nav.woocommerce-pagination ul li a, .aesth-shop-products nav.woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 8px 12px !important; border: 1px solid var(--asp-border) !important; border-radius: 4px; background: #FFFFFF !important; color: var(--asp-black) !important; } .aesth-shop-products nav.woocommerce-pagination ul li span.current, .aesth-shop-products nav.woocommerce-pagination ul li a:hover { border-color: var(--asp-gold) !important; background: var(--asp-gold) !important; color: var(--asp-black) !important; } /* TABLET — 2 COLUMNS */ @media (min-width: 768px) and (max-width: 1024px) { .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } } /* MOBILE — 1 PRODUCT PER ROW */ @media (max-width: 767px) { .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } .aesth-shop-products ul.products li.product { padding: 12px !important; } .aesth-shop-products ul.products li.product a img { max-height: 340px; } .aesth-shop-products ul.products li.product .button, .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { min-height: 44px !important; font-size: 12px !important; padding: 9px 5px !important; } } "/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80941fb *//* ========================================== AESTHDERM SHOP Responsive grid + Add to Cart / View Cart ========================================== */ .aesth-shop-products { --asp-gold: #DCC071; --asp-gold-hover: #C9A953; --asp-black: #171717; --asp-border: #E8E1D3; } /* PRODUCT GRID — DESKTOP: 3 COLUMNS */ .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .aesth-shop-products ul.products::before, .aesth-shop-products ul.products::after { display: none !important; content: none !important; } .aesth-shop-products ul.products li.product, .aesth-shop-products .products li.product { display: flex !important; flex-direction: column !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 14px !important; box-sizing: border-box !important; border: 1px solid var(--asp-border) !important; border-radius: 8px !important; background: #FFFFFF !important; box-shadow: none !important; transform: none !important; } /* Product image */ .aesth-shop-products ul.products li.product a img { display: block !important; width: 100% !important; aspect-ratio: 1 / 1; height: auto !important; object-fit: contain !important; margin: 0 0 14px !important; background: #FAF9F6; transition: transform .3s ease; } @media (hover: hover) { .aesth-shop-products ul.products li.product:hover a img { transform: scale(1.025); } } /* Product title and price */ .aesth-shop-products .woocommerce-loop-product__title { color: var(--asp-black) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 400 !important; } .aesth-shop-products ul.products li.product .price { color: #98752E !important; font-size: 16px !important; margin: 0 0 14px !important; } /* ========================================== BUTTON ROW — ADD TO CART + VIEW CART ========================================== */ /* Keep the WooCommerce buttons in one row */ .aesth-shop-products ul.products li.product .button, .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: calc(50% - 5px) !important; min-width: 0 !important; min-height: 46px !important; margin: 8px 0 0 !important; padding: 10px 8px !important; border: 1px solid var(--asp-gold) !important; border-radius: 5px !important; background: var(--asp-gold) !important; color: var(--asp-black) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; box-shadow: none !important; transform: none !important; transition: background-color .2s ease, color .2s ease, border-color .2s ease !important; } /* Remove theme hover grey background */ .aesth-shop-products ul.products li.product .button:hover, .aesth-shop-products ul.products li.product a.add_to_cart_button:hover, .aesth-shop-products ul.products li.product a.added_to_cart:hover, .aesth-shop-products ul.products li.product .button:focus-visible { background: var(--asp-black) !important; border-color: var(--asp-black) !important; color: var(--asp-gold) !important; box-shadow: none !important; transform: none !important; } /* Add to Cart button */ .aesth-shop-products ul.products li.product a.add_to_cart_button { margin-right: 5px !important; } /* View Cart button — always visible after item is added */ .aesth-shop-products ul.products li.product a.added_to_cart { margin-left: 5px !important; background: #FFFFFF !important; border-color: var(--asp-gold) !important; color: #98752E !important; } /* View Cart hover: black + gold */ .aesth-shop-products ul.products li.product a.added_to_cart:hover { background: var(--asp-black) !important; border-color: var(--asp-black) !important; color: var(--asp-gold) !important; } /* Ensure buttons don't inherit theme opacity */ .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { opacity: 1 !important; visibility: visible; } /* Pagination */ .aesth-shop-products nav.woocommerce-pagination { grid-column: 1 / -1; width: 100%; margin-top: 28px !important; text-align: center; } .aesth-shop-products nav.woocommerce-pagination ul { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; border: 0 !important; } .aesth-shop-products nav.woocommerce-pagination ul li { border: 0 !important; } .aesth-shop-products nav.woocommerce-pagination ul li a, .aesth-shop-products nav.woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 8px 12px !important; border: 1px solid var(--asp-border) !important; border-radius: 4px; background: #FFFFFF !important; color: var(--asp-black) !important; } .aesth-shop-products nav.woocommerce-pagination ul li span.current, .aesth-shop-products nav.woocommerce-pagination ul li a:hover { border-color: var(--asp-gold) !important; background: var(--asp-gold) !important; color: var(--asp-black) !important; } /* TABLET — 2 COLUMNS */ @media (min-width: 768px) and (max-width: 1024px) { .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } } /* MOBILE — 1 PRODUCT PER ROW */ @media (max-width: 767px) { .aesth-shop-products ul.products, .aesth-shop-products .woocommerce ul.products, .aesth-shop-products .products { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } .aesth-shop-products ul.products li.product { padding: 12px !important; } .aesth-shop-products ul.products li.product a img { max-height: 340px; } .aesth-shop-products ul.products li.product .button, .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { min-height: 44px !important; font-size: 12px !important; padding: 9px 5px !important; } } /* AESTHDERM — FORCE SHOP BUTTON STYLING */ .aesth-shop-products ul.products li.product a.button, .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart, .aesth-shop-products ul.products li.product a.product_type_simple, .aesth-shop-products ul.products li.product a.product_type_variable { background: #DCC071 !important; background-image: none !important; color: #171717 !important; border: 1px solid #DCC071 !important; border-radius: 5px !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; } /* Hover effect */ .aesth-shop-products ul.products li.product a.button:hover, .aesth-shop-products ul.products li.product a.add_to_cart_button:hover, .aesth-shop-products ul.products li.product a.added_to_cart:hover { background: #171717 !important; background-image: none !important; color: #DCC071 !important; border-color: #171717 !important; } /* Keep buttons aligned */ .aesth-shop-products ul.products li.product a.add_to_cart_button, .aesth-shop-products ul.products li.product a.added_to_cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Avenir Medium'; font-display: auto; src: url('https://aesthderm.co.uk/wp-content/uploads/2026/10/Avenir-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Times Sans Serif'; font-display: auto; src: url('https://aesthderm.co.uk/wp-content/uploads/2026/10/Times-Sans-Serif.ttf') format('truetype'); } /* End Custom Fonts CSS */