main{background-color: #ffffff;}body{background-color: #ffffff;}:root{--font-family-body: "Oswald", "Helvetica", "Arial", "sans-serif";--font-family-label: "m", "Helvetica", "Arial", "sans-serif";--font-family-semi: "m", "Helvetica", "Arial", "sans-serif";--font-family-title: "m", "Helvetica", "Arial", "sans-serif";--color-a-hover: #5678BC;--color-primary: #5678BC;--color-secondary: #5678BC;--bg-color-btn: #5678BC;--bg-color-btn-hover: #5678BC;--color-price: 000000;--bg-color-label-new: #E63B2E;--bg-color-label-sale: #E63B2E;--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}.nrt_mega_menu .style_wide .element_a_depth_1 { text-transform: none !important; } .nrt_mega_menu .element_ul_depth_1 { margin-bottom: 0px !important; } @media (min-width: 1025px) { .page-title-layout-2.page-title { font-size: 24px !important; } } @media (max-width: 1024px) { .page-title { font-size: 22px !important; } } .block-reassurance ul li { min-width: 100% !important; } .floating { position: fixed; width: 50px; height: 50px; bottom: 40px; right: 40px; background-color: #5678BC; color: #FFFFFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } /* ========================================================== 1. GRILA DE PRODUSE (PAGINA CATEGORIE) ========================================================== */ .ax-product-cats a { color: #A98743 !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; text-decoration: none !important; display: block !important; margin-bottom: 3px !important; opacity: 0.8; } .product_name a, .product-title a, .js-product-miniature .product_name a { color: #000000 !important; font-family: 'Source Serif 4', serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; display: block !important; margin-bottom: 5px !important; } } @media (max-width: 575px) { .product_name a, .product-title a, .js-product-miniature .product_name a { font-size: 13px !important; height: 32px !important; overflow: hidden !important; } } .product-miniature .price, .product-price-and-shipping .price { color: #000000 !important; font-family: 'Source Serif 4', serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; } .product-miniature .price::after, .product-price-and-shipping .price::after { content: " /m.l" !important; font-size: 0.8em !important; font-weight: 400 !important; } .product-miniature:hover { box-shadow: 0 5px 15px rgba(86, 120, 188, 0.2) !important; transition: all 0.3s ease; } /* ========================================================== 2. PAGINA DE PRODUS (DETALII) ========================================================== */ .product-prices .current-price span, .product-quantities .price { font-family: 'Source Serif 4', serif !important; font-size: 20px !important; font-weight: 400 !important; color: #000000 !important; display: block; margin-bottom: 20px !important; } .product-prices .current-price span::after { content: " /m.l" !important; font-size: 0.7em !important; } /* ========================================================== 3. CALCULATORUL SQUAREMETER ========================================================== */ #squaremeter { background: #FFFFFF; border-top: 1px solid #5678BC; border-bottom: 1px solid #5678BC; padding: 20px 0; margin: 20px 0 !important; box-shadow: none; } #squaremeter h5, #squaremeter p, #squaremeter label, #squaremeter .help-block, #squaremeter_availability, #squaremeter span:not(.input-group-btn), #squaremeter .converted-total-label, #squaremeter .title, #totalprice_product_button, div[class*="total-text"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } #squaremeter .form-group.row-item-group { width: 100% !important; float: none !important; padding: 0 !important; margin-bottom: 10px !important; } #squaremeter .input-group { max-width: 150px; margin: 0 auto !important; } #totalprice { font-size: 0 !important; color: transparent !important; text-align: center; display: block !important; margin-top: 15px !important; padding-top: 15px !important; border-top: 1px solid #5678BC; } #totalprice b, #totalprice span { font-family: 'Source Serif 4', serif !important; font-size: 24px !important; color: #000000 !important; visibility: visible !important; font-weight: 400 !important; } /* ========================================================== 4. BUTOANE DE ACȚIUNE ========================================================== */ .add-to-cart { font-family: 'Oswald', sans-serif !important; width: 100% !important; background-color: #E63B2E !important; height: 55px !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: uppercase !important; border: none !important; color: #FFFFFF !important; font-weight: 500 !important; } a[href*="sample"], .btn-secondary, .command-sample { font-family: 'Oswald', sans-serif !important; display: block !important; text-align: center; background: none !important; border: none !important; color: #A98743 !important; font-size: 12px !important; text-decoration: underline !important; text-transform: uppercase; margin-top: 15px !important; } .product-miniature .btn-action.add-to-cart, .product-miniature .js-add-to-cart, .product-miniature .buttons-action { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .product-miniature .btn-action::before, .product-miniature .btn-action::after, .tooltip, .tooltip-inner { display: none !important; content: none !important; } .product-description .highlighted-informations { display: none !important; } .product-miniature { margin-bottom: 10px !important; } .product-description { text-align: center !important; } /* ========================================================== 5. TIPOGRAFIE ȘI SCALARE GLOBALA ========================================================== */ body { background-color: #FFFFFF; color: #000000; font-family: 'Source Serif 4', serif !important; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: 0; } /* H1 a fost eliminat complet. Titlurile principale preiau structura H2 (42px) */ h2, .h2, .page-title, .product-detail-name, .product_title { font-family: 'Oswald', sans-serif !important; font-weight: 500 !important; /* Medium */ font-size: 42px !important; line-height: 120% !important; letter-spacing: 0px !important; text-transform: uppercase !important; color: #000000 !important; margin-bottom: 10px !important; } @media (max-width: 767px) { h2, .h2, .page-title, .product-detail-name, .product_title { font-size: 26px !important; } } h3, .h3 { font-family: 'Oswald', sans-serif !important; font-weight: 400 !important; /* Regular */ font-size: 26px !important; line-height: 130% !important; letter-spacing: 0px !important; text-transform: uppercase !important; color: #000000 !important; } /* 1. Importul fonturilor (dacă nu sunt deja încărcate de temă) */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&family=Source+Serif+4:opsz,wght@8..60,400;500;700&display=swap'); /* 2. Forțăm Source Serif 4 pentru tot conținutul general, excluzând iconițele */ html, body, div, p, span:not([class*="icon"]), a:not([class*="icon"]), ul, li, label, input, textarea, select, table, td, th { font-family: 'Source Serif 4', serif !important; } /* 3. Forțăm Oswald doar pentru titluri, butoane și elemente de navigare */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .page-title, .product-title, .product_name, .product-detail-name, .title, .add-to-cart, .btn, .ax-product-cats a { font-family: 'Oswald', sans-serif !important; } /* 1. Eliminarea etichetei "IN" (opțional, pentru un look mai curat) */ .ax-product-cats { display: none !important; } /* 3. Stilizarea titlului (Source Serif 4) */ .product_name a, .product-title a, .js-product-miniature .product_name a { font-family: 'Source Serif 4', serif !important; font-size: 15px !important; /* Ușor mai mic pentru compactare */ line-height: 1.3 !important; text-transform: none !important; /* Am scos uppercase pentru eleganță */ margin-bottom: 4px !important; display: block; } /* 4. Stilizarea prețului: Cifră Bold + text normal */ .product-miniature .price { font-family: 'Source Serif 4', serif !important; font-size: 14px !important; color: #000000 !important; display: block; } /* Aliniere la stânga pentru numele produsului și preț */ .product_name, .info-product { text-align: left !important; } /* Dacă vrei să te asiguri că și textul din interiorul link-ului se aliniază */ .product_name a { display: block !important; text-align: left !important; } /* Asigură-te că și containerul prețului respectă alinierea */ .product-price-and-shipping { text-align: left !important; } /* Import actualizat cu toate greutățile necesare (300, 400, 500, 600, 700) */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&family=Source+Serif+4:opsz,wght@8..60,400;500;600;700&display=swap'); /* Import actualizat - includem greutatea 400 (Regular) pentru ambele fonturi */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400&family=Source+Serif+4:opsz,wght@8..60,400&display=swap'); /* ========================================================== 1. GRILA DE PRODUSE (PAGINA CATEGORIE) - Fără Capslock ========================================================== */ .product_name a, .product-title a, .js-product-miniature .product_name a { font-family: 'Oswald', sans-serif !important; font-weight: 400 !important; /* Regular */ font-size: 22px !important; text-transform: none !important; /* Fără Capslock */ line-height: 1.2 !important; color: #000000 !important; margin-bottom: 4px !important; text-align: left !important; } .product-miniature .price, .product-price-and-shipping .price { font-family: 'Source Serif 4', serif !important; font-weight: 400 !important; /* Regular, fără Bold */ font-size: 18px !important; color: #000000 !important; text-align: left !important; } /* ========================================================== 2. PAGINA DE PRODUS (DETALII) - Titlu specificat ========================================================== */ .product-detail-name, .page-title h1, h1.product_title { font-family: 'Oswald', sans-serif !important; font-weight: 400 !important; /* Regular */ font-size: 32px !important; text-transform: uppercase !important; /* Cerință specifică: Capslock pentru titlu produs */ color: #000000 !important; margin-bottom: 10px !important; line-height: 1.1 !important; } .product-prices .current-price span, .product-quantities .price { font-family: 'Source Serif 4', serif !important; font-weight: 400 !important; /* Regular */ font-size: 16px !important; color: #000000 !important; } /* Media Query pentru Mobil (ecrane sub 767px) */ @media (max-width: 767px) { /* 1. Titlul produsului în listă - 16px Regular (fără capslock) */ .product_name a, .product-title a, .js-product-miniature .product_name a { font-size: 16px !important; } /* 2. Prețul în listă - 14px Regular */ .product-miniature .price, .product-price-and-shipping .price { font-size: 14px !important; } /* 3. Titlul în Pagina de Produs - ajustat pentru mobil (22px în loc de 32px) */ .product-detail-name, .page-title h1, h1.product_title { font-size: 22px !important; } /* 4. Prețul în Pagina de Produs - 14px */ .product-prices .current-price span, .product-quantities .price { font-size: 14px !important; } } /* Modificări pentru breadcrumb */ .axps-breadcrumb, .breadcrumb { font-family: 'Source Serif 4', serif !important; /* Folosim fontul de text */ text-transform: none !important; /* Eliminăm Capslock-ul */ font-size: 13px !important; /* Dimensiune mai mică */ letter-spacing: 0 !important; /* Eliminăm spațierea forțată */ color: #666666 !important; /* O nuanță de gri pentru a nu concura cu titlul */ margin-top: 5px !important; } /* 1. Setăm culoarea verde specifică WhatsApp și centrăm pictograma */ .floating { background-color: #25D366 !important; /* Verde WhatsApp */ display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; /* Ne asigurăm că e cerc perfect */ overflow: hidden !important; } /* 2. Ne asigurăm că iconița din interior este centrată */ .floating i.fab.fa-whatsapp { color: #FFFFFF !important; /* Pictogramă albă pentru contrast */ font-size: 24px !important; /* Ajustează mărimea dacă e nevoie */ margin: 0 !important; padding: 0 !important; }