.elementor-259 .elementor-element.elementor-element-06bac33{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-259 .elementor-element.elementor-element-1fc4a31{--display:flex;}.elementor-259 .elementor-element.elementor-element-3b83f9d .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-family:"League Spartan", Sans-serif;font-size:20px;font-weight:500;}.elementor-259 .elementor-element.elementor-element-3b83f9d .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-89f037d{--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;}.elementor-259 .elementor-element.elementor-element-b790191{--display:flex;}.elementor-259 .elementor-element.elementor-element-fa96df5{--display:flex;}.elementor-259 .elementor-element.elementor-element-d6a5c5b{--display:flex;}.elementor-widget-woocommerce-product-title .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-259 .elementor-element.elementor-element-a95f38a .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:30px;font-weight:500;text-transform:uppercase;}.elementor-259 .elementor-element.elementor-element-2b53062{--display:flex;}.woocommerce .elementor-widget-woocommerce-product-price .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-259 .elementor-element.elementor-element-596d39b{--display:flex;}.elementor-259 .elementor-element.elementor-element-f1d419e{text-align:center;}.woocommerce .elementor-259 .elementor-element.elementor-element-f1d419e .woocommerce-product-details__short-description{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-259 .elementor-element.elementor-element-aca31b1{--display:flex;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-259 .elementor-element.elementor-element-194f4bc .elementor-button{background-color:#072120;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-259 .elementor-element.elementor-element-194f4bc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-259 .elementor-element.elementor-element-85d7f32{--display:flex;}.woocommerce .elementor-259 .elementor-element.elementor-element-d75ea85 .woocommerce-tabs ul.wc-tabs li a{color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-1a7f1cd{--display:flex;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.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 );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{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-product-related.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-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.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-product-related.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-product-related.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-259 .elementor-element.elementor-element-86d5f06.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-259 .elementor-element.elementor-element-86d5f06.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-259 .elementor-element.elementor-element-06bac33{--content-width:1240px;}}@media(max-width:1024px){.elementor-259 .elementor-element.elementor-element-86d5f06.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-259 .elementor-element.elementor-element-86d5f06.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-add-to-cart, class: .elementor-element-194f4bc */.elementor-259 .elementor-element.elementor-element-194f4bc a.added_to_cart { display: block !important; margin-top: 12px; text-align: center; color: #044E50; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; text-decoration: underline; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-86d5f06 *//* Related Products - Add to Cart button */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product .button { display: block; width: 100%; margin-top: 15px; padding: 13px 18px; background: #072120; color: #FFFFFF; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; } .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product .button:hover { background: #044E50; color: #FFFFFF; } /* Move View Cart beneath Add to Cart */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product a.added_to_cart { display: block !important; width: 100%; margin-top: 12px; padding: 0 5px; color: #044E50; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; text-align: center; text-decoration: underline; } /* Related Products heading */ .elementor-259 .elementor-element.elementor-element-86d5f06 .related.products > h2 { font-family: 'DM Sans', sans-serif; font-size: 28px; font-weight: 700; color: #072120; margin-bottom: 28px; } /* Product names */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product .woocommerce-loop-product__title { font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5; color: #072120; } /* Product prices */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product .price { font-family: 'DM Sans', sans-serif; font-size: 17px; font-weight: 700; color: #044E50; } /* Related product cards */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product { padding: 15px; background: #FFFFFF; border: 1px solid #E3EBE8; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product:hover { border-color: #044E50; box-shadow: 0 8px 25px rgba(7, 33, 32, 0.06); transform: translateY(-3px); } /* Product images */ .elementor-259 .elementor-element.elementor-element-86d5f06 ul.products li.product img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #F6F8F7; border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-06bac33 *//* ========================================== NOVA PEPTIDE SINGLE PRODUCT PAGE DESIGN SYSTEM Theme: Hello Elementor Builder: Elementor Pro Ecommerce: WooCommerce Font: DM Sans ========================================== */ /* ========================================== 01. PRODUCT PAGE FOUNDATION ========================================== */ .nova-single-product { --nova-primary: #072120; --nova-accent: #044E50; --nova-background: #F6F8F7; --nova-border: #E3EBE8; --nova-text: #101D1C; --nova-muted: #687975; font-family: 'DM Sans', sans-serif; color: var(--nova-text); } .nova-single-product * { box-sizing: border-box; } /* ========================================== 02. BREADCRUMBS ========================================== */ .nova-single-product .woocommerce-breadcrumb { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 400; color: #82918C; margin-bottom: 25px; } .nova-single-product .woocommerce-breadcrumb a { color: #687975; text-decoration: none; transition: color 0.2s ease; } .nova-single-product .woocommerce-breadcrumb a:hover { color: #044E50; } /* ========================================== 03. PRODUCT IMAGE GALLERY ========================================== */ .nova-single-product .woocommerce-product-gallery { width: 100% !important; margin: 0; } .nova-single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { width: 100%; height: auto; object-fit: contain; background: #F6F8F7; border-radius: 12px; } /* GALLERY THUMBNAILS */ .nova-single-product .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 15px !important; padding: 0 !important; list-style: none; } .nova-single-product .flex-control-thumbs li { flex: 0 0 calc(25% - 9px); width: auto !important; float: none !important; } .nova-single-product .flex-control-thumbs img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #F6F8F7; border: 1px solid #E3EBE8; border-radius: 8px; cursor: pointer; transition: border-color 0.2s ease; } .nova-single-product .flex-control-thumbs img:hover, .nova-single-product .flex-control-thumbs img.flex-active { border-color: #044E50; } /* ========================================== 04. PRODUCT TITLE ========================================== */ .nova-single-product .elementor-widget-woocommerce-product-title .elementor-heading-title, .nova-single-product .product_title { font-family: 'DM Sans', sans-serif; font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: -0.035em; color: #072120; margin-bottom: 15px; } /* ========================================== 05. PRODUCT PRICE ========================================== */ .nova-single-product .elementor-widget-woocommerce-product-price .price, .nova-single-product .elementor-widget-woocommerce-product-price .woocommerce-Price-amount { font-family: 'DM Sans', sans-serif; font-size: 27px; font-weight: 700; color: #044E50; line-height: 1.3; } /* DISCOUNTED PRICES */ .nova-single-product .elementor-widget-woocommerce-product-price del { color: #9CA8A3; font-size: 17px; font-weight: 400; } .nova-single-product .elementor-widget-woocommerce-product-price ins { text-decoration: none; } /* ========================================== 06. SHORT DESCRIPTION ========================================== */ .nova-single-product .woocommerce-product-details__short-description { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.8; color: #52635E; margin-top: 16px; margin-bottom: 20px; } .nova-single-product .woocommerce-product-details__short-description p { margin-bottom: 12px; } /* ========================================== 07. PRODUCT VARIATIONS ========================================== */ .nova-single-product form.cart .variations { width: 100%; margin-bottom: 20px; border: none; } .nova-single-product form.cart .variations tr { display: block; margin-bottom: 16px; } .nova-single-product form.cart .variations th, .nova-single-product form.cart .variations td { display: block; width: 100%; padding: 0; text-align: left; border: none; } .nova-single-product form.cart .variations label { display: block; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; color: #072120; margin-bottom: 10px; } /* VARIATION DROPDOWNS */ .nova-single-product form.cart .variations select { width: 100%; min-height: 50px; padding: 12px 16px; background: #FFFFFF; border: 1px solid #D6E2DE; border-radius: 8px; color: #072120; font-family: 'DM Sans', sans-serif; font-size: 14px; outline: none; transition: border-color 0.2s ease; } .nova-single-product form.cart .variations select:focus { border-color: #044E50; } /* RESET VARIATIONS */ .nova-single-product .reset_variations { display: inline-block; margin-top: 10px; font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; color: #044E50; text-decoration: underline; } /* ========================================== 08. QUANTITY SELECTOR ========================================== */ .nova-single-product form.cart .quantity { margin-right: 12px; } .nova-single-product form.cart .quantity .qty { width: 85px; height: 50px; padding: 8px 10px; background: #F6F8F7; border: 1px solid #D6E2DE; border-radius: 8px; color: #072120; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; text-align: center; outline: none; } .nova-single-product form.cart .quantity .qty:focus { border-color: #044E50; } /* ========================================== 09. MAIN ADD TO CART BUTTON ========================================== */ .nova-single-product form.cart .single_add_to_cart_button { min-height: 50px; padding: 14px 28px; background: #072120; color: #FFFFFF; border: 1px solid #072120; border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .nova-single-product form.cart .single_add_to_cart_button:hover { background: #044E50; border-color: #044E50; color: #FFFFFF; transform: translateY(-2px); } /* DISABLED BUTTON */ .nova-single-product form.cart .single_add_to_cart_button:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } /* ========================================== 10. VIEW CART LINK ========================================== */ .nova-single-product form.cart a.added_to_cart { display: block !important; width: fit-content; clear: both; margin-top: 12px; padding: 4px 0; color: #044E50; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .nova-single-product form.cart a.added_to_cart:hover { color: #072120; } /* ========================================== 11. PRODUCT META ========================================== */ .nova-single-product .product_meta { padding-top: 20px; margin-top: 20px; border-top: 1px solid #E3EBE8; font-family: 'DM Sans', sans-serif; font-size: 13px; line-height: 1.8; color: #687975; } .nova-single-product .product_meta a { color: #044E50; text-decoration: none; } .nova-single-product .product_meta a:hover { text-decoration: underline; } /* ========================================== 12. PRODUCT DESCRIPTION TABS ========================================== */ .nova-single-product .woocommerce-tabs { margin-top: 45px; font-family: 'DM Sans', sans-serif; } .nova-single-product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 24px; padding: 0 !important; margin: 0 0 30px !important; border-bottom: 1px solid #E3EBE8; } .nova-single-product .woocommerce-tabs ul.tabs::before, .nova-single-product .woocommerce-tabs ul.tabs::after { display: none !important; } .nova-single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; } .nova-single-product .woocommerce-tabs ul.tabs li::before, .nova-single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } .nova-single-product .woocommerce-tabs ul.tabs li a { display: block; padding: 14px 0; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; color: #687975; border-bottom: 2px solid transparent; text-decoration: none; } .nova-single-product .woocommerce-tabs ul.tabs li.active a, .nova-single-product .woocommerce-tabs ul.tabs li a:hover { color: #044E50; border-bottom-color: #044E50; } /* TAB CONTENT */ .nova-single-product .woocommerce-Tabs-panel { font-family: 'DM Sans', sans-serif; font-size: 15px; line-height: 1.8; color: #52635E; } .nova-single-product .woocommerce-Tabs-panel h2 { font-family: 'DM Sans', sans-serif; font-size: 23px; font-weight: 700; color: #072120; margin-bottom: 18px; } /* ========================================== 13. RELATED PRODUCTS SECTION ========================================== */ .nova-single-product .related.products { margin-top: 55px; padding-top: 35px; border-top: 1px solid #E3EBE8; } .nova-single-product .related.products > h2 { font-family: 'DM Sans', sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.03em; color: #072120; margin-bottom: 28px; } /* ========================================== 14. TABLET ========================================== */ @media (max-width: 1024px) { .nova-single-product .elementor-widget-woocommerce-product-title .elementor-heading-title, .nova-single-product .product_title { font-size: 29px; } } /* ========================================== 15. MOBILE ========================================== */ @media (max-width: 767px) { .nova-single-product .elementor-widget-woocommerce-product-title .elementor-heading-title, .nova-single-product .product_title { font-size: 26px; line-height: 1.25; } .nova-single-product .elementor-widget-woocommerce-product-price .price, .nova-single-product .elementor-widget-woocommerce-product-price .woocommerce-Price-amount { font-size: 23px; } .nova-single-product .woocommerce-product-details__short-description { font-size: 14px; } .nova-single-product form.cart .quantity { margin-right: 8px; } .nova-single-product form.cart .quantity .qty { width: 70px; } .nova-single-product form.cart .single_add_to_cart_button { padding: 14px 18px; font-size: 13px; } .nova-single-product .woocommerce-tabs { margin-top: 30px; } .nova-single-product .woocommerce-tabs ul.tabs { gap: 18px; } .nova-single-product .woocommerce-tabs ul.tabs li a { font-size: 13px; } .nova-single-product .related.products { margin-top: 35px; padding-top: 25px; } .nova-single-product .related.products > h2 { font-size: 23px; } } /* ========================================== 16. ACCESSIBILITY ========================================== */ @media (prefers-reduced-motion: reduce) { .nova-single-product .single_add_to_cart_button, .nova-single-product .flex-control-thumbs img { transition: none; transform: none !important; } }/* End custom CSS */