/* ===================================================== STYLE PRODUSE – MINIMAL (ca index) Pagina: produse.html Scop: doar header + mici ajustări, fără carduri ===================================================== */ /* Page scope */ .page-produse{ /* nimic special aici */ } /* ===================================================== HERO HEADER (ca la Contact) ===================================================== */ .page-produse .ptg-page-hero{ padding: 38px 0 20px; } .page-produse .ptg-hero-inner{ background: rgba(255,255,255,0.86); border: 1px solid rgba(30,90,166,0.12); border-radius: 16px; padding: 20px 22px; } .page-produse .ptg-page-title{ margin: 0 0 8px; font-size: 4.1rem; font-weight: 800; line-height: 1.05; } /* Tablet */ @media (max-width: 1000px){ .page-produse .ptg-page-title{ font-size: 3.2rem; } } /* Mobil */ @media (max-width: 640px){ .page-produse .ptg-page-title{ font-size: 2.4rem; } } } .page-produse .ptg-page-lead{ margin: 0; line-height: 1.6; opacity: .9; } /* ===================================================== PORTOFOLIU – păstrăm exact ca în index (NU carduri, NU hover special) ===================================================== */ .page-produse #portofoliu .portofolio-box{ background: transparent; box-shadow: none; border-radius: 0; transform: none; } .page-produse #portofoliu .portofolio-box:hover{ transform: none; box-shadow: none; } /* ===================================================== SECTIUNEA 2 – GAMA PRODUSE Nu aplicăm niciun design nou. Păstrăm stilul din global/index. ===================================================== */ .page-produse #produse .ptgprod-textcontainer{ display: none; /* doar pentru toggle */ } /* click pe detalii */ .page-produse #produse .ptgprod-title span[id]{ cursor: pointer; } .page-produse .ptgprod-title{ scroll-margin-top: 90px; /* ajustezi 70–130 după cum îți place */ } .page-produse .ptg-title-line{ font-size: 2rem; font-weight: 700; display: flex; align-items: center; gap: 18px; margin: 45px 0 25px; color: #1f2d3d; } .page-produse .ptg-title-line::after{ content: ""; flex: 1; height: 2px; background: #2f7dc5; opacity: 0.55; } /* ===================================================== PRODUSE – HERO (curat, fara dubluri) Body: ===================================================== */ body.page-produse .ptg-page-hero{ padding: 24px 0; /* spatiu sus/jos sectiune */ min-height: auto; height: auto; display: block; } body.page-produse .ptg-page-hero .container{ padding-top: 0; padding-bottom: 0px; } body.page-produse .ptg-page-hero .ptg-hero-inner{ text-align: center; padding: 14px 22px; /* spatiu intern card */ min-height: 0; height: auto; } /* Titlu */ body.page-produse .ptg-page-hero .ptg-page-title{ color: #2f7dc5; font-weight: 800; margin: 0 0 10px; } /* Text lead – fara padding, fara margini mari */ body.page-produse .ptg-page-hero p.ptg-page-lead{ max-width: 860px; margin: 0 auto; padding: 0; /* asta iti rezolva “paddding 55” vazut in inspector */ font-size: 1.15rem; line-height: 1.65; opacity: 0.9; } /* ===================================================== TITLURI SECTIUNI – unitar ===================================================== */ body.page-produse .ptg-sec-title{ font-size: 1.85rem; font-weight: 750; color: #2f7dc5; margin: 45px 0 22px; display: flex; align-items: center; gap: 18px; } body.page-produse .ptg-sec-title::after{ content: ""; flex: 1; height: 2px; background: #2f7dc5; opacity: 0.35; } /* PRODUSE – card hero prea inalt */ body.page-produse .ptg-hero-inner{ padding: 18px 22px !important; min-height: 0 !important; height: auto !important; } /* daca ai box sizing sau flex care forteaza */ body.page-produse .ptg-page-hero{ padding: 20px 0 !important; } body.page-produse .ptg-page-hero .container{ padding-top: 0 !important; padding-bottom: 0 !important; } /* HERO PRODUSE – wrapper dedicat, compact */ .page-produse .ptg-page-hero--produse{ padding: 18px 0 !important; } .page-produse .produse-hero-card{ background: rgba(255,255,255,.92); border: 1px solid rgba(56, 112, 175, .18); border-radius: 16px; box-shadow: 0 6px 18px rgba(0,0,0,.06); } .page-produse .produse-hero-card-inner{ padding: 18px 24px; } /* dacă titlul + lead au “aer” prea mare */ .page-produse .produse-hero-card .ptg-page-title{ margin: 0 0 10px 0; } .page-produse .produse-hero-card .ptg-page-lead{ margin: 0; max-width: 950px; margin-left: auto; margin-right: auto; } /* PRODUSE – elimină înălțimea forțată din hero */ .page-produse .ptg-page-hero, .page-produse .ptg-hero-inner, .page-produse .produse-hero-card-inner{ min-height: unset !important; height: auto !important; } /* Cardul să fie compact */ .page-produse .produse-hero-card-inner{ padding: 16px 22px !important; } /* Lead fără spațiu jos */ .page-produse .ptg-page-lead{ margin: 0 !important; padding: 0 !important; line-height: 1.45; } /* PRODUSE – hero compact (doar aici) */ .page-produse .ptg-page-hero{ padding: 22px 0 12px !important; /* spațiu de sus/jos al secțiunii */ } .page-produse .ptg-page-hero .ptg-hero-inner{ min-height: 0 !important; height: auto !important; padding: 0 !important; } /* Cardul din hero (cutia albă) */ .page-produse .ptg-page-hero .produse-hero-card-inner{ padding: 14px 18px !important; /* aici reglezi “grosimea” cardului */ } /* Textul din card */ .page-produse .ptg-page-hero .ptg-page-title{ margin: 0 0 6px !important; } .page-produse .ptg-page-hero .ptg-page-lead{ margin: 0 !important; padding: 0 !important; line-height: 1.45; } .page-produse .ptg-hero-inner{ background: transparent !important; padding: 0 !important; min-height: auto !important; box-shadow: none !important; border-radius: 0 !important; } /* PRODUSE – hero curat, centrat, aerisit */ .page-produse .ptg-page-hero{ padding-top: 44px !important; padding-bottom: 26px !important; text-align: center !important; } .page-produse .ptg-page-hero .ptg-hero-inner{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: auto !important; } /* descrierea să nu se întindă pe tot ecranul + centrat */ .page-produse .ptg-page-hero .ptg-page-lead{ max-width: 900px; margin: 10px auto 0 !important; text-align: center !important; } /* motto sub descriere */ .page-produse .ptg-page-hero .ptg-motto{ margin-top: 10px !important; text-align: center !important; } .ptg-hero-lead{ margin: 0 auto; max-width: 950px; font-size: 13px; line-height: 1.55; opacity: .85; } .page-produse .ptg-motto{ margin-top: 10px; font-size: 14px; opacity: .8; } .page-produse .ptg-hero-band{ position: relative; padding: 26px 0 18px; margin: 0 0 16px; } .page-produse .ptg-hero-band::before{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%; background: radial-gradient(circle at 15% 30%, rgba(51,122,183,.18), transparent 55%), radial-gradient(circle at 85% 70%, rgba(51,122,183,.14), transparent 60%), linear-gradient(90deg, rgba(51,122,183,.10), rgba(51,122,183,.06)); border-bottom: 1px solid rgba(0,0,0,.06); z-index: 0; } .page-produse .ptg-hero-inner{ position: relative; z-index: 1; text-align: center; }