{"title":"Uși de interior și exterior | HomeLock România","description":"\u003cp data-start=\"381\" data-end=\"511\" class=\"PDq2pG_selectionAnchorContainer\"\u003eDescoperă gama noastră de \u003cstrong data-start=\"407\" data-end=\"438\"\u003euși de interior și exterior\u003c\/strong\u003e, atent selecționate pentru apartamente, case, vile și spații comerciale.\u003cspan aria-hidden=\"true\" class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"513\" data-end=\"651\"\u003eOferim modele moderne, uși premium, uși filomuro și soluții personalizate, disponibile într-o varietate de finisaje, culori și dimensiuni.\u003c\/p\u003e\n\u003cp data-start=\"653\" data-end=\"762\"\u003ePe lângă ușile standard, îți punem la dispoziție și \u003cstrong data-start=\"705\" data-end=\"723\"\u003euși pe comandă\u003c\/strong\u003e, adaptate cerințelor fiecărui proiect.\u003c\/p\u003e\n\u003cp data-start=\"764\" data-end=\"937\"\u003e✔️ Uși de interior moderne\u003cbr data-start=\"790\" data-end=\"793\"\u003e✔️ Uși metalice de exterior\u003cbr data-start=\"820\" data-end=\"823\"\u003e✔️ Uși Filomuro\u003cbr data-start=\"838\" data-end=\"841\"\u003e✔️ Uși pe comandă\u003cbr data-start=\"858\" data-end=\"861\"\u003e✔️ Compatibile cu yale smart HomeLock\u003cbr data-start=\"898\" data-end=\"901\"\u003e✔️ Măsurători și montaj profesionist\u003c\/p\u003e\n\u003cp data-start=\"939\" data-end=\"1089\"\u003eAlege soluția potrivită împreună cu echipa HomeLock și transformă fiecare acces într-o combinație perfectă între design, siguranță și funcționalitate.\u003c\/p\u003e","products":[{"product_id":"prestige","title":"Prestige-Gri Antracit","description":"\u003cdiv class=\"hlb-product-page\"\u003e\n\u003c!-- ==================================================\n 1. PENTRU CINE ESTE UȘA\n ================================================== --\u003e\n\u003csection class=\"hlb-intro\"\u003e\n\u003cdiv class=\"hlb-intro__main\"\u003e\n\u003cspan class=\"hlb-eyebrow\"\u003e Creată pentru apartamente \u003c\/span\u003e\n\u003cp class=\"hlb-intro__lead\"\u003ePrestige este destinată proprietarilor care își doresc o intrare modernă, solidă și bine echipată, fără aspectul rece al unei uși metalice clasice.\u003c\/p\u003e\n\u003cp\u003eFinisajul antracit și liniile geometrice îi oferă un aspect elegant, potrivit atât pentru apartamente renovate, cât și pentru locuințe noi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hlb-intro__aside\"\u003e\u003cspan class=\"hlb-section-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe holuri interioare și case ale scării, unde ușa nu este expusă direct la ploaie, soare sau variații extreme de temperatură.\u003c\/p\u003e\n\u003cdiv class=\"hlb-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eBlocuri noi\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 2. ECHIPAREA UȘII\n ================================================== --\u003e\n\u003csection class=\"hlb-equipment\"\u003e\n\u003cdiv class=\"hlb-section-heading hlb-section-heading--dark\"\u003e\n\u003cspan\u003e Echipare inclusă \u003c\/span\u003e\n\u003ch2\u003eTot ce primești împreună cu ușa\u003c\/h2\u003e\n\u003cp\u003eUșa este livrată ca un ansamblu complet, pregătit pentru montaj și utilizare. Elementele principale sunt deja incluse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-equipment__layout\"\u003e\n\u003cdiv class=\"hlb-equipment__visual\"\u003e\n\u003cdiv class=\"hlb-door-illustration\"\u003e\n\u003cspan class=\"hlb-door-illustration__eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--one\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--two\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--three\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnsamblu complet pentru intrarea în apartament\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-equipment__list\"\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBroască superioară\u003c\/h3\u003e\n\u003cp\u003eSistem cu închidere în trei puncte și cheie tip seif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBroască inferioară\u003c\/h3\u003e\n\u003cp\u003eÎnchidere în trei puncte pentru blocarea principală.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCilindru și cinci chei\u003c\/h3\u003e\n\u003cp\u003eButuc inclus, pregătit pentru utilizare imediată.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVizor și feronerie\u003c\/h3\u003e\n\u003cp\u003eVizor, mânere și elementele necesare utilizării ușii.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBalamale cu rulment\u003c\/h3\u003e\n\u003cp\u003eDeschidere stabilă și mișcare mai lină a foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eDouă rânduri de garnituri\u003c\/h3\u003e\n\u003cp\u003eEtanșare suplimentară între foaia de ușă și toc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 3. YALĂ INTELIGENTĂ\n ================================================== --\u003e\n\u003csection class=\"hlb-smart\"\u003e\n\u003cdiv class=\"hlb-smart__copy\"\u003e\n\u003cspan class=\"hlb-eyebrow hlb-eyebrow--light\"\u003e Pregătită pentru acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală inteligentă\u003c\/h2\u003e\n\u003cp class=\"hlb-smart__lead\"\u003eToate ușile din gama Homelock pot fi echipate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, ușa poate permite accesul prin \u003cstrong\u003eamprentă, cod PIN, card RFID și aplicație mobilă\u003c\/strong\u003e, fără să mai depinzi de cheia clasică.\u003c\/p\u003e\n\u003cp\u003eÎnainte de montaj verificăm broasca și dimensiunile ușii, astfel încât să alegem modelul de yală smart potrivit și să realizăm instalarea corect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-smart__methods\"\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003e Acces rapid, fără cheie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003e Cod permanent sau temporar \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003e Acces simplu pentru familie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003e Administrare direct din telefon \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 4. MONTAJ ȘI DIMENSIUNI\n ================================================== --\u003e\n\u003csection class=\"hlb-installation\"\u003e\n\u003cdiv class=\"hlb-installation__copy\"\u003e\n\u003cspan class=\"hlb-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eUn montaj corect începe cu măsurători corecte\u003c\/h2\u003e\n\u003cp\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și trei puncte pe înălțime. Pereții nu sunt întotdeauna perfect drepți, iar diferențele trebuie identificate înainte de montaj.\u003c\/p\u003e\n\u003cdiv class=\"hlb-measure-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-installation__data\"\u003e\n\u003cdiv class=\"hlb-main-dimension\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 88–92 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-dimension-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 86 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hlb-installation__note\"\u003eDimensiunea exactă trebuie confirmată înainte de comandă. În funcție de starea zidului, pot fi necesare ajustări în timpul montajului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 5. SPECIFICAȚII INTERACTIVE\n ================================================== --\u003e\n\u003csection class=\"hlb-technical\"\u003e\n\u003cdiv class=\"hlb-section-heading\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide categoriile de mai jos pentru a verifica specificațiile produsului înainte de comandă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Dimensiuni și amplasare \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Construcție și finisaje \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCuloare\u003c\/strong\u003e \u003cspan\u003eAntracit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit, laminat PVC și inserții metalice\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație interioară\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Performanță și siguranță \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtecții\u003c\/strong\u003e \u003cspan\u003eAnti-burghiu și anti-manipulare\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 6. NOTĂ FINALĂ\n ================================================== --\u003e\n\u003csection class=\"hlb-final-note\"\u003e\u003cspan class=\"hlb-final-note__icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile unde ușa este expusă direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ==================================================\n VARIABILE ȘI STIL GENERAL\n ================================================== *\/\n\n.hlb-product-page {\n --hlb-black: #101417;\n --hlb-dark: #171c20;\n --hlb-dark-soft: #20262b;\n --hlb-dark-card: #252c31;\n\n --hlb-steel: #8495a0;\n --hlb-steel-light: #c3cdd3;\n --hlb-steel-dark: #556873;\n\n --hlb-background: #f4f5f5;\n --hlb-background-soft: #fafafa;\n --hlb-white: #ffffff;\n\n --hlb-text: #172025;\n --hlb-muted: #67747a;\n\n --hlb-border: #dce1e3;\n --hlb-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hlb-text);\n font-family: inherit;\n}\n\n\n\/* ==================================================\n ELEMENTE COMUNE\n ================================================== *\/\n\n.hlb-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hlb-eyebrow--light {\n color: var(--hlb-steel-light);\n}\n\n.hlb-section-heading {\n max-width: 800px;\n\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hlb-section-heading \u003e span {\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hlb-section-heading h2 {\n margin: 9px 0 17px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-section-heading p {\n margin: 0;\n\n color: var(--hlb-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hlb-section-heading--dark \u003e span {\n color: var(--hlb-steel-light);\n}\n\n.hlb-section-heading--dark h2 {\n color: var(--hlb-white);\n}\n\n.hlb-section-heading--dark p {\n color: #bbc5ca;\n}\n\n\n\/* ==================================================\n INTRODUCERE\n ================================================== *\/\n\n.hlb-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hlb-intro__main,\n.hlb-intro__aside {\n border-radius: 30px;\n}\n\n.hlb-intro__main {\n padding: 46px;\n\n border: 1px solid var(--hlb-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 36%\n ),\n var(--hlb-background-soft);\n\n box-shadow: 0 18px 45px rgba(16, 20, 23, 0.05);\n}\n\n.hlb-intro__main h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-intro__lead {\n color: #344146 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hlb-intro__main p {\n color: var(--hlb-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hlb-intro__aside {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.18),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n #252c31,\n #151a1e\n );\n\n color: var(--hlb-white);\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.16);\n}\n\n.hlb-section-number {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hlb-steel-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hlb-intro__aside h3 {\n margin: 0 0 13px;\n\n color: var(--hlb-white);\n\n font-size: 25px;\n}\n\n.hlb-intro__aside p {\n margin: 0;\n\n color: #c8d0d3;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hlb-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hlb-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #eef1f2;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* ==================================================\n ECHIPAREA UȘII\n ================================================== *\/\n\n.hlb-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hlb-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(132, 149, 160, 0.13),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #20262b,\n #111619\n );\n\n box-shadow: 0 28px 70px rgba(16, 20, 23, 0.2);\n}\n\n.hlb-equipment__layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hlb-equipment__visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(132, 149, 160, 0.15),\n transparent 43%\n ),\n #161b1f;\n}\n\n.hlb-equipment__visual \u003e p {\n margin: 25px 0 0;\n\n color: #aebbc0;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hlb-door-illustration {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #363f44;\n border-radius: 15px 15px 6px 6px;\n\n background:\n repeating-linear-gradient(\n 135deg,\n #1b2024 0,\n #1b2024 7px,\n #22282c 7px,\n #22282c 14px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.hlb-door-illustration::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 8px;\n}\n\n.hlb-door-illustration__eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--hlb-steel-light);\n\n transform: translateX(-50%);\n}\n\n.hlb-door-illustration__handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--hlb-steel-dark),\n var(--hlb-steel-light)\n );\n\n box-shadow: 0 6px 15px rgba(132, 149, 160, 0.25);\n}\n\n.hlb-door-illustration__lock {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--hlb-steel);\n}\n\n.hlb-door-illustration__lock--one {\n top: 130px;\n}\n\n.hlb-door-illustration__lock--two {\n top: 163px;\n}\n\n.hlb-door-illustration__lock--three {\n top: 232px;\n}\n\n.hlb-equipment__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hlb-equipment-card {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n box-shadow:\n 0 12px 28px rgba(0, 0, 0, 0.1),\n inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hlb-equipment-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.32);\n\n background:\n linear-gradient(\n 145deg,\n rgba(132, 149, 160, 0.16),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hlb-equipment-card__number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(195, 205, 211, 0.13);\n border-radius: 12px;\n\n background: rgba(132, 149, 160, 0.16);\n color: var(--hlb-steel-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hlb-equipment-card h3 {\n margin: 1px 0 6px;\n\n color: var(--hlb-white);\n\n font-size: 16px;\n}\n\n.hlb-equipment-card p {\n margin: 0;\n\n color: #adb9be;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n YALĂ INTELIGENTĂ\n ================================================== *\/\n\n.hlb-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.22),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #252d32,\n #13181b\n );\n\n color: var(--hlb-white);\n\n box-shadow: 0 26px 65px rgba(16, 20, 23, 0.2);\n}\n\n.hlb-smart__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-smart__copy p {\n color: #c5ced2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hlb-smart__copy strong {\n color: var(--hlb-white);\n}\n\n.hlb-smart__lead {\n color: #eef1f2 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hlb-smart__methods {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hlb-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hlb-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.3);\n\n background: rgba(132, 149, 160, 0.13);\n}\n\n.hlb-smart-card__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(132, 149, 160, 0.15);\n\n font-size: 22px;\n}\n\n.hlb-smart-card strong {\n display: block;\n\n color: var(--hlb-white);\n\n font-size: 13.5px;\n}\n\n.hlb-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #9fadb2;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* ==================================================\n MONTAJ\n ================================================== *\/\n\n.hlb-installation {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f6f7f7,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.075);\n}\n\n.hlb-installation__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-installation__copy \u003e p {\n color: var(--hlb-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hlb-measure-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hlb-measure-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 15px;\n\n background: var(--hlb-background-soft);\n}\n\n.hlb-measure-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #e7ebed;\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hlb-measure-steps p {\n margin: 0;\n\n color: #56646a;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hlb-installation__data {\n padding: 28px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eef1f2,\n #f8f9f9\n );\n}\n\n.hlb-main-dimension {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d8dfe1;\n}\n\n.hlb-main-dimension small,\n.hlb-main-dimension span {\n display: block;\n\n color: #79868b;\n\n font-size: 11.5px;\n}\n\n.hlb-main-dimension strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hlb-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hlb-dimension-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hlb-dimension-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 14px;\n\n background: var(--hlb-white);\n}\n\n.hlb-dimension-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #7c888d;\n\n font-size: 10.5px;\n}\n\n.hlb-dimension-grid strong {\n color: var(--hlb-text);\n\n font-size: 13px;\n}\n\n.hlb-installation__note {\n margin: 18px 0 0;\n\n color: #747f84;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n SPECIFICAȚII\n ================================================== *\/\n\n.hlb-technical {\n margin: 64px 0;\n}\n\n.hlb-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hlb-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hlb-border);\n border-radius: 20px;\n\n background: var(--hlb-white);\n\n box-shadow: 0 10px 28px rgba(16, 20, 23, 0.045);\n}\n\n.hlb-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hlb-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hlb-accordion summary span {\n color: var(--hlb-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hlb-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #e8edef;\n color: var(--hlb-steel-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hlb-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hlb-accordion__content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hlb-accordion__content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hlb-border);\n\n background: var(--hlb-background-soft);\n}\n\n.hlb-accordion__content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hlb-text);\n\n font-size: 12px;\n}\n\n.hlb-accordion__content span {\n color: var(--hlb-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* ==================================================\n NOTĂ FINALĂ\n ================================================== *\/\n\n.hlb-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #edf0f1,\n #fafafa\n );\n}\n\n.hlb-final-note__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hlb-dark-soft);\n color: var(--hlb-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hlb-final-note strong {\n color: var(--hlb-text);\n\n font-size: 15px;\n}\n\n.hlb-final-note p {\n margin: 6px 0 0;\n\n color: var(--hlb-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* ==================================================\n TABLETĂ\n ================================================== *\/\n\n@media (max-width: 900px) {\n\n .hlb-intro,\n .hlb-equipment__layout,\n .hlb-smart,\n .hlb-installation {\n grid-template-columns: 1fr;\n }\n\n .hlb-equipment__visual {\n min-height: 410px;\n }\n\n}\n\n\n\/* ==================================================\n TELEFON\n ================================================== *\/\n\n@media (max-width: 600px) {\n\n .hlb-intro__main,\n .hlb-intro__aside,\n .hlb-equipment,\n .hlb-smart,\n .hlb-installation {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hlb-equipment__list,\n .hlb-smart__methods,\n .hlb-dimension-grid,\n .hlb-accordion__content {\n grid-template-columns: 1fr;\n }\n\n .hlb-equipment-card {\n min-height: auto;\n }\n\n .hlb-equipment__visual {\n min-height: 370px;\n padding: 25px;\n }\n\n .hlb-door-illustration {\n width: 145px;\n height: 295px;\n }\n\n .hlb-main-dimension strong {\n font-size: 24px;\n }\n\n .hlb-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54261355086151,"sku":null,"price":429.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/bc-307_2026-06-30_21-55-51.jpg?v=1782845798"},{"product_id":"prestige-maro","title":"Prestige-Maro","description":"\u003cdiv class=\"hlb-product-page\"\u003e\n\u003c!-- ==================================================\n 1. PENTRU CINE ESTE UȘA\n ================================================== --\u003e\n\u003csection class=\"hlb-intro\"\u003e\n\u003cdiv class=\"hlb-intro__main\"\u003e\n\u003cspan class=\"hlb-eyebrow\"\u003e Creată pentru apartamente \u003c\/span\u003e\n\u003cp class=\"hlb-intro__lead\"\u003ePrestige este destinată proprietarilor care își doresc o intrare modernă, solidă și bine echipată, fără aspectul rece al unei uși metalice clasice.\u003c\/p\u003e\n\u003cp\u003eFinisajul antracit și liniile geometrice îi oferă un aspect elegant, potrivit atât pentru apartamente renovate, cât și pentru locuințe noi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hlb-intro__aside\"\u003e\u003cspan class=\"hlb-section-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe holuri interioare și case ale scării, unde ușa nu este expusă direct la ploaie, soare sau variații extreme de temperatură.\u003c\/p\u003e\n\u003cdiv class=\"hlb-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eBlocuri noi\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 2. ECHIPAREA UȘII\n ================================================== --\u003e\n\u003csection class=\"hlb-equipment\"\u003e\n\u003cdiv class=\"hlb-section-heading hlb-section-heading--dark\"\u003e\n\u003cspan\u003e Echipare inclusă \u003c\/span\u003e\n\u003ch2\u003eTot ce primești împreună cu ușa\u003c\/h2\u003e\n\u003cp\u003eUșa este livrată ca un ansamblu complet, pregătit pentru montaj și utilizare. Elementele principale sunt deja incluse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-equipment__layout\"\u003e\n\u003cdiv class=\"hlb-equipment__visual\"\u003e\n\u003cdiv class=\"hlb-door-illustration\"\u003e\n\u003cspan class=\"hlb-door-illustration__eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--one\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--two\"\u003e\u003c\/span\u003e \u003cspan class=\"hlb-door-illustration__lock hlb-door-illustration__lock--three\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnsamblu complet pentru intrarea în apartament\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-equipment__list\"\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBroască superioară\u003c\/h3\u003e\n\u003cp\u003eSistem cu închidere în trei puncte și cheie tip seif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBroască inferioară\u003c\/h3\u003e\n\u003cp\u003eÎnchidere în trei puncte pentru blocarea principală.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCilindru și cinci chei\u003c\/h3\u003e\n\u003cp\u003eButuc inclus, pregătit pentru utilizare imediată.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVizor și feronerie\u003c\/h3\u003e\n\u003cp\u003eVizor, mânere și elementele necesare utilizării ușii.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBalamale cu rulment\u003c\/h3\u003e\n\u003cp\u003eDeschidere stabilă și mișcare mai lină a foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-equipment-card\"\u003e\u003cspan class=\"hlb-equipment-card__number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eDouă rânduri de garnituri\u003c\/h3\u003e\n\u003cp\u003eEtanșare suplimentară între foaia de ușă și toc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 3. YALĂ INTELIGENTĂ\n ================================================== --\u003e\n\u003csection class=\"hlb-smart\"\u003e\n\u003cdiv class=\"hlb-smart__copy\"\u003e\n\u003cspan class=\"hlb-eyebrow hlb-eyebrow--light\"\u003e Pregătită pentru acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală inteligentă\u003c\/h2\u003e\n\u003cp class=\"hlb-smart__lead\"\u003eToate ușile din gama Homelock pot fi echipate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, ușa poate permite accesul prin \u003cstrong\u003eamprentă, cod PIN, card RFID și aplicație mobilă\u003c\/strong\u003e, fără să mai depinzi de cheia clasică.\u003c\/p\u003e\n\u003cp\u003eÎnainte de montaj verificăm broasca și dimensiunile ușii, astfel încât să alegem modelul de yală smart potrivit și să realizăm instalarea corect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-smart__methods\"\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003e Acces rapid, fără cheie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003e Cod permanent sau temporar \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003e Acces simplu pentru familie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hlb-smart-card\"\u003e\u003cspan class=\"hlb-smart-card__icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003e Administrare direct din telefon \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 4. MONTAJ ȘI DIMENSIUNI\n ================================================== --\u003e\n\u003csection class=\"hlb-installation\"\u003e\n\u003cdiv class=\"hlb-installation__copy\"\u003e\n\u003cspan class=\"hlb-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eUn montaj corect începe cu măsurători corecte\u003c\/h2\u003e\n\u003cp\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și trei puncte pe înălțime. Pereții nu sunt întotdeauna perfect drepți, iar diferențele trebuie identificate înainte de montaj.\u003c\/p\u003e\n\u003cdiv class=\"hlb-measure-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-installation__data\"\u003e\n\u003cdiv class=\"hlb-main-dimension\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 88–92 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-dimension-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 86 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hlb-installation__note\"\u003eDimensiunea exactă trebuie confirmată înainte de comandă. În funcție de starea zidului, pot fi necesare ajustări în timpul montajului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 5. SPECIFICAȚII INTERACTIVE\n ================================================== --\u003e\n\u003csection class=\"hlb-technical\"\u003e\n\u003cdiv class=\"hlb-section-heading\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide categoriile de mai jos pentru a verifica specificațiile produsului înainte de comandă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hlb-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Dimensiuni și amplasare \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Construcție și finisaje \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCuloare\u003c\/strong\u003e \u003cspan\u003eAntracit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit, laminat PVC și inserții metalice\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație interioară\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Performanță și siguranță \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hlb-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtecții\u003c\/strong\u003e \u003cspan\u003eAnti-burghiu și anti-manipulare\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 6. NOTĂ FINALĂ\n ================================================== --\u003e\n\u003csection class=\"hlb-final-note\"\u003e\u003cspan class=\"hlb-final-note__icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile unde ușa este expusă direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ==================================================\n VARIABILE ȘI STIL GENERAL\n ================================================== *\/\n\n.hlb-product-page {\n --hlb-black: #101417;\n --hlb-dark: #171c20;\n --hlb-dark-soft: #20262b;\n --hlb-dark-card: #252c31;\n\n --hlb-steel: #8495a0;\n --hlb-steel-light: #c3cdd3;\n --hlb-steel-dark: #556873;\n\n --hlb-background: #f4f5f5;\n --hlb-background-soft: #fafafa;\n --hlb-white: #ffffff;\n\n --hlb-text: #172025;\n --hlb-muted: #67747a;\n\n --hlb-border: #dce1e3;\n --hlb-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hlb-text);\n font-family: inherit;\n}\n\n\n\/* ==================================================\n ELEMENTE COMUNE\n ================================================== *\/\n\n.hlb-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hlb-eyebrow--light {\n color: var(--hlb-steel-light);\n}\n\n.hlb-section-heading {\n max-width: 800px;\n\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hlb-section-heading \u003e span {\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hlb-section-heading h2 {\n margin: 9px 0 17px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-section-heading p {\n margin: 0;\n\n color: var(--hlb-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hlb-section-heading--dark \u003e span {\n color: var(--hlb-steel-light);\n}\n\n.hlb-section-heading--dark h2 {\n color: var(--hlb-white);\n}\n\n.hlb-section-heading--dark p {\n color: #bbc5ca;\n}\n\n\n\/* ==================================================\n INTRODUCERE\n ================================================== *\/\n\n.hlb-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hlb-intro__main,\n.hlb-intro__aside {\n border-radius: 30px;\n}\n\n.hlb-intro__main {\n padding: 46px;\n\n border: 1px solid var(--hlb-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 36%\n ),\n var(--hlb-background-soft);\n\n box-shadow: 0 18px 45px rgba(16, 20, 23, 0.05);\n}\n\n.hlb-intro__main h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-intro__lead {\n color: #344146 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hlb-intro__main p {\n color: var(--hlb-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hlb-intro__aside {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.18),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n #252c31,\n #151a1e\n );\n\n color: var(--hlb-white);\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.16);\n}\n\n.hlb-section-number {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hlb-steel-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hlb-intro__aside h3 {\n margin: 0 0 13px;\n\n color: var(--hlb-white);\n\n font-size: 25px;\n}\n\n.hlb-intro__aside p {\n margin: 0;\n\n color: #c8d0d3;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hlb-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hlb-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #eef1f2;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* ==================================================\n ECHIPAREA UȘII\n ================================================== *\/\n\n.hlb-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hlb-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(132, 149, 160, 0.13),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #20262b,\n #111619\n );\n\n box-shadow: 0 28px 70px rgba(16, 20, 23, 0.2);\n}\n\n.hlb-equipment__layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hlb-equipment__visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(132, 149, 160, 0.15),\n transparent 43%\n ),\n #161b1f;\n}\n\n.hlb-equipment__visual \u003e p {\n margin: 25px 0 0;\n\n color: #aebbc0;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hlb-door-illustration {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #363f44;\n border-radius: 15px 15px 6px 6px;\n\n background:\n repeating-linear-gradient(\n 135deg,\n #1b2024 0,\n #1b2024 7px,\n #22282c 7px,\n #22282c 14px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.hlb-door-illustration::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 8px;\n}\n\n.hlb-door-illustration__eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--hlb-steel-light);\n\n transform: translateX(-50%);\n}\n\n.hlb-door-illustration__handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--hlb-steel-dark),\n var(--hlb-steel-light)\n );\n\n box-shadow: 0 6px 15px rgba(132, 149, 160, 0.25);\n}\n\n.hlb-door-illustration__lock {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--hlb-steel);\n}\n\n.hlb-door-illustration__lock--one {\n top: 130px;\n}\n\n.hlb-door-illustration__lock--two {\n top: 163px;\n}\n\n.hlb-door-illustration__lock--three {\n top: 232px;\n}\n\n.hlb-equipment__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hlb-equipment-card {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n box-shadow:\n 0 12px 28px rgba(0, 0, 0, 0.1),\n inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hlb-equipment-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.32);\n\n background:\n linear-gradient(\n 145deg,\n rgba(132, 149, 160, 0.16),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hlb-equipment-card__number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(195, 205, 211, 0.13);\n border-radius: 12px;\n\n background: rgba(132, 149, 160, 0.16);\n color: var(--hlb-steel-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hlb-equipment-card h3 {\n margin: 1px 0 6px;\n\n color: var(--hlb-white);\n\n font-size: 16px;\n}\n\n.hlb-equipment-card p {\n margin: 0;\n\n color: #adb9be;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n YALĂ INTELIGENTĂ\n ================================================== *\/\n\n.hlb-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.22),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #252d32,\n #13181b\n );\n\n color: var(--hlb-white);\n\n box-shadow: 0 26px 65px rgba(16, 20, 23, 0.2);\n}\n\n.hlb-smart__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-smart__copy p {\n color: #c5ced2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hlb-smart__copy strong {\n color: var(--hlb-white);\n}\n\n.hlb-smart__lead {\n color: #eef1f2 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hlb-smart__methods {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hlb-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hlb-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.3);\n\n background: rgba(132, 149, 160, 0.13);\n}\n\n.hlb-smart-card__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(132, 149, 160, 0.15);\n\n font-size: 22px;\n}\n\n.hlb-smart-card strong {\n display: block;\n\n color: var(--hlb-white);\n\n font-size: 13.5px;\n}\n\n.hlb-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #9fadb2;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* ==================================================\n MONTAJ\n ================================================== *\/\n\n.hlb-installation {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f6f7f7,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.075);\n}\n\n.hlb-installation__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hlb-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hlb-installation__copy \u003e p {\n color: var(--hlb-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hlb-measure-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hlb-measure-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 15px;\n\n background: var(--hlb-background-soft);\n}\n\n.hlb-measure-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #e7ebed;\n color: var(--hlb-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hlb-measure-steps p {\n margin: 0;\n\n color: #56646a;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hlb-installation__data {\n padding: 28px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eef1f2,\n #f8f9f9\n );\n}\n\n.hlb-main-dimension {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d8dfe1;\n}\n\n.hlb-main-dimension small,\n.hlb-main-dimension span {\n display: block;\n\n color: #79868b;\n\n font-size: 11.5px;\n}\n\n.hlb-main-dimension strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hlb-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hlb-dimension-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hlb-dimension-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 14px;\n\n background: var(--hlb-white);\n}\n\n.hlb-dimension-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #7c888d;\n\n font-size: 10.5px;\n}\n\n.hlb-dimension-grid strong {\n color: var(--hlb-text);\n\n font-size: 13px;\n}\n\n.hlb-installation__note {\n margin: 18px 0 0;\n\n color: #747f84;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n SPECIFICAȚII\n ================================================== *\/\n\n.hlb-technical {\n margin: 64px 0;\n}\n\n.hlb-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hlb-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hlb-border);\n border-radius: 20px;\n\n background: var(--hlb-white);\n\n box-shadow: 0 10px 28px rgba(16, 20, 23, 0.045);\n}\n\n.hlb-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hlb-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hlb-accordion summary span {\n color: var(--hlb-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hlb-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #e8edef;\n color: var(--hlb-steel-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hlb-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hlb-accordion__content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hlb-accordion__content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hlb-border);\n\n background: var(--hlb-background-soft);\n}\n\n.hlb-accordion__content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hlb-text);\n\n font-size: 12px;\n}\n\n.hlb-accordion__content span {\n color: var(--hlb-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* ==================================================\n NOTĂ FINALĂ\n ================================================== *\/\n\n.hlb-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hlb-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #edf0f1,\n #fafafa\n );\n}\n\n.hlb-final-note__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hlb-dark-soft);\n color: var(--hlb-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hlb-final-note strong {\n color: var(--hlb-text);\n\n font-size: 15px;\n}\n\n.hlb-final-note p {\n margin: 6px 0 0;\n\n color: var(--hlb-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* ==================================================\n TABLETĂ\n ================================================== *\/\n\n@media (max-width: 900px) {\n\n .hlb-intro,\n .hlb-equipment__layout,\n .hlb-smart,\n .hlb-installation {\n grid-template-columns: 1fr;\n }\n\n .hlb-equipment__visual {\n min-height: 410px;\n }\n\n}\n\n\n\/* ==================================================\n TELEFON\n ================================================== *\/\n\n@media (max-width: 600px) {\n\n .hlb-intro__main,\n .hlb-intro__aside,\n .hlb-equipment,\n .hlb-smart,\n .hlb-installation {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hlb-equipment__list,\n .hlb-smart__methods,\n .hlb-dimension-grid,\n .hlb-accordion__content {\n grid-template-columns: 1fr;\n }\n\n .hlb-equipment-card {\n min-height: auto;\n }\n\n .hlb-equipment__visual {\n min-height: 370px;\n padding: 25px;\n }\n\n .hlb-door-illustration {\n width: 145px;\n height: 295px;\n }\n\n .hlb-main-dimension strong {\n font-size: 24px;\n }\n\n .hlb-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54261677424967,"sku":null,"price":429.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/BC_307-Maro_2026-06-30_23-04-57.jpg?v=1782849939"},{"product_id":"imperial","title":"Imperial-GRI Antracit","description":"\u003cdiv class=\"hl400-product-page\"\u003e\n\u003c!-- ==================================================\n 1. PREZENTAREA MODELULUI\n ================================================== --\u003e\n\u003csection class=\"hl400-intro\"\u003e\n\u003cdiv class=\"hl400-intro__main\"\u003e\n\u003cspan class=\"hl400-eyebrow\"\u003e Ușă metalică pentru apartament \u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eConstrucție solidă. Design modern. Confort în fiecare zi.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"hl400-intro__lead\"\u003eAcest model este conceput pentru intrările de apartament unde siguranța, izolarea și aspectul modern trebuie să funcționeze împreună.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eFoaia metalică de 80 mm, tocul de 110 mm și izolația cu vată bazaltică formează un ansamblu robust, potrivit pentru utilizare zilnică și pentru reducerea zgomotului venit de pe casa scării.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl400-intro__aside\"\u003e\u003cspan class=\"hl400-section-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003ePotrivită pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe holuri interioare și case ale scării, unde ușa nu este expusă direct la ploaie, raze solare sau variații extreme de temperatură.\u003c\/p\u003e\n\u003cdiv class=\"hl400-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eBlocuri noi\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign modern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 2. CONSTRUCȚIE ȘI ECHIPARE\n ================================================== --\u003e\n\u003csection class=\"hl400-equipment\"\u003e\n\u003cdiv class=\"hl400-section-heading hl400-section-heading--dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile care formează ansamblul ușii\u003c\/h2\u003e\n\u003cp\u003eModelul combină o structură metalică solidă cu izolație interioară, finisaj antracit și feronerie inclusă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-equipment__layout\"\u003e\n\u003cdiv class=\"hl400-equipment__visual\"\u003e\n\u003cdiv class=\"hl400-door-illustration\"\u003e\n\u003cspan class=\"hl400-door-illustration__eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--two\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--three\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eUșă metalică antracit pentru intrarea în apartament\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-equipment__list\"\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 80 mm\u003c\/h3\u003e\n\u003cp\u003eConstrucție robustă, realizată pentru utilizare zilnică și stabilitate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 110 mm\u003c\/h3\u003e\n\u003cp\u003eToc solid, cu dimensiunea totală de 2020 × 880 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată cu feroneria necesară utilizării produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj neted și riflat\u003c\/h3\u003e\n\u003cp\u003eCombinație de suprafețe lise și riflaje într-un design modern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 4 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa 4 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 3. YALĂ INTELIGENTĂ\n ================================================== --\u003e\n\u003csection class=\"hl400-smart\"\u003e\n\u003cdiv class=\"hl400-smart__copy\"\u003e\n\u003cspan class=\"hl400-eyebrow hl400-eyebrow--light\"\u003e Pregătită pentru acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală inteligentă\u003c\/h2\u003e\n\u003cp class=\"hl400-smart__lead\"\u003eToate ușile din gama Homelock sunt selectate pentru a putea fi configurate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, ușa poate permite accesul prin \u003cstrong\u003e amprentă, cod PIN, card RFID și aplicație mobilă \u003c\/strong\u003e, fără să mai depinzi exclusiv de cheia mecanică.\u003c\/p\u003e\n\u003cp\u003eÎnainte de instalare verificăm broasca, dimensiunile și compatibilitatea mecanică, pentru a recomanda modelul de yală smart potrivit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-smart__methods\"\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003e Acces rapid, fără cheie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003e Cod permanent sau temporar \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003e Acces simplu pentru familie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003e Administrare direct din telefon \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 4. MONTAJ ȘI DIMENSIUNI\n ================================================== --\u003e\n\u003csection class=\"hl400-installation\"\u003e\n\u003cdiv class=\"hl400-installation__copy\"\u003e\n\u003cspan class=\"hl400-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eUn montaj corect începe cu măsurători corecte\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și minimum trei puncte pe înălțime. Pereții pot avea diferențe, iar dimensiunile trebuie verificate înainte de comandă.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hl400-measure-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea sus, la mijloc și în partea de jos a golului.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-installation__data\"\u003e\n\u003cdiv class=\"hl400-main-dimension\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 90–94 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-dimension-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 88 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e11 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 80 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e8 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl400-installation__note\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eIntervalul pentru golul recomandat este orientativ. Dimensiunea exactă trebuie confirmată prin măsurători înainte de comandă și montaj.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 5. SPECIFICAȚII INTERACTIVE\n ================================================== --\u003e\n\u003csection class=\"hl400-technical\"\u003e\n\u003cdiv class=\"hl400-section-heading\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide categoriile de mai jos pentru a verifica toate caracteristicile produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Dimensiuni și amplasare \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 880 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e110 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 800 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e80 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Construcție și finisaje \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCuloare\u003c\/strong\u003e \u003cspan\u003eAntracit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eSuprafață lisă și riflată\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație interioară\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eModern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Performanță și siguranță \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 6. NOTĂ FINALĂ\n ================================================== --\u003e\n\u003csection class=\"hl400-final-note\"\u003e\u003cspan class=\"hl400-final-note__icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile unde ușa este expusă direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ==================================================\n VARIABILE ȘI STIL GENERAL\n ================================================== *\/\n\n.hl400-product-page {\n --hl400-black: #101417;\n --hl400-dark: #171c20;\n --hl400-dark-soft: #20262b;\n --hl400-dark-card: #252c31;\n\n --hl400-steel: #8495a0;\n --hl400-steel-light: #c3cdd3;\n --hl400-steel-dark: #556873;\n\n --hl400-background: #f4f5f5;\n --hl400-background-soft: #fafafa;\n --hl400-white: #ffffff;\n\n --hl400-text: #172025;\n --hl400-muted: #67747a;\n\n --hl400-border: #dce1e3;\n --hl400-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl400-text);\n font-family: inherit;\n}\n\n\n\/* ==================================================\n ELEMENTE COMUNE\n ================================================== *\/\n\n.hl400-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl400-eyebrow--light {\n color: var(--hl400-steel-light);\n}\n\n.hl400-section-heading {\n max-width: 800px;\n\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl400-section-heading \u003e span {\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl400-section-heading h2 {\n margin: 9px 0 17px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-section-heading p {\n margin: 0;\n\n color: var(--hl400-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl400-section-heading--dark \u003e span {\n color: var(--hl400-steel-light);\n}\n\n.hl400-section-heading--dark h2 {\n color: var(--hl400-white);\n}\n\n.hl400-section-heading--dark p {\n color: #bbc5ca;\n}\n\n\n\/* ==================================================\n INTRODUCERE\n ================================================== *\/\n\n.hl400-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl400-intro__main,\n.hl400-intro__aside {\n border-radius: 30px;\n}\n\n.hl400-intro__main {\n padding: 46px;\n\n border: 1px solid var(--hl400-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 36%\n ),\n var(--hl400-background-soft);\n\n box-shadow: 0 18px 45px rgba(16, 20, 23, 0.05);\n}\n\n.hl400-intro__main h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-intro__lead {\n color: #344146 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl400-intro__main p {\n color: var(--hl400-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl400-intro__aside {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.18),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n #252c31,\n #151a1e\n );\n\n color: var(--hl400-white);\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.16);\n}\n\n.hl400-section-number {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl400-steel-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl400-intro__aside h3 {\n margin: 0 0 13px;\n\n color: var(--hl400-white);\n\n font-size: 25px;\n}\n\n.hl400-intro__aside p {\n margin: 0;\n\n color: #c8d0d3;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl400-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl400-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #eef1f2;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* ==================================================\n ECHIPAREA UȘII\n ================================================== *\/\n\n.hl400-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl400-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(132, 149, 160, 0.13),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #20262b,\n #111619\n );\n\n box-shadow: 0 28px 70px rgba(16, 20, 23, 0.2);\n}\n\n.hl400-equipment__layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl400-equipment__visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(132, 149, 160, 0.15),\n transparent 43%\n ),\n #161b1f;\n}\n\n.hl400-equipment__visual \u003e p {\n margin: 25px 0 0;\n\n color: #aebbc0;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl400-door-illustration {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #363f44;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n transparent 0%,\n transparent 68%,\n rgba(255, 255, 255, 0.025) 68%,\n rgba(255, 255, 255, 0.025) 100%\n ),\n repeating-linear-gradient(\n 135deg,\n #1b2024 0,\n #1b2024 7px,\n #22282c 7px,\n #22282c 14px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.hl400-door-illustration::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 8px;\n}\n\n.hl400-door-illustration__eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--hl400-steel-light);\n\n transform: translateX(-50%);\n}\n\n.hl400-door-illustration__handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--hl400-steel-dark),\n var(--hl400-steel-light)\n );\n\n box-shadow: 0 6px 15px rgba(132, 149, 160, 0.25);\n}\n\n.hl400-door-illustration__detail {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--hl400-steel);\n}\n\n.hl400-door-illustration__detail--one {\n top: 130px;\n}\n\n.hl400-door-illustration__detail--two {\n top: 163px;\n}\n\n.hl400-door-illustration__detail--three {\n top: 232px;\n}\n\n.hl400-equipment__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl400-equipment-card {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n box-shadow:\n 0 12px 28px rgba(0, 0, 0, 0.1),\n inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl400-equipment-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.32);\n\n background:\n linear-gradient(\n 145deg,\n rgba(132, 149, 160, 0.16),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl400-equipment-card__number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(195, 205, 211, 0.13);\n border-radius: 12px;\n\n background: rgba(132, 149, 160, 0.16);\n color: var(--hl400-steel-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl400-equipment-card h3 {\n margin: 1px 0 6px;\n\n color: var(--hl400-white);\n\n font-size: 16px;\n}\n\n.hl400-equipment-card p {\n margin: 0;\n\n color: #adb9be;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n YALĂ INTELIGENTĂ\n ================================================== *\/\n\n.hl400-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.22),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #252d32,\n #13181b\n );\n\n color: var(--hl400-white);\n\n box-shadow: 0 26px 65px rgba(16, 20, 23, 0.2);\n}\n\n.hl400-smart__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-smart__copy p {\n color: #c5ced2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl400-smart__copy strong {\n color: var(--hl400-white);\n}\n\n.hl400-smart__lead {\n color: #eef1f2 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl400-smart__methods {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl400-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl400-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.3);\n\n background: rgba(132, 149, 160, 0.13);\n}\n\n.hl400-smart-card__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(132, 149, 160, 0.15);\n\n font-size: 22px;\n}\n\n.hl400-smart-card strong {\n display: block;\n\n color: var(--hl400-white);\n\n font-size: 13.5px;\n}\n\n.hl400-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #9fadb2;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* ==================================================\n MONTAJ\n ================================================== *\/\n\n.hl400-installation {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f6f7f7,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.075);\n}\n\n.hl400-installation__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-installation__copy \u003e p {\n color: var(--hl400-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl400-measure-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl400-measure-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 15px;\n\n background: var(--hl400-background-soft);\n}\n\n.hl400-measure-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #e7ebed;\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl400-measure-steps p {\n margin: 0;\n\n color: #56646a;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl400-installation__data {\n padding: 28px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eef1f2,\n #f8f9f9\n );\n}\n\n.hl400-main-dimension {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d8dfe1;\n}\n\n.hl400-main-dimension small,\n.hl400-main-dimension span {\n display: block;\n\n color: #79868b;\n\n font-size: 11.5px;\n}\n\n.hl400-main-dimension strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl400-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl400-dimension-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl400-dimension-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 14px;\n\n background: var(--hl400-white);\n}\n\n.hl400-dimension-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #7c888d;\n\n font-size: 10.5px;\n}\n\n.hl400-dimension-grid strong {\n color: var(--hl400-text);\n\n font-size: 13px;\n}\n\n.hl400-installation__note {\n margin: 18px 0 0;\n\n color: #747f84;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n SPECIFICAȚII\n ================================================== *\/\n\n.hl400-technical {\n margin: 64px 0;\n}\n\n.hl400-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl400-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl400-border);\n border-radius: 20px;\n\n background: var(--hl400-white);\n\n box-shadow: 0 10px 28px rgba(16, 20, 23, 0.045);\n}\n\n.hl400-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl400-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl400-accordion summary span {\n color: var(--hl400-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl400-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #e8edef;\n color: var(--hl400-steel-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl400-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl400-accordion__content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl400-accordion__content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl400-border);\n\n background: var(--hl400-background-soft);\n}\n\n.hl400-accordion__content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl400-text);\n\n font-size: 12px;\n}\n\n.hl400-accordion__content span {\n color: var(--hl400-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* ==================================================\n NOTĂ FINALĂ\n ================================================== *\/\n\n.hl400-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #edf0f1,\n #fafafa\n );\n}\n\n.hl400-final-note__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl400-dark-soft);\n color: var(--hl400-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl400-final-note strong {\n color: var(--hl400-text);\n\n font-size: 15px;\n}\n\n.hl400-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl400-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* ==================================================\n TABLETĂ\n ================================================== *\/\n\n@media (max-width: 900px) {\n\n .hl400-intro,\n .hl400-equipment__layout,\n .hl400-smart,\n .hl400-installation {\n grid-template-columns: 1fr;\n }\n\n .hl400-equipment__visual {\n min-height: 410px;\n }\n\n}\n\n\n\/* ==================================================\n TELEFON\n ================================================== *\/\n\n@media (max-width: 600px) {\n\n .hl400-intro__main,\n .hl400-intro__aside,\n .hl400-equipment,\n .hl400-smart,\n .hl400-installation {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl400-equipment__list,\n .hl400-smart__methods,\n .hl400-dimension-grid,\n .hl400-accordion__content {\n grid-template-columns: 1fr;\n }\n\n .hl400-equipment-card {\n min-height: auto;\n }\n\n .hl400-equipment__visual {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl400-door-illustration {\n width: 145px;\n height: 295px;\n }\n\n .hl400-main-dimension strong {\n font-size: 24px;\n }\n\n .hl400-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54261832712519,"sku":null,"price":477.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/BC400.jpg?v=1782850441"},{"product_id":"imperial-maro","title":"Imperial-Maro","description":"\u003cdiv class=\"hl400-product-page\"\u003e\n\u003c!-- ==================================================\n 1. PREZENTAREA MODELULUI\n ================================================== --\u003e\n\u003csection class=\"hl400-intro\"\u003e\n\u003cdiv class=\"hl400-intro__main\"\u003e\n\u003cspan class=\"hl400-eyebrow\"\u003e Ușă metalică pentru apartament \u003c\/span\u003e\n\u003cp\u003eConstrucție solidă. Design modern. Confort în fiecare zi.\u003c\/p\u003e\n\u003cp class=\"hl400-intro__lead\"\u003eAcest model este conceput pentru intrările de apartament unde siguranța, izolarea și aspectul modern trebuie să funcționeze împreună.\u003c\/p\u003e\n\u003cp\u003eFoaia metalică de 80 mm, tocul de 110 mm și izolația cu vată bazaltică formează un ansamblu robust, potrivit pentru utilizare zilnică și pentru reducerea zgomotului venit de pe casa scării.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl400-intro__aside\"\u003e\u003cspan class=\"hl400-section-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003ePotrivită pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe holuri interioare și case ale scării, unde ușa nu este expusă direct la ploaie, raze solare sau variații extreme de temperatură.\u003c\/p\u003e\n\u003cdiv class=\"hl400-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eBlocuri noi\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign modern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 2. CONSTRUCȚIE ȘI ECHIPARE\n ================================================== --\u003e\n\u003csection class=\"hl400-equipment\"\u003e\n\u003cdiv class=\"hl400-section-heading hl400-section-heading--dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile care formează ansamblul ușii\u003c\/h2\u003e\n\u003cp\u003eModelul combină o structură metalică solidă cu izolație interioară, finisaj antracit și feronerie inclusă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-equipment__layout\"\u003e\n\u003cdiv class=\"hl400-equipment__visual\"\u003e\n\u003cdiv class=\"hl400-door-illustration\"\u003e\n\u003cspan class=\"hl400-door-illustration__eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--two\"\u003e\u003c\/span\u003e \u003cspan class=\"hl400-door-illustration__detail hl400-door-illustration__detail--three\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eUșă metalică antracit pentru intrarea în apartament\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-equipment__list\"\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 80 mm\u003c\/h3\u003e\n\u003cp\u003eConstrucție robustă, realizată pentru utilizare zilnică și stabilitate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 110 mm\u003c\/h3\u003e\n\u003cp\u003eToc solid, cu dimensiunea totală de 2020 × 880 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată cu feroneria necesară utilizării produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj neted și riflat\u003c\/h3\u003e\n\u003cp\u003eCombinație de suprafețe lise și riflaje într-un design modern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-equipment-card\"\u003e\u003cspan class=\"hl400-equipment-card__number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 4 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa 4 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 3. YALĂ INTELIGENTĂ\n ================================================== --\u003e\n\u003csection class=\"hl400-smart\"\u003e\n\u003cdiv class=\"hl400-smart__copy\"\u003e\n\u003cspan class=\"hl400-eyebrow hl400-eyebrow--light\"\u003e Pregătită pentru acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală inteligentă\u003c\/h2\u003e\n\u003cp class=\"hl400-smart__lead\"\u003eToate ușile din gama Homelock sunt selectate pentru a putea fi configurate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, ușa poate permite accesul prin \u003cstrong\u003e amprentă, cod PIN, card RFID și aplicație mobilă \u003c\/strong\u003e, fără să mai depinzi exclusiv de cheia mecanică.\u003c\/p\u003e\n\u003cp\u003eÎnainte de instalare verificăm broasca, dimensiunile și compatibilitatea mecanică, pentru a recomanda modelul de yală smart potrivit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-smart__methods\"\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003e Acces rapid, fără cheie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003e Cod permanent sau temporar \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003e Acces simplu pentru familie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl400-smart-card\"\u003e\u003cspan class=\"hl400-smart-card__icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003e Administrare direct din telefon \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 4. MONTAJ ȘI DIMENSIUNI\n ================================================== --\u003e\n\u003csection class=\"hl400-installation\"\u003e\n\u003cdiv class=\"hl400-installation__copy\"\u003e\n\u003cspan class=\"hl400-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eUn montaj corect începe cu măsurători corecte\u003c\/h2\u003e\n\u003cp\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și minimum trei puncte pe înălțime. Pereții pot avea diferențe, iar dimensiunile trebuie verificate înainte de comandă.\u003c\/p\u003e\n\u003cdiv class=\"hl400-measure-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea sus, la mijloc și în partea de jos a golului.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-installation__data\"\u003e\n\u003cdiv class=\"hl400-main-dimension\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 90–94 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-dimension-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 88 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e11 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 80 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e8 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl400-installation__note\"\u003eIntervalul pentru golul recomandat este orientativ. Dimensiunea exactă trebuie confirmată prin măsurători înainte de comandă și montaj.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 5. SPECIFICAȚII INTERACTIVE\n ================================================== --\u003e\n\u003csection class=\"hl400-technical\"\u003e\n\u003cdiv class=\"hl400-section-heading\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide categoriile de mai jos pentru a verifica toate caracteristicile produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl400-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Dimensiuni și amplasare \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 880 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e110 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 800 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e80 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Construcție și finisaje \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCuloare\u003c\/strong\u003e \u003cspan\u003eAntracit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eSuprafață lisă și riflată\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație interioară\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eModern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Performanță și siguranță \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl400-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 6. NOTĂ FINALĂ\n ================================================== --\u003e\n\u003csection class=\"hl400-final-note\"\u003e\u003cspan class=\"hl400-final-note__icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile unde ușa este expusă direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ==================================================\n VARIABILE ȘI STIL GENERAL\n ================================================== *\/\n\n.hl400-product-page {\n --hl400-black: #101417;\n --hl400-dark: #171c20;\n --hl400-dark-soft: #20262b;\n --hl400-dark-card: #252c31;\n\n --hl400-steel: #8495a0;\n --hl400-steel-light: #c3cdd3;\n --hl400-steel-dark: #556873;\n\n --hl400-background: #f4f5f5;\n --hl400-background-soft: #fafafa;\n --hl400-white: #ffffff;\n\n --hl400-text: #172025;\n --hl400-muted: #67747a;\n\n --hl400-border: #dce1e3;\n --hl400-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl400-text);\n font-family: inherit;\n}\n\n\n\/* ==================================================\n ELEMENTE COMUNE\n ================================================== *\/\n\n.hl400-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl400-eyebrow--light {\n color: var(--hl400-steel-light);\n}\n\n.hl400-section-heading {\n max-width: 800px;\n\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl400-section-heading \u003e span {\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl400-section-heading h2 {\n margin: 9px 0 17px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-section-heading p {\n margin: 0;\n\n color: var(--hl400-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl400-section-heading--dark \u003e span {\n color: var(--hl400-steel-light);\n}\n\n.hl400-section-heading--dark h2 {\n color: var(--hl400-white);\n}\n\n.hl400-section-heading--dark p {\n color: #bbc5ca;\n}\n\n\n\/* ==================================================\n INTRODUCERE\n ================================================== *\/\n\n.hl400-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl400-intro__main,\n.hl400-intro__aside {\n border-radius: 30px;\n}\n\n.hl400-intro__main {\n padding: 46px;\n\n border: 1px solid var(--hl400-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 36%\n ),\n var(--hl400-background-soft);\n\n box-shadow: 0 18px 45px rgba(16, 20, 23, 0.05);\n}\n\n.hl400-intro__main h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-intro__lead {\n color: #344146 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl400-intro__main p {\n color: var(--hl400-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl400-intro__aside {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.18),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n #252c31,\n #151a1e\n );\n\n color: var(--hl400-white);\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.16);\n}\n\n.hl400-section-number {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl400-steel-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl400-intro__aside h3 {\n margin: 0 0 13px;\n\n color: var(--hl400-white);\n\n font-size: 25px;\n}\n\n.hl400-intro__aside p {\n margin: 0;\n\n color: #c8d0d3;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl400-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl400-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #eef1f2;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* ==================================================\n ECHIPAREA UȘII\n ================================================== *\/\n\n.hl400-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl400-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(132, 149, 160, 0.13),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #20262b,\n #111619\n );\n\n box-shadow: 0 28px 70px rgba(16, 20, 23, 0.2);\n}\n\n.hl400-equipment__layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl400-equipment__visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(132, 149, 160, 0.15),\n transparent 43%\n ),\n #161b1f;\n}\n\n.hl400-equipment__visual \u003e p {\n margin: 25px 0 0;\n\n color: #aebbc0;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl400-door-illustration {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #363f44;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n transparent 0%,\n transparent 68%,\n rgba(255, 255, 255, 0.025) 68%,\n rgba(255, 255, 255, 0.025) 100%\n ),\n repeating-linear-gradient(\n 135deg,\n #1b2024 0,\n #1b2024 7px,\n #22282c 7px,\n #22282c 14px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.hl400-door-illustration::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 8px;\n}\n\n.hl400-door-illustration__eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--hl400-steel-light);\n\n transform: translateX(-50%);\n}\n\n.hl400-door-illustration__handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--hl400-steel-dark),\n var(--hl400-steel-light)\n );\n\n box-shadow: 0 6px 15px rgba(132, 149, 160, 0.25);\n}\n\n.hl400-door-illustration__detail {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--hl400-steel);\n}\n\n.hl400-door-illustration__detail--one {\n top: 130px;\n}\n\n.hl400-door-illustration__detail--two {\n top: 163px;\n}\n\n.hl400-door-illustration__detail--three {\n top: 232px;\n}\n\n.hl400-equipment__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl400-equipment-card {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n box-shadow:\n 0 12px 28px rgba(0, 0, 0, 0.1),\n inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl400-equipment-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.32);\n\n background:\n linear-gradient(\n 145deg,\n rgba(132, 149, 160, 0.16),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl400-equipment-card__number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(195, 205, 211, 0.13);\n border-radius: 12px;\n\n background: rgba(132, 149, 160, 0.16);\n color: var(--hl400-steel-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl400-equipment-card h3 {\n margin: 1px 0 6px;\n\n color: var(--hl400-white);\n\n font-size: 16px;\n}\n\n.hl400-equipment-card p {\n margin: 0;\n\n color: #adb9be;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n YALĂ INTELIGENTĂ\n ================================================== *\/\n\n.hl400-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.22),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #252d32,\n #13181b\n );\n\n color: var(--hl400-white);\n\n box-shadow: 0 26px 65px rgba(16, 20, 23, 0.2);\n}\n\n.hl400-smart__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-smart__copy p {\n color: #c5ced2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl400-smart__copy strong {\n color: var(--hl400-white);\n}\n\n.hl400-smart__lead {\n color: #eef1f2 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl400-smart__methods {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl400-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl400-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(195, 205, 211, 0.3);\n\n background: rgba(132, 149, 160, 0.13);\n}\n\n.hl400-smart-card__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(132, 149, 160, 0.15);\n\n font-size: 22px;\n}\n\n.hl400-smart-card strong {\n display: block;\n\n color: var(--hl400-white);\n\n font-size: 13.5px;\n}\n\n.hl400-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #9fadb2;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* ==================================================\n MONTAJ\n ================================================== *\/\n\n.hl400-installation {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(132, 149, 160, 0.09),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f6f7f7,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(16, 20, 23, 0.075);\n}\n\n.hl400-installation__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl400-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl400-installation__copy \u003e p {\n color: var(--hl400-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl400-measure-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl400-measure-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 15px;\n\n background: var(--hl400-background-soft);\n}\n\n.hl400-measure-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #e7ebed;\n color: var(--hl400-steel-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl400-measure-steps p {\n margin: 0;\n\n color: #56646a;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl400-installation__data {\n padding: 28px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eef1f2,\n #f8f9f9\n );\n}\n\n.hl400-main-dimension {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d8dfe1;\n}\n\n.hl400-main-dimension small,\n.hl400-main-dimension span {\n display: block;\n\n color: #79868b;\n\n font-size: 11.5px;\n}\n\n.hl400-main-dimension strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl400-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl400-dimension-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl400-dimension-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 14px;\n\n background: var(--hl400-white);\n}\n\n.hl400-dimension-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #7c888d;\n\n font-size: 10.5px;\n}\n\n.hl400-dimension-grid strong {\n color: var(--hl400-text);\n\n font-size: 13px;\n}\n\n.hl400-installation__note {\n margin: 18px 0 0;\n\n color: #747f84;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n SPECIFICAȚII\n ================================================== *\/\n\n.hl400-technical {\n margin: 64px 0;\n}\n\n.hl400-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl400-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl400-border);\n border-radius: 20px;\n\n background: var(--hl400-white);\n\n box-shadow: 0 10px 28px rgba(16, 20, 23, 0.045);\n}\n\n.hl400-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl400-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl400-accordion summary span {\n color: var(--hl400-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl400-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #e8edef;\n color: var(--hl400-steel-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl400-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl400-accordion__content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl400-accordion__content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl400-border);\n\n background: var(--hl400-background-soft);\n}\n\n.hl400-accordion__content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl400-text);\n\n font-size: 12px;\n}\n\n.hl400-accordion__content span {\n color: var(--hl400-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* ==================================================\n NOTĂ FINALĂ\n ================================================== *\/\n\n.hl400-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl400-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #edf0f1,\n #fafafa\n );\n}\n\n.hl400-final-note__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl400-dark-soft);\n color: var(--hl400-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl400-final-note strong {\n color: var(--hl400-text);\n\n font-size: 15px;\n}\n\n.hl400-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl400-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* ==================================================\n TABLETĂ\n ================================================== *\/\n\n@media (max-width: 900px) {\n\n .hl400-intro,\n .hl400-equipment__layout,\n .hl400-smart,\n .hl400-installation {\n grid-template-columns: 1fr;\n }\n\n .hl400-equipment__visual {\n min-height: 410px;\n }\n\n}\n\n\n\/* ==================================================\n TELEFON\n ================================================== *\/\n\n@media (max-width: 600px) {\n\n .hl400-intro__main,\n .hl400-intro__aside,\n .hl400-equipment,\n .hl400-smart,\n .hl400-installation {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl400-equipment__list,\n .hl400-smart__methods,\n .hl400-dimension-grid,\n .hl400-accordion__content {\n grid-template-columns: 1fr;\n }\n\n .hl400-equipment-card {\n min-height: auto;\n }\n\n .hl400-equipment__visual {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl400-door-illustration {\n width: 145px;\n height: 295px;\n }\n\n .hl400-main-dimension strong {\n font-size: 24px;\n }\n\n .hl400-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54261973483847,"sku":null,"price":477.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/Bc400-maro.jpg?v=1782851583"},{"product_id":"royal-stejar","title":"Royal-Stejar","description":"\u003cdiv class=\"hl700-page\"\u003e\n\u003c!-- =========================================\n PREZENTARE\n ========================================= --\u003e\n\u003csection class=\"hl700-intro\"\u003e\n\u003cdiv class=\"hl700-intro-main\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Ușă metalică pentru apartament \u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eAspect cald de lemn. Structură metalică solidă.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"hl700-intro-lead\"\u003eUn model creat pentru apartamentele în care siguranța unei uși metalice trebuie să se îmbine cu aspectul elegant și primitor al finisajului stejar.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eSuprafața cu aspect de lemn oferă intrării un caracter mai cald, iar structura metalică, izolația cu vată bazaltică și feroneria inclusă formează un ansamblu potrivit pentru utilizare zilnică.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl700-intro-side\"\u003e\u003cspan class=\"hl700-section-index\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe casa scării sau pe holuri interioare, unde ușa nu este expusă direct la ploaie, raze solare și intemperii.\u003c\/p\u003e\n\u003cdiv class=\"hl700-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign modern\u003c\/span\u003e \u003cspan\u003eAspect lemn\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n CONSTRUCȚIE ȘI ECHIPARE\n ========================================= --\u003e\n\u003csection class=\"hl700-equipment\"\u003e\n\u003cdiv class=\"hl700-section-title hl700-section-title-dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile importante ale ușii\u003c\/h2\u003e\n\u003cp\u003eModelul combină o structură metalică, izolație interioară și un finisaj stejar cu aspect natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-layout\"\u003e\n\u003cdiv class=\"hl700-door-area\"\u003e\n\u003cdiv class=\"hl700-door\"\u003e\n\u003cspan class=\"hl700-door-eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-two\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eFinisaj stejar și structură metalică\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-grid\"\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 75 mm\u003c\/h3\u003e\n\u003cp\u003eConstrucție metalică potrivită pentru utilizarea zilnică la intrarea în apartament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 100 mm\u003c\/h3\u003e\n\u003cp\u003eToc cu dimensiunea totală de 2020 × 860 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată împreună cu feroneria necesară utilizării.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj cu aspect de lemn\u003c\/h3\u003e\n\u003cp\u003eNuanță stejar, potrivită pentru interioare calde și amenajări moderne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 3 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa 3 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n YALĂ INTELIGENTĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-smart\"\u003e\n\u003cdiv class=\"hl700-smart-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow hl700-eyebrow-light\"\u003e Acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală smart Homelock\u003c\/h2\u003e\n\u003cp class=\"hl700-smart-lead\"\u003eToate ușile din gama Homelock au fost alese astfel încât să poată fi echipate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, accesul se poate realiza prin \u003cstrong\u003e amprentă, cod PIN, card RFID și aplicație mobilă \u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eÎnainte de montaj verificăm broasca și dimensiunile necesare, pentru alegerea modelului de yală compatibil cu ușa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-smart-grid\"\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003eAcces rapid, fără cheie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003eCod permanent sau temporar\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003eAcces simplu pentru familie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003eControl și administrare din telefon\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n MONTAJ ȘI DIMENSIUNI\n ========================================= --\u003e\n\u003csection class=\"hl700-install\"\u003e\n\u003cdiv class=\"hl700-install-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eMăsurătorile corecte fac diferența\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și în minimum trei puncte pe înălțime. Pereții pot avea diferențe care nu sunt vizibile la prima verificare.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hl700-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-install-data\"\u003e\n\u003cdiv class=\"hl700-main-size\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 88–92 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-size-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 86 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl700-install-note\"\u003eIntervalul pentru golul recomandat este orientativ. Dimensiunea trebuie confirmată prin măsurători înainte de comandă și montaj.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n SPECIFICAȚII\n ========================================= --\u003e\n\u003csection class=\"hl700-specifications\"\u003e\n\u003cdiv class=\"hl700-section-title\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide fiecare categorie pentru a verifica specificațiile produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eDimensiuni și amplasare\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eConstrucție și finisaje\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNuanță\u003c\/strong\u003e \u003cspan\u003eStejar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eLemn\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eModern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003ePerformanță și siguranță\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e3 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n NOTĂ FINALĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-final-note\"\u003e\u003cspan class=\"hl700-final-icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile expuse direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n VARIABILE\n ========================================= *\/\n\n.hl700-page {\n --hl700-dark: #171a1c;\n --hl700-dark-soft: #222629;\n --hl700-dark-card: #292e31;\n\n --hl700-oak: #9c8a76;\n --hl700-oak-light: #d8cdc0;\n --hl700-oak-dark: #695b4d;\n\n --hl700-bg: #f5f4f2;\n --hl700-bg-soft: #fbfaf8;\n --hl700-white: #ffffff;\n\n --hl700-text: #1d2225;\n --hl700-muted: #6b7377;\n\n --hl700-border: #e0ddd8;\n --hl700-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl700-text);\n font-family: inherit;\n}\n\n\n\/* =========================================\n ELEMENTE COMUNE\n ========================================= *\/\n\n.hl700-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-eyebrow-light {\n color: var(--hl700-oak-light);\n}\n\n.hl700-section-title {\n max-width: 800px;\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl700-section-title \u003e span {\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-section-title h2 {\n margin: 9px 0 17px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-section-title p {\n margin: 0;\n\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl700-section-title-dark \u003e span {\n color: var(--hl700-oak-light);\n}\n\n.hl700-section-title-dark h2 {\n color: var(--hl700-white);\n}\n\n.hl700-section-title-dark p {\n color: #c7c3be;\n}\n\n\n\/* =========================================\n INTRODUCERE\n ========================================= *\/\n\n.hl700-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl700-intro-main,\n.hl700-intro-side {\n border-radius: 30px;\n}\n\n.hl700-intro-main {\n padding: 46px;\n\n border: 1px solid var(--hl700-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.12),\n transparent 36%\n ),\n var(--hl700-bg-soft);\n\n box-shadow: 0 18px 45px rgba(23, 26, 28, 0.05);\n}\n\n.hl700-intro-main h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-intro-lead {\n color: #3e4346 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl700-intro-main p {\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl700-intro-side {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.22),\n transparent 42%\n ),\n linear-gradient(\n 145deg,\n #292d30,\n #171a1c\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.16);\n}\n\n.hl700-section-index {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl700-oak-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl700-intro-side h3 {\n margin: 0 0 13px;\n\n color: var(--hl700-white);\n\n font-size: 25px;\n}\n\n.hl700-intro-side p {\n margin: 0;\n\n color: #cbc7c2;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl700-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl700-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #f0efed;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* =========================================\n ECHIPARE\n ========================================= *\/\n\n.hl700-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(156, 138, 118, 0.16),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #24282b,\n #121517\n );\n\n box-shadow: 0 28px 70px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-equipment-layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl700-door-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(156, 138, 118, 0.18),\n transparent 44%\n ),\n #191c1e;\n}\n\n.hl700-door-area \u003e p {\n margin: 25px 0 0;\n\n color: #bcb5ad;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl700-door {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #36393b;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025),\n transparent 30%\n ),\n repeating-linear-gradient(\n 90deg,\n #6c5a48 0,\n #6c5a48 8px,\n #745f4b 8px,\n #745f4b 16px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.hl700-door::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.11);\n border-radius: 8px;\n}\n\n.hl700-door-eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: #ddd4c9;\n\n transform: translateX(-50%);\n}\n\n.hl700-door-handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n #42474a,\n #bbc1c3\n );\n\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n}\n\n.hl700-door-lock {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: #bfc4c6;\n}\n\n.hl700-door-lock-one {\n top: 145px;\n}\n\n.hl700-door-lock-two {\n top: 230px;\n}\n\n.hl700-equipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl700-feature {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl700-feature:hover {\n transform: translateY(-4px);\n\n border-color: rgba(216, 205, 192, 0.34);\n\n background:\n linear-gradient(\n 145deg,\n rgba(156, 138, 118, 0.2),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl700-feature-number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(216, 205, 192, 0.15);\n border-radius: 12px;\n\n background: rgba(156, 138, 118, 0.2);\n color: var(--hl700-oak-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl700-feature h3 {\n margin: 1px 0 6px;\n\n color: var(--hl700-white);\n\n font-size: 16px;\n}\n\n.hl700-feature p {\n margin: 0;\n\n color: #b9b5b0;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SMART\n ========================================= *\/\n\n.hl700-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.25),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #292e31,\n #15181a\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 26px 65px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-smart-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-smart-copy p {\n color: #cbc7c2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl700-smart-copy strong {\n color: var(--hl700-white);\n}\n\n.hl700-smart-lead {\n color: #f0eeeb !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl700-smart-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl700-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl700-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(216, 205, 192, 0.32);\n\n background: rgba(156, 138, 118, 0.16);\n}\n\n.hl700-smart-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(156, 138, 118, 0.18);\n\n font-size: 22px;\n}\n\n.hl700-smart-card strong {\n display: block;\n\n color: var(--hl700-white);\n\n font-size: 13.5px;\n}\n\n.hl700-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #aaa7a3;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* =========================================\n MONTAJ\n ========================================= *\/\n\n.hl700-install {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.11),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f7f5f2,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.075);\n}\n\n.hl700-install-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-install-copy \u003e p {\n color: var(--hl700-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl700-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl700-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 15px;\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #ebe5de;\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl700-steps p {\n margin: 0;\n\n color: #5e6467;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl700-install-data {\n padding: 28px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eee9e3,\n #faf8f5\n );\n}\n\n.hl700-main-size {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #ddd6cf;\n}\n\n.hl700-main-size small,\n.hl700-main-size span {\n display: block;\n\n color: #817b75;\n\n font-size: 11.5px;\n}\n\n.hl700-main-size strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl700-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl700-size-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl700-size-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 14px;\n\n background: var(--hl700-white);\n}\n\n.hl700-size-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #827c77;\n\n font-size: 10.5px;\n}\n\n.hl700-size-grid strong {\n color: var(--hl700-text);\n\n font-size: 13px;\n}\n\n.hl700-install-note {\n margin: 18px 0 0;\n\n color: #77736f;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SPECIFICAȚII\n ========================================= *\/\n\n.hl700-specifications {\n margin: 64px 0;\n}\n\n.hl700-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl700-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl700-border);\n border-radius: 20px;\n\n background: var(--hl700-white);\n\n box-shadow: 0 10px 28px rgba(23, 26, 28, 0.045);\n}\n\n.hl700-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl700-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl700-accordion summary span {\n color: var(--hl700-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl700-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #eee8e1;\n color: var(--hl700-oak-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl700-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl700-accordion-content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl700-accordion-content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl700-border);\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-accordion-content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl700-text);\n\n font-size: 12px;\n}\n\n.hl700-accordion-content span {\n color: var(--hl700-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* =========================================\n NOTĂ FINALĂ\n ========================================= *\/\n\n.hl700-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #eee9e3,\n #fbfaf8\n );\n}\n\n.hl700-final-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl700-dark-soft);\n color: var(--hl700-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl700-final-note strong {\n color: var(--hl700-text);\n\n font-size: 15px;\n}\n\n.hl700-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl700-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* =========================================\n TABLETĂ\n ========================================= *\/\n\n@media (max-width: 900px) {\n\n .hl700-intro,\n .hl700-equipment-layout,\n .hl700-smart,\n .hl700-install {\n grid-template-columns: 1fr;\n }\n\n .hl700-door-area {\n min-height: 410px;\n }\n\n}\n\n\n\/* =========================================\n TELEFON\n ========================================= *\/\n\n@media (max-width: 600px) {\n\n .hl700-intro-main,\n .hl700-intro-side,\n .hl700-equipment,\n .hl700-smart,\n .hl700-install {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl700-equipment-grid,\n .hl700-smart-grid,\n .hl700-size-grid,\n .hl700-accordion-content {\n grid-template-columns: 1fr;\n }\n\n .hl700-feature {\n min-height: auto;\n }\n\n .hl700-door-area {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl700-door {\n width: 145px;\n height: 295px;\n }\n\n .hl700-main-size strong {\n font-size: 24px;\n }\n\n .hl700-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54262013362503,"sku":null,"price":399.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/BC700-stejar_34ffa148-32f5-43ed-b56f-0b4e712bd8f0.jpg?v=1782852453"},{"product_id":"royal-gri-antracit","title":"Royal-Gri Antracit","description":"\u003cdiv class=\"hl700-page\"\u003e\n\u003c!-- =========================================\n PREZENTARE\n ========================================= --\u003e\n\u003csection class=\"hl700-intro\"\u003e\n\u003cdiv class=\"hl700-intro-main\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Ușă metalică pentru apartament \u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eAspect cald de lemn. Structură metalică solidă.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"hl700-intro-lead\"\u003eUn model creat pentru apartamentele în care siguranța unei uși metalice trebuie să se îmbine cu aspectul elegant și primitor al finisajului stejar.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eSuprafața cu aspect de lemn oferă intrării un caracter mai cald, iar structura metalică, izolația cu vată bazaltică și feroneria inclusă formează un ansamblu potrivit pentru utilizare zilnică.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl700-intro-side\"\u003e\u003cspan class=\"hl700-section-index\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe casa scării sau pe holuri interioare, unde ușa nu este expusă direct la ploaie, raze solare și intemperii.\u003c\/p\u003e\n\u003cdiv class=\"hl700-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign modern\u003c\/span\u003e \u003cspan\u003eAspect lemn\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n CONSTRUCȚIE ȘI ECHIPARE\n ========================================= --\u003e\n\u003csection class=\"hl700-equipment\"\u003e\n\u003cdiv class=\"hl700-section-title hl700-section-title-dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile importante ale ușii\u003c\/h2\u003e\n\u003cp\u003eModelul combină o structură metalică, izolație interioară și un finisaj stejar cu aspect natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-layout\"\u003e\n\u003cdiv class=\"hl700-door-area\"\u003e\n\u003cdiv class=\"hl700-door\"\u003e\n\u003cspan class=\"hl700-door-eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-two\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eFinisaj stejar și structură metalică\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-grid\"\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 75 mm\u003c\/h3\u003e\n\u003cp\u003eConstrucție metalică potrivită pentru utilizarea zilnică la intrarea în apartament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 100 mm\u003c\/h3\u003e\n\u003cp\u003eToc cu dimensiunea totală de 2020 × 860 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată împreună cu feroneria necesară utilizării.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj cu aspect de lemn\u003c\/h3\u003e\n\u003cp\u003eNuanță stejar, potrivită pentru interioare calde și amenajări moderne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 3 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa 3 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n YALĂ INTELIGENTĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-smart\"\u003e\n\u003cdiv class=\"hl700-smart-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow hl700-eyebrow-light\"\u003e Acces inteligent \u003c\/span\u003e\n\u003ch2\u003ePoate fi echipată cu o yală smart Homelock\u003c\/h2\u003e\n\u003cp class=\"hl700-smart-lead\"\u003eToate ușile din gama Homelock au fost alese astfel încât să poată fi echipate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, accesul se poate realiza prin \u003cstrong\u003e amprentă, cod PIN, card RFID și aplicație mobilă \u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eÎnainte de montaj verificăm broasca și dimensiunile necesare, pentru alegerea modelului de yală compatibil cu ușa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-smart-grid\"\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003eAcces rapid, fără cheie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003eCod permanent sau temporar\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003eAcces simplu pentru familie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003eControl și administrare din telefon\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n MONTAJ ȘI DIMENSIUNI\n ========================================= --\u003e\n\u003csection class=\"hl700-install\"\u003e\n\u003cdiv class=\"hl700-install-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eMăsurătorile corecte fac diferența\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și în minimum trei puncte pe înălțime. Pereții pot avea diferențe care nu sunt vizibile la prima verificare.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hl700-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-install-data\"\u003e\n\u003cdiv class=\"hl700-main-size\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 88–92 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-size-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 86 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl700-install-note\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eIntervalul pentru golul recomandat este orientativ. Dimensiunea trebuie confirmată prin măsurători înainte de comandă și montaj.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n SPECIFICAȚII\n ========================================= --\u003e\n\u003csection class=\"hl700-specifications\"\u003e\n\u003cdiv class=\"hl700-section-title\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide fiecare categorie pentru a verifica specificațiile produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eDimensiuni și amplasare\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eConstrucție și finisaje\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNuanță\u003c\/strong\u003e \u003cspan\u003eStejar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eLemn\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eModern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003ePerformanță și siguranță\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e3 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n NOTĂ FINALĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-final-note\"\u003e\u003cspan class=\"hl700-final-icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eAcest model este destinat intrărilor de apartament. Pentru case și vile expuse direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n VARIABILE\n ========================================= *\/\n\n.hl700-page {\n --hl700-dark: #171a1c;\n --hl700-dark-soft: #222629;\n --hl700-dark-card: #292e31;\n\n --hl700-oak: #9c8a76;\n --hl700-oak-light: #d8cdc0;\n --hl700-oak-dark: #695b4d;\n\n --hl700-bg: #f5f4f2;\n --hl700-bg-soft: #fbfaf8;\n --hl700-white: #ffffff;\n\n --hl700-text: #1d2225;\n --hl700-muted: #6b7377;\n\n --hl700-border: #e0ddd8;\n --hl700-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl700-text);\n font-family: inherit;\n}\n\n\n\/* =========================================\n ELEMENTE COMUNE\n ========================================= *\/\n\n.hl700-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-eyebrow-light {\n color: var(--hl700-oak-light);\n}\n\n.hl700-section-title {\n max-width: 800px;\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl700-section-title \u003e span {\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-section-title h2 {\n margin: 9px 0 17px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-section-title p {\n margin: 0;\n\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl700-section-title-dark \u003e span {\n color: var(--hl700-oak-light);\n}\n\n.hl700-section-title-dark h2 {\n color: var(--hl700-white);\n}\n\n.hl700-section-title-dark p {\n color: #c7c3be;\n}\n\n\n\/* =========================================\n INTRODUCERE\n ========================================= *\/\n\n.hl700-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl700-intro-main,\n.hl700-intro-side {\n border-radius: 30px;\n}\n\n.hl700-intro-main {\n padding: 46px;\n\n border: 1px solid var(--hl700-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.12),\n transparent 36%\n ),\n var(--hl700-bg-soft);\n\n box-shadow: 0 18px 45px rgba(23, 26, 28, 0.05);\n}\n\n.hl700-intro-main h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-intro-lead {\n color: #3e4346 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl700-intro-main p {\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl700-intro-side {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.22),\n transparent 42%\n ),\n linear-gradient(\n 145deg,\n #292d30,\n #171a1c\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.16);\n}\n\n.hl700-section-index {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl700-oak-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl700-intro-side h3 {\n margin: 0 0 13px;\n\n color: var(--hl700-white);\n\n font-size: 25px;\n}\n\n.hl700-intro-side p {\n margin: 0;\n\n color: #cbc7c2;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl700-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl700-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #f0efed;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* =========================================\n ECHIPARE\n ========================================= *\/\n\n.hl700-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(156, 138, 118, 0.16),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #24282b,\n #121517\n );\n\n box-shadow: 0 28px 70px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-equipment-layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl700-door-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(156, 138, 118, 0.18),\n transparent 44%\n ),\n #191c1e;\n}\n\n.hl700-door-area \u003e p {\n margin: 25px 0 0;\n\n color: #bcb5ad;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl700-door {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #36393b;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025),\n transparent 30%\n ),\n repeating-linear-gradient(\n 90deg,\n #6c5a48 0,\n #6c5a48 8px,\n #745f4b 8px,\n #745f4b 16px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.hl700-door::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.11);\n border-radius: 8px;\n}\n\n.hl700-door-eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: #ddd4c9;\n\n transform: translateX(-50%);\n}\n\n.hl700-door-handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n #42474a,\n #bbc1c3\n );\n\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n}\n\n.hl700-door-lock {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: #bfc4c6;\n}\n\n.hl700-door-lock-one {\n top: 145px;\n}\n\n.hl700-door-lock-two {\n top: 230px;\n}\n\n.hl700-equipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl700-feature {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl700-feature:hover {\n transform: translateY(-4px);\n\n border-color: rgba(216, 205, 192, 0.34);\n\n background:\n linear-gradient(\n 145deg,\n rgba(156, 138, 118, 0.2),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl700-feature-number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(216, 205, 192, 0.15);\n border-radius: 12px;\n\n background: rgba(156, 138, 118, 0.2);\n color: var(--hl700-oak-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl700-feature h3 {\n margin: 1px 0 6px;\n\n color: var(--hl700-white);\n\n font-size: 16px;\n}\n\n.hl700-feature p {\n margin: 0;\n\n color: #b9b5b0;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SMART\n ========================================= *\/\n\n.hl700-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.25),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #292e31,\n #15181a\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 26px 65px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-smart-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-smart-copy p {\n color: #cbc7c2;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl700-smart-copy strong {\n color: var(--hl700-white);\n}\n\n.hl700-smart-lead {\n color: #f0eeeb !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl700-smart-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl700-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl700-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(216, 205, 192, 0.32);\n\n background: rgba(156, 138, 118, 0.16);\n}\n\n.hl700-smart-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(156, 138, 118, 0.18);\n\n font-size: 22px;\n}\n\n.hl700-smart-card strong {\n display: block;\n\n color: var(--hl700-white);\n\n font-size: 13.5px;\n}\n\n.hl700-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #aaa7a3;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* =========================================\n MONTAJ\n ========================================= *\/\n\n.hl700-install {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(156, 138, 118, 0.11),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f7f5f2,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.075);\n}\n\n.hl700-install-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-install-copy \u003e p {\n color: var(--hl700-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl700-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl700-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 15px;\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #ebe5de;\n color: var(--hl700-oak-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl700-steps p {\n margin: 0;\n\n color: #5e6467;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl700-install-data {\n padding: 28px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eee9e3,\n #faf8f5\n );\n}\n\n.hl700-main-size {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #ddd6cf;\n}\n\n.hl700-main-size small,\n.hl700-main-size span {\n display: block;\n\n color: #817b75;\n\n font-size: 11.5px;\n}\n\n.hl700-main-size strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl700-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl700-size-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl700-size-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 14px;\n\n background: var(--hl700-white);\n}\n\n.hl700-size-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #827c77;\n\n font-size: 10.5px;\n}\n\n.hl700-size-grid strong {\n color: var(--hl700-text);\n\n font-size: 13px;\n}\n\n.hl700-install-note {\n margin: 18px 0 0;\n\n color: #77736f;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SPECIFICAȚII\n ========================================= *\/\n\n.hl700-specifications {\n margin: 64px 0;\n}\n\n.hl700-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl700-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl700-border);\n border-radius: 20px;\n\n background: var(--hl700-white);\n\n box-shadow: 0 10px 28px rgba(23, 26, 28, 0.045);\n}\n\n.hl700-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl700-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl700-accordion summary span {\n color: var(--hl700-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl700-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #eee8e1;\n color: var(--hl700-oak-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl700-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl700-accordion-content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl700-accordion-content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl700-border);\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-accordion-content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl700-text);\n\n font-size: 12px;\n}\n\n.hl700-accordion-content span {\n color: var(--hl700-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* =========================================\n NOTĂ FINALĂ\n ========================================= *\/\n\n.hl700-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #eee9e3,\n #fbfaf8\n );\n}\n\n.hl700-final-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl700-dark-soft);\n color: var(--hl700-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl700-final-note strong {\n color: var(--hl700-text);\n\n font-size: 15px;\n}\n\n.hl700-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl700-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* =========================================\n TABLETĂ\n ========================================= *\/\n\n@media (max-width: 900px) {\n\n .hl700-intro,\n .hl700-equipment-layout,\n .hl700-smart,\n .hl700-install {\n grid-template-columns: 1fr;\n }\n\n .hl700-door-area {\n min-height: 410px;\n }\n\n}\n\n\n\/* =========================================\n TELEFON\n ========================================= *\/\n\n@media (max-width: 600px) {\n\n .hl700-intro-main,\n .hl700-intro-side,\n .hl700-equipment,\n .hl700-smart,\n .hl700-install {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl700-equipment-grid,\n .hl700-smart-grid,\n .hl700-size-grid,\n .hl700-accordion-content {\n grid-template-columns: 1fr;\n }\n\n .hl700-feature {\n min-height: auto;\n }\n\n .hl700-door-area {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl700-door {\n width: 145px;\n height: 295px;\n }\n\n .hl700-main-size strong {\n font-size: 24px;\n }\n\n .hl700-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54262091907399,"sku":null,"price":399.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/Bc700-griantracit.jpg?v=1782852643"},{"product_id":"elegance","title":"Elegance","description":"\u003cdiv class=\"hl300-page\"\u003e\n\u003c!-- ==================================================\n 1. PREZENTAREA UȘII\n ================================================== --\u003e\n\u003csection class=\"hl300-intro\"\u003e\n\u003cdiv class=\"hl300-intro__main\"\u003e\n\u003cspan class=\"hl300-eyebrow\"\u003e Ușă metalică bicoloră pentru apartament \u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eContrast elegant. Construcție solidă. Siguranță pentru fiecare zi.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"hl300-intro__lead\"\u003eElegance este alegerea potrivită pentru intrările de apartament în care aspectul ușii trebuie să fie la fel de important ca siguranța și confortul oferit.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eCombinația bicoloră negru–maro, suprafața riflată și liniile moderne oferă modelului un aspect distinct, în timp ce structura metalică și izolația cu vată bazaltică îl fac potrivit pentru utilizare zilnică.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl300-intro__aside\"\u003e\u003cspan class=\"hl300-section-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe casa scării sau pe holuri interioare, unde ușa nu este expusă direct la ploaie, soare și intemperii.\u003c\/p\u003e\n\u003cdiv class=\"hl300-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign elegant\u003c\/span\u003e \u003cspan\u003eFinisaj bicolor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 2. CONSTRUCȚIE ȘI ECHIPARE\n ================================================== --\u003e\n\u003csection class=\"hl300-equipment\"\u003e\n\u003cdiv class=\"hl300-section-heading hl300-section-heading--dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile care definesc modelul Elegance\u003c\/h2\u003e\n\u003cp\u003eO combinație echilibrată între structură metalică, izolație, feronerie inclusă și un design bicolor modern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-equipment__layout\"\u003e\n\u003cdiv class=\"hl300-equipment__visual\"\u003e\n\u003cdiv class=\"hl300-door\"\u003e\n\u003cspan class=\"hl300-door__eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl300-door__handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl300-door__detail hl300-door__detail--one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl300-door__detail hl300-door__detail--two\"\u003e\u003c\/span\u003e \u003cspan class=\"hl300-door__detail hl300-door__detail--three\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eDesign bicolor negru–maro, cu suprafață riflată\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-equipment__grid\"\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 75 mm\u003c\/h3\u003e\n\u003cp\u003eStructură metalică robustă, proiectată pentru utilizarea zilnică la intrarea în apartament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 100 mm\u003c\/h3\u003e\n\u003cp\u003eToc cu dimensiunea totală de 2020 × 860 mm, inclus în configurația ușii.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii pentru un confort fonic și termic mai bun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată împreună cu feroneria necesară utilizării produsului.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj bicolor riflat\u003c\/h3\u003e\n\u003cp\u003eCombinație negru–maro, cu riflaje decorative și aspect elegant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-feature\"\u003e\u003cspan class=\"hl300-feature__number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 4 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa de siguranță 4 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 3. COMPATIBILITATE CU YALE SMART\n ================================================== --\u003e\n\u003csection class=\"hl300-smart\"\u003e\n\u003cdiv class=\"hl300-smart__copy\"\u003e\n\u003cspan class=\"hl300-eyebrow hl300-eyebrow--light\"\u003e Pregătită pentru acces inteligent \u003c\/span\u003e\n\u003ch2\u003eElegance poate fi echipată cu o yală inteligentă\u003c\/h2\u003e\n\u003cp class=\"hl300-smart__lead\"\u003eToate ușile din gama Homelock au fost selectate astfel încât să poată fi configurate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de modelul ales și de compatibilitatea mecanică, accesul se poate realiza prin \u003cstrong\u003eamprentă, cod PIN, card RFID și aplicație mobilă\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eÎnainte de instalare verificăm broasca și dimensiunile necesare, pentru a recomanda yala smart potrivită și pentru a realiza montajul corect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-smart__grid\"\u003e\n\u003carticle class=\"hl300-smart-card\"\u003e\u003cspan class=\"hl300-smart-card__icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003e Acces rapid, fără cheie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-smart-card\"\u003e\u003cspan class=\"hl300-smart-card__icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003e Cod permanent sau temporar \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-smart-card\"\u003e\u003cspan class=\"hl300-smart-card__icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003e Acces simplu pentru familie \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl300-smart-card\"\u003e\u003cspan class=\"hl300-smart-card__icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003e Administrare direct din telefon \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 4. MONTAJ ȘI DIMENSIUNI\n ================================================== --\u003e\n\u003csection class=\"hl300-installation\"\u003e\n\u003cdiv class=\"hl300-installation__copy\"\u003e\n\u003cspan class=\"hl300-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eUn montaj corect începe cu măsurători corecte\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eGolul de zid trebuie verificat în minimum trei puncte pe lățime și trei puncte pe înălțime. Pereții pot avea diferențe care nu sunt vizibile la o singură măsurătoare.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hl300-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-installation__data\"\u003e\n\u003cdiv class=\"hl300-main-size\"\u003e\n\u003csmall\u003e Gol de zid recomandat \u003c\/small\u003e \u003cstrong\u003e 88–92 × 203–206 cm \u003c\/strong\u003e \u003cspan\u003e Lățime × înălțime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-size-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune toc\u003c\/small\u003e \u003cstrong\u003e202 × 86 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl300-installation__note\"\u003eIntervalul pentru golul recomandat este orientativ. Dimensiunea exactă trebuie confirmată prin măsurători înainte de comandă și montaj.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 5. SPECIFICAȚII TEHNICE\n ================================================== --\u003e\n\u003csection class=\"hl300-technical\"\u003e\n\u003cdiv class=\"hl300-section-heading\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003eDeschide fiecare categorie pentru a verifica specificațiile produsului înainte de comandă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl300-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Dimensiuni și amplasare \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl300-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Construcție și finisaje \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl300-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCuloare\u003c\/strong\u003e \u003cspan\u003eNegru și maro\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eRiflaj\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eElegant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e Performanță și siguranță \u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl300-accordion__content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n 6. NOTĂ FINALĂ\n ================================================== --\u003e\n\u003csection class=\"hl300-final-note\"\u003e\u003cspan class=\"hl300-final-note__icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eElegance este destinată intrărilor de apartament. Pentru case și vile unde ușa este expusă direct la ploaie, raze solare și intemperii, trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* ==================================================\n VARIABILE ȘI STIL GENERAL\n ================================================== *\/\n\n.hl300-page {\n --hl300-dark: #12181d;\n --hl300-dark-soft: #1b2329;\n --hl300-dark-card: #232d34;\n\n --hl300-blue: #6689a4;\n --hl300-blue-light: #b8ccd9;\n --hl300-blue-dark: #405d72;\n\n --hl300-bg: #f4f6f7;\n --hl300-bg-soft: #fafbfb;\n --hl300-white: #ffffff;\n\n --hl300-text: #172127;\n --hl300-muted: #68777f;\n\n --hl300-border: #dce3e7;\n --hl300-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl300-text);\n font-family: inherit;\n}\n\n\n\/* ==================================================\n ELEMENTE COMUNE\n ================================================== *\/\n\n.hl300-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl300-blue-dark);\n\n font-size: 12px;\n font-weight: 850;\n line-height: 1.2;\n letter-spacing: 0.9px;\n text-transform: uppercase;\n}\n\n.hl300-eyebrow--light {\n color: var(--hl300-blue-light);\n}\n\n.hl300-section-heading {\n max-width: 800px;\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl300-section-heading \u003e span {\n color: var(--hl300-blue-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.9px;\n text-transform: uppercase;\n}\n\n.hl300-section-heading h2 {\n margin: 9px 0 17px;\n\n color: var(--hl300-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl300-section-heading p {\n margin: 0;\n\n color: var(--hl300-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl300-section-heading--dark \u003e span {\n color: var(--hl300-blue-light);\n}\n\n.hl300-section-heading--dark h2 {\n color: var(--hl300-white);\n}\n\n.hl300-section-heading--dark p {\n color: #bdc9d0;\n}\n\n\n\/* ==================================================\n INTRODUCERE\n ================================================== *\/\n\n.hl300-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl300-intro__main,\n.hl300-intro__aside {\n border-radius: 30px;\n}\n\n.hl300-intro__main {\n padding: 46px;\n\n border: 1px solid var(--hl300-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(102, 137, 164, 0.1),\n transparent 36%\n ),\n var(--hl300-bg-soft);\n\n box-shadow: 0 18px 45px rgba(18, 24, 29, 0.055);\n}\n\n.hl300-intro__main h2 {\n margin: 0 0 18px;\n\n color: var(--hl300-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl300-intro__lead {\n color: #35444c !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl300-intro__main p {\n color: var(--hl300-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl300-intro__aside {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(102, 137, 164, 0.21),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n #273139,\n #151b20\n );\n\n color: var(--hl300-white);\n\n box-shadow: 0 20px 50px rgba(18, 24, 29, 0.17);\n}\n\n.hl300-section-number {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl300-blue-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl300-intro__aside h3 {\n margin: 0 0 13px;\n\n color: var(--hl300-white);\n\n font-size: 25px;\n}\n\n.hl300-intro__aside p {\n margin: 0;\n\n color: #c9d2d7;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl300-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl300-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #eef2f4;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* ==================================================\n CONSTRUCȚIE ȘI ECHIPARE\n ================================================== *\/\n\n.hl300-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl300-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(102, 137, 164, 0.16),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #202a31,\n #101519\n );\n\n box-shadow: 0 28px 70px rgba(18, 24, 29, 0.22);\n}\n\n.hl300-equipment__layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl300-equipment__visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(102, 137, 164, 0.18),\n transparent 44%\n ),\n #151c21;\n}\n\n.hl300-equipment__visual \u003e p {\n margin: 25px 0 0;\n\n color: #adbbc3;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl300-door {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #37424a;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025),\n transparent 32%,\n rgba(102, 137, 164, 0.08) 100%\n ),\n repeating-linear-gradient(\n 135deg,\n #1b2329 0,\n #1b2329 7px,\n #253039 7px,\n #253039 14px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.44),\n inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.hl300-door::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 8px;\n}\n\n.hl300-door__eye {\n position: absolute;\n top: 82px;\n left: 50%;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--hl300-blue-light);\n\n transform: translateX(-50%);\n}\n\n.hl300-door__handle {\n position: absolute;\n top: 182px;\n right: 18px;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n var(--hl300-blue-dark),\n var(--hl300-blue-light)\n );\n\n box-shadow: 0 6px 15px rgba(102, 137, 164, 0.28);\n}\n\n.hl300-door__detail {\n position: absolute;\n right: 21px;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--hl300-blue);\n}\n\n.hl300-door__detail--one {\n top: 130px;\n}\n\n.hl300-door__detail--two {\n top: 163px;\n}\n\n.hl300-door__detail--three {\n top: 232px;\n}\n\n.hl300-equipment__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl300-feature {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n box-shadow:\n 0 12px 28px rgba(0, 0, 0, 0.1),\n inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl300-feature:hover {\n transform: translateY(-4px);\n\n border-color: rgba(184, 204, 217, 0.35);\n\n background:\n linear-gradient(\n 145deg,\n rgba(102, 137, 164, 0.19),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl300-feature__number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(184, 204, 217, 0.15);\n border-radius: 12px;\n\n background: rgba(102, 137, 164, 0.2);\n color: var(--hl300-blue-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl300-feature h3 {\n margin: 1px 0 6px;\n\n color: var(--hl300-white);\n\n font-size: 16px;\n}\n\n.hl300-feature p {\n margin: 0;\n\n color: #aebbc2;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n YALE SMART\n ================================================== *\/\n\n.hl300-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(102, 137, 164, 0.26),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #27323a,\n #141a1f\n );\n\n color: var(--hl300-white);\n\n box-shadow: 0 26px 65px rgba(18, 24, 29, 0.21);\n}\n\n.hl300-smart__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl300-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl300-smart__copy p {\n color: #c4cfd5;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl300-smart__copy strong {\n color: var(--hl300-white);\n}\n\n.hl300-smart__lead {\n color: #eef2f4 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl300-smart__grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl300-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl300-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(184, 204, 217, 0.32);\n\n background: rgba(102, 137, 164, 0.16);\n}\n\n.hl300-smart-card__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(102, 137, 164, 0.18);\n\n font-size: 22px;\n}\n\n.hl300-smart-card strong {\n display: block;\n\n color: var(--hl300-white);\n\n font-size: 13.5px;\n}\n\n.hl300-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #a8b4ba;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* ==================================================\n MONTAJ ȘI DIMENSIUNI\n ================================================== *\/\n\n.hl300-installation {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl300-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(102, 137, 164, 0.11),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f5f7f8,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(18, 24, 29, 0.075);\n}\n\n.hl300-installation__copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl300-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl300-installation__copy \u003e p {\n color: var(--hl300-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl300-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl300-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl300-border);\n border-radius: 15px;\n\n background: var(--hl300-bg-soft);\n}\n\n.hl300-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #e4ebef;\n color: var(--hl300-blue-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl300-steps p {\n margin: 0;\n\n color: #58666d;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl300-installation__data {\n padding: 28px;\n\n border: 1px solid var(--hl300-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eaf0f3,\n #f9fbfb\n );\n}\n\n.hl300-main-size {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d5dfe4;\n}\n\n.hl300-main-size small,\n.hl300-main-size span {\n display: block;\n\n color: #78878f;\n\n font-size: 11.5px;\n}\n\n.hl300-main-size strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl300-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl300-size-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl300-size-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl300-border);\n border-radius: 14px;\n\n background: var(--hl300-white);\n}\n\n.hl300-size-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #7b8990;\n\n font-size: 10.5px;\n}\n\n.hl300-size-grid strong {\n color: var(--hl300-text);\n\n font-size: 13px;\n}\n\n.hl300-installation__note {\n margin: 18px 0 0;\n\n color: #748188;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* ==================================================\n SPECIFICAȚII\n ================================================== *\/\n\n.hl300-technical {\n margin: 64px 0;\n}\n\n.hl300-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl300-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl300-border);\n border-radius: 20px;\n\n background: var(--hl300-white);\n\n box-shadow: 0 10px 28px rgba(18, 24, 29, 0.045);\n}\n\n.hl300-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl300-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl300-accordion summary span {\n color: var(--hl300-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl300-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #e6edf1;\n color: var(--hl300-blue-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl300-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl300-accordion__content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl300-accordion__content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl300-border);\n\n background: var(--hl300-bg-soft);\n}\n\n.hl300-accordion__content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl300-text);\n\n font-size: 12px;\n}\n\n.hl300-accordion__content span {\n color: var(--hl300-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* ==================================================\n NOTĂ FINALĂ\n ================================================== *\/\n\n.hl300-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl300-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #eaf0f3,\n #fafbfb\n );\n}\n\n.hl300-final-note__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl300-dark-soft);\n color: var(--hl300-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl300-final-note strong {\n color: var(--hl300-text);\n\n font-size: 15px;\n}\n\n.hl300-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl300-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* ==================================================\n TABLETĂ\n ================================================== *\/\n\n@media (max-width: 900px) {\n\n .hl300-intro,\n .hl300-equipment__layout,\n .hl300-smart,\n .hl300-installation {\n grid-template-columns: 1fr;\n }\n\n .hl300-equipment__visual {\n min-height: 410px;\n }\n\n}\n\n\n\/* ==================================================\n TELEFON\n ================================================== *\/\n\n@media (max-width: 600px) {\n\n .hl300-intro__main,\n .hl300-intro__aside,\n .hl300-equipment,\n .hl300-smart,\n .hl300-installation {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl300-equipment__grid,\n .hl300-smart__grid,\n .hl300-size-grid,\n .hl300-accordion__content {\n grid-template-columns: 1fr;\n }\n\n .hl300-feature {\n min-height: auto;\n }\n\n .hl300-equipment__visual {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl300-door {\n width: 145px;\n height: 295px;\n }\n\n .hl300-main-size strong {\n font-size: 24px;\n }\n\n .hl300-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54262107472199,"sku":null,"price":429.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/bc-307_2026-06-30_21-55-51_bcad3013-d62c-4699-93cb-4570c93a5112.jpg?v=1782853022"},{"product_id":"majestic","title":"Majestic","description":"\u003cdiv class=\"hl700-page\"\u003e\n\u003c!-- =========================================\n PREZENTARE\n ========================================= --\u003e\n\u003csection class=\"hl700-intro\"\u003e\n\u003cdiv class=\"hl700-intro-main\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Ușă metalică pentru apartament \u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eDesign impunător. Structură metalică solidă.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"hl700-intro-lead\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eMajestic este un model creat pentru apartamentele în care siguranța unei uși metalice trebuie să fie completată de un design modern și atent finisat.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eCombinația dintre finisajele stejar, negru și alb oferă ușii un aspect elegant, iar structura metalică, izolația cu vată bazaltică și feroneria inclusă formează un ansamblu potrivit pentru utilizarea zilnică.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003caside class=\"hl700-intro-side\"\u003e\u003cspan class=\"hl700-section-index\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eRecomandată pentru\u003c\/h3\u003e\n\u003cp\u003eIntrări de apartament amplasate pe casa scării sau pe holuri interioare, unde ușa nu este expusă direct la ploaie, raze solare, îngheț și alte intemperii.\u003c\/p\u003e\n\u003cdiv class=\"hl700-tags\"\u003e\n\u003cspan\u003eApartamente\u003c\/span\u003e \u003cspan\u003eRenovări\u003c\/span\u003e \u003cspan\u003eDesign modern\u003c\/span\u003e \u003cspan\u003eFinisaj premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n CONSTRUCȚIE ȘI ECHIPARE\n ========================================= --\u003e\n\u003csection class=\"hl700-equipment\"\u003e\n\u003cdiv class=\"hl700-section-title hl700-section-title-dark\"\u003e\n\u003cspan\u003e Construcție și echipare \u003c\/span\u003e\n\u003ch2\u003eDetaliile importante ale ușii\u003c\/h2\u003e\n\u003cp\u003eModelul Majestic combină o structură metalică solidă, izolație interioară și un design modern în nuanțe de stejar, negru și alb.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-layout\"\u003e\n\u003cdiv class=\"hl700-door-area\"\u003e\n\u003cdiv class=\"hl700-door\"\u003e\n\u003cspan class=\"hl700-door-eye\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-handle\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-one\"\u003e\u003c\/span\u003e \u003cspan class=\"hl700-door-lock hl700-door-lock-two\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eFinisaj modern și structură metalică\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-equipment-grid\"\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFoaie de ușă de 75 mm\u003c\/h3\u003e\n\u003cp\u003eFoaie metalică cu dimensiunea de 1940 × 770 mm și grosimea de 75 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eToc metalic de 100 mm\u003c\/h3\u003e\n\u003cp\u003eToc cu dimensiunea totală de 2020 × 860 mm și grosimea de 100 mm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIzolație cu vată bazaltică\u003c\/h3\u003e\n\u003cp\u003eMaterial izolator amplasat în interiorul foii de ușă.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFeronerie inclusă\u003c\/h3\u003e\n\u003cp\u003eUșa este livrată împreună cu feroneria necesară utilizării.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 05 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFinisaj modern\u003c\/h3\u003e\n\u003cp\u003eSuprafață vopsită și laminată PVC, în nuanțe de stejar, negru și alb.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-feature\"\u003e\u003cspan class=\"hl700-feature-number\"\u003e 06 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eClasă de siguranță 4 din 4\u003c\/h3\u003e\n\u003cp\u003eModel încadrat în clasa de siguranță 4 din 4, conform STB 2433-2015.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n YALĂ INTELIGENTĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-smart\"\u003e\n\u003cdiv class=\"hl700-smart-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow hl700-eyebrow-light\"\u003e Acces inteligent \u003c\/span\u003e\n\u003ch2\u003eMajestic poate deveni o ușă inteligentă\u003c\/h2\u003e\n\u003cp class=\"hl700-smart-lead\"\u003eToate ușile din gama Homelock au fost alese astfel încât să poată fi echipate cu yale inteligente.\u003c\/p\u003e\n\u003cp\u003eÎn funcție de configurația aleasă, accesul se poate realiza prin \u003cstrong\u003e amprentă, cod PIN, card RFID și aplicație mobilă. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eÎnainte de montaj verificăm broasca și dimensiunile necesare, pentru alegerea modelului de yală compatibil cu ușa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-smart-grid\"\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 👆 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmprentă\u003c\/strong\u003e \u003csmall\u003eAcces rapid, fără cheie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e ⌨️ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCod PIN\u003c\/strong\u003e \u003csmall\u003eCod permanent sau temporar\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 💳 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCard RFID\u003c\/strong\u003e \u003csmall\u003eAcces simplu pentru familie\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hl700-smart-card\"\u003e\u003cspan class=\"hl700-smart-icon\"\u003e 📲 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAplicație mobilă\u003c\/strong\u003e \u003csmall\u003eAdministrare direct din telefon\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n MONTAJ ȘI DIMENSIUNI\n ========================================= --\u003e\n\u003csection class=\"hl700-install\"\u003e\n\u003cdiv class=\"hl700-install-copy\"\u003e\n\u003cspan class=\"hl700-eyebrow\"\u003e Înainte de comandă \u003c\/span\u003e\n\u003ch2\u003eMăsurătorile corecte fac diferența\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eGolul de zid trebuie măsurat în minimum trei puncte pe lățime și în minimum trei puncte pe înălțime. Pereții pot avea diferențe care nu sunt vizibile la prima verificare\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"hl700-steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eMăsoară lățimea în partea de sus, la mijloc și în partea de jos.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eMăsoară înălțimea în partea stângă, centrală și dreaptă.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eVerifică grosimea zidului și sensul necesar de deschidere.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-install-data\"\u003e\n\u003cdiv class=\"hl700-main-size\"\u003e\n\u003csmall\u003e Dimensiune toc \u003c\/small\u003e \u003cstrong\u003e 202 × 86 × 10 cm \u003c\/strong\u003e \u003cspan\u003e Înălțime × lățime × grosime \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-size-grid\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003eDimensiune foaie\u003c\/small\u003e \u003cstrong\u003e194 × 77 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime foaie\u003c\/small\u003e \u003cstrong\u003e7,5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eGrosime toc\u003c\/small\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eSens deschidere\u003c\/small\u003e \u003cstrong\u003eDreapta\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hl700-install-note\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eDimensiunile de mai sus sunt dimensiunile produsului, conform tabelului tehnic. Golul de zid necesar trebuie confirmat prin măsurători înainte de comandă și montaj.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n SPECIFICAȚII\n ========================================= --\u003e\n\u003csection class=\"hl700-specifications\"\u003e\n\u003cdiv class=\"hl700-section-title\"\u003e\n\u003cspan\u003e Detalii complete \u003c\/span\u003e\n\u003ch2\u003eInformații tehnice\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eDeschide fiecare categorie pentru a verifica specificațiile modelului Majestic.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hl700-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eDimensiuni și amplasare\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAmplasare\u003c\/strong\u003e \u003cspan\u003eExterior apartament\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDeschidere\u003c\/strong\u003e \u003cspan\u003eDreapta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune toc\u003c\/strong\u003e \u003cspan\u003e2020 × 860 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime toc\u003c\/strong\u003e \u003cspan\u003e100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDimensiune foaie\u003c\/strong\u003e \u003cspan\u003e1940 × 770 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrosime foaie\u003c\/strong\u003e \u003cspan\u003e75 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003eConstrucție și finisaje\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eMetal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCulori\u003c\/strong\u003e \u003cspan\u003eStejar, negru și alb\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAspect\u003c\/strong\u003e \u003cspan\u003eSuprafață lisă și riflaj\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFinisaj\u003c\/strong\u003e \u003cspan\u003eVopsit și laminat PVC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație\u003c\/strong\u003e \u003cspan\u003eVată bazaltică\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolație în toc\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFeronerie\u003c\/strong\u003e \u003cspan\u003eInclusă\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eModern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003ePerformanță și siguranță\u003c\/span\u003e \u003ci\u003e+\u003c\/i\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hl700-accordion-content\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClasă de siguranță\u003c\/strong\u003e \u003cspan\u003e4 din 4 – STB 2433-2015\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eIzolare fonică\u003c\/strong\u003e \u003cspan\u003e37 dB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTransfer termic\u003c\/strong\u003e \u003cspan\u003e1,34 W\/m²K\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÎnchidere multipunct\u003c\/strong\u003e \u003cspan\u003eNu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n NOTĂ FINALĂ\n ========================================= --\u003e\n\u003csection class=\"hl700-final-note\"\u003e\u003cspan class=\"hl700-final-icon\"\u003e i \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Important înainte de achiziție \u003c\/strong\u003e\n\u003cp\u003eModelul Majestic este destinat intrărilor de apartament. Pentru case și vile expuse direct la ploaie, raze solare, îngheț și intemperii trebuie ales un model proiectat special pentru exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n VARIABILE\n ========================================= *\/\n\n.hl700-page {\n --hl700-dark: #15191c;\n --hl700-dark-soft: #22272b;\n --hl700-dark-card: #292f34;\n\n --hl700-accent: #c8a34f;\n --hl700-accent-light: #ead59e;\n --hl700-accent-dark: #9b762a;\n\n --hl700-bg: #f4f5f6;\n --hl700-bg-soft: #fbfbfb;\n --hl700-white: #ffffff;\n\n --hl700-text: #1d2225;\n --hl700-muted: #6b7377;\n\n --hl700-border: #dfe3e6;\n --hl700-border-dark: rgba(255, 255, 255, 0.1);\n\n color: var(--hl700-text);\n font-family: inherit;\n}\n\n\n\/* =========================================\n ELEMENTE COMUNE\n ========================================= *\/\n\n.hl700-page,\n.hl700-page * {\n box-sizing: border-box;\n}\n\n.hl700-eyebrow {\n display: inline-block;\n\n margin-bottom: 14px;\n\n color: var(--hl700-accent-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-eyebrow-light {\n color: var(--hl700-accent-light);\n}\n\n.hl700-section-title {\n max-width: 800px;\n margin: 0 auto 36px;\n\n text-align: center;\n}\n\n.hl700-section-title \u003e span {\n color: var(--hl700-accent-dark);\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.hl700-section-title h2 {\n margin: 9px 0 17px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-section-title p {\n margin: 0;\n\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.hl700-section-title-dark \u003e span {\n color: var(--hl700-accent-light);\n}\n\n.hl700-section-title-dark h2 {\n color: var(--hl700-white);\n}\n\n.hl700-section-title-dark p {\n color: #c9ced1;\n}\n\n\n\/* =========================================\n INTRODUCERE\n ========================================= *\/\n\n.hl700-intro {\n display: grid;\n grid-template-columns: 1.35fr 0.65fr;\n gap: 24px;\n\n margin: 50px 0 60px;\n}\n\n.hl700-intro-main,\n.hl700-intro-side {\n border-radius: 30px;\n}\n\n.hl700-intro-main {\n padding: 46px;\n\n border: 1px solid var(--hl700-border);\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(200, 163, 79, 0.1),\n transparent 36%\n ),\n var(--hl700-bg-soft);\n\n box-shadow: 0 18px 45px rgba(23, 26, 28, 0.05);\n}\n\n.hl700-intro-main h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-intro-lead {\n color: #3e4346 !important;\n\n font-size: 19px !important;\n line-height: 1.7 !important;\n}\n\n.hl700-intro-main p {\n color: var(--hl700-muted);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.hl700-intro-side {\n padding: 35px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(200, 163, 79, 0.2),\n transparent 42%\n ),\n linear-gradient(\n 145deg,\n #292f34,\n #15191c\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.16);\n}\n\n.hl700-section-index {\n display: block;\n\n margin-bottom: 42px;\n\n color: var(--hl700-accent-light);\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.hl700-intro-side h3 {\n margin: 0 0 13px;\n\n color: var(--hl700-white);\n\n font-size: 25px;\n}\n\n.hl700-intro-side p {\n margin: 0;\n\n color: #c9ced1;\n\n font-size: 14.5px;\n line-height: 1.7;\n}\n\n.hl700-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n margin-top: 24px;\n}\n\n.hl700-tags span {\n padding: 8px 11px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.055);\n color: #f1f2f3;\n\n font-size: 11.5px;\n font-weight: 700;\n}\n\n\n\/* =========================================\n ECHIPARE\n ========================================= *\/\n\n.hl700-equipment {\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border-dark);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 5% 5%,\n rgba(200, 163, 79, 0.14),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #24292d,\n #111416\n );\n\n box-shadow: 0 28px 70px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-equipment-layout {\n display: grid;\n grid-template-columns: 0.68fr 1.32fr;\n gap: 28px;\n align-items: center;\n}\n\n.hl700-door-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 440px;\n padding: 38px;\n\n border: 1px solid rgba(255, 255, 255, 0.075);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(200, 163, 79, 0.13),\n transparent 44%\n ),\n #181c1f;\n}\n\n.hl700-door-area \u003e p {\n margin: 25px 0 0;\n\n color: #b9bec1;\n\n font-size: 12px;\n text-align: center;\n}\n\n.hl700-door {\n position: relative;\n\n width: 170px;\n height: 345px;\n\n border: 9px solid #3a4044;\n border-radius: 15px 15px 6px 6px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.035),\n transparent 30%\n ),\n repeating-linear-gradient(\n 90deg,\n #252b2f 0,\n #252b2f 8px,\n #30373c 8px,\n #30373c 16px\n );\n\n box-shadow:\n 0 32px 68px rgba(0, 0, 0, 0.42),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.hl700-door::before {\n content: \"\";\n\n position: absolute;\n inset: 16px;\n\n border: 1px solid rgba(255, 255, 255, 0.11);\n border-radius: 8px;\n}\n\n.hl700-door::after {\n content: \"\";\n\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 21px;\n\n width: 42%;\n\n border-radius: 6px;\n\n background:\n linear-gradient(\n 135deg,\n #bcc2c6,\n #70787e\n );\n\n opacity: 0.52;\n}\n\n.hl700-door-eye {\n position: absolute;\n top: 82px;\n left: 50%;\n z-index: 2;\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: #f1f2f3;\n\n transform: translateX(-50%);\n}\n\n.hl700-door-handle {\n position: absolute;\n top: 182px;\n right: 18px;\n z-index: 2;\n\n width: 46px;\n height: 7px;\n\n border-radius: 999px;\n\n background:\n linear-gradient(\n 90deg,\n #454b4f,\n #d1d5d7\n );\n\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n}\n\n.hl700-door-lock {\n position: absolute;\n right: 21px;\n z-index: 2;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: #d1d5d7;\n}\n\n.hl700-door-lock-one {\n top: 145px;\n}\n\n.hl700-door-lock-two {\n top: 230px;\n}\n\n.hl700-equipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 13px;\n}\n\n.hl700-feature {\n display: grid;\n grid-template-columns: 38px minmax(0, 1fr);\n gap: 14px;\n\n min-height: 112px;\n padding: 20px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.025)\n );\n\n transition:\n transform 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n}\n\n.hl700-feature:hover {\n transform: translateY(-4px);\n\n border-color: rgba(234, 213, 158, 0.34);\n\n background:\n linear-gradient(\n 145deg,\n rgba(200, 163, 79, 0.18),\n rgba(255, 255, 255, 0.035)\n );\n}\n\n.hl700-feature-number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border: 1px solid rgba(234, 213, 158, 0.16);\n border-radius: 12px;\n\n background: rgba(200, 163, 79, 0.17);\n color: var(--hl700-accent-light);\n\n font-size: 11px;\n font-weight: 850;\n}\n\n.hl700-feature h3 {\n margin: 1px 0 6px;\n\n color: var(--hl700-white);\n\n font-size: 16px;\n}\n\n.hl700-feature p {\n margin: 0;\n\n color: #b9bec1;\n\n font-size: 12.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SMART\n ========================================= *\/\n\n.hl700-smart {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 34px;\n align-items: center;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid rgba(255, 255, 255, 0.085);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(200, 163, 79, 0.22),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n #292f34,\n #15191c\n );\n\n color: var(--hl700-white);\n\n box-shadow: 0 26px 65px rgba(23, 26, 28, 0.2);\n}\n\n.hl700-smart-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-white);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-smart-copy p {\n color: #c9ced1;\n\n font-size: 15.5px;\n line-height: 1.72;\n}\n\n.hl700-smart-copy strong {\n color: var(--hl700-white);\n}\n\n.hl700-smart-lead {\n color: #f0f1f2 !important;\n\n font-size: 17px !important;\n font-weight: 650;\n}\n\n.hl700-smart-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n}\n\n.hl700-smart-card {\n display: flex;\n align-items: center;\n gap: 13px;\n\n min-height: 88px;\n padding: 17px;\n\n border: 1px solid rgba(255, 255, 255, 0.09);\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.045);\n\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n border-color 0.22s ease;\n}\n\n.hl700-smart-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(234, 213, 158, 0.32);\n\n background: rgba(200, 163, 79, 0.14);\n}\n\n.hl700-smart-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 45px;\n height: 45px;\n flex: 0 0 45px;\n\n border-radius: 15px;\n\n background: rgba(200, 163, 79, 0.16);\n\n font-size: 22px;\n}\n\n.hl700-smart-card strong {\n display: block;\n\n color: var(--hl700-white);\n\n font-size: 13.5px;\n}\n\n.hl700-smart-card small {\n display: block;\n\n margin-top: 3px;\n\n color: #aeb4b8;\n\n font-size: 10.5px;\n line-height: 1.35;\n}\n\n\n\/* =========================================\n MONTAJ\n ========================================= *\/\n\n.hl700-install {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 30px;\n\n margin: 64px 0;\n padding: 48px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 36px;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(200, 163, 79, 0.09),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #f5f6f7,\n #ffffff\n );\n\n box-shadow: 0 20px 50px rgba(23, 26, 28, 0.075);\n}\n\n.hl700-install-copy h2 {\n margin: 0 0 18px;\n\n color: var(--hl700-text);\n\n font-size: clamp(30px, 4vw, 40px);\n line-height: 1.15;\n letter-spacing: -0.8px;\n}\n\n.hl700-install-copy \u003e p {\n color: var(--hl700-muted);\n\n font-size: 15.5px;\n line-height: 1.75;\n}\n\n.hl700-steps {\n display: grid;\n gap: 10px;\n\n margin-top: 25px;\n}\n\n.hl700-steps article {\n display: grid;\n grid-template-columns: 38px 1fr;\n gap: 12px;\n align-items: center;\n\n padding: 13px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 15px;\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-steps span {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 38px;\n height: 38px;\n\n border-radius: 12px;\n\n background: #edf0f2;\n color: var(--hl700-accent-dark);\n\n font-size: 12px;\n font-weight: 850;\n}\n\n.hl700-steps p {\n margin: 0;\n\n color: #5e6467;\n\n font-size: 13px;\n line-height: 1.5;\n}\n\n.hl700-install-data {\n padding: 28px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 145deg,\n #eceff1,\n #fafbfc\n );\n}\n\n.hl700-main-size {\n padding-bottom: 24px;\n margin-bottom: 18px;\n\n border-bottom: 1px solid #d8dde0;\n}\n\n.hl700-main-size small,\n.hl700-main-size span {\n display: block;\n\n color: #767e83;\n\n font-size: 11.5px;\n}\n\n.hl700-main-size strong {\n display: block;\n\n margin: 8px 0;\n\n color: var(--hl700-text);\n\n font-size: 30px;\n line-height: 1.1;\n}\n\n.hl700-size-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.hl700-size-grid \u003e div {\n padding: 14px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 14px;\n\n background: var(--hl700-white);\n}\n\n.hl700-size-grid small {\n display: block;\n\n margin-bottom: 5px;\n\n color: #767e83;\n\n font-size: 10.5px;\n}\n\n.hl700-size-grid strong {\n color: var(--hl700-text);\n\n font-size: 13px;\n}\n\n.hl700-install-note {\n margin: 18px 0 0;\n\n color: #70777b;\n\n font-size: 11.5px;\n line-height: 1.55;\n}\n\n\n\/* =========================================\n SPECIFICAȚII\n ========================================= *\/\n\n.hl700-specifications {\n margin: 64px 0;\n}\n\n.hl700-accordion {\n display: grid;\n gap: 12px;\n\n max-width: 920px;\n margin: 0 auto;\n}\n\n.hl700-accordion details {\n overflow: hidden;\n\n border: 1px solid var(--hl700-border);\n border-radius: 20px;\n\n background: var(--hl700-white);\n\n box-shadow: 0 10px 28px rgba(23, 26, 28, 0.045);\n}\n\n.hl700-accordion summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n padding: 20px 22px;\n\n cursor: pointer;\n list-style: none;\n}\n\n.hl700-accordion summary::-webkit-details-marker {\n display: none;\n}\n\n.hl700-accordion summary span {\n color: var(--hl700-text);\n\n font-size: 16px;\n font-weight: 780;\n}\n\n.hl700-accordion summary i {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 31px;\n height: 31px;\n\n border-radius: 10px;\n\n background: #edf0f2;\n color: var(--hl700-accent-dark);\n\n font-size: 20px;\n font-style: normal;\n\n transition: transform 0.2s ease;\n}\n\n.hl700-accordion details[open] summary i {\n transform: rotate(45deg);\n}\n\n.hl700-accordion-content {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n\n padding: 1px 22px 22px;\n}\n\n.hl700-accordion-content \u003e div {\n padding: 15px;\n\n border: 1px solid var(--hl700-border);\n\n background: var(--hl700-bg-soft);\n}\n\n.hl700-accordion-content strong {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--hl700-text);\n\n font-size: 12px;\n}\n\n.hl700-accordion-content span {\n color: var(--hl700-muted);\n\n font-size: 12.5px;\n}\n\n\n\/* =========================================\n NOTĂ FINALĂ\n ========================================= *\/\n\n.hl700-final-note {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 15px;\n align-items: flex-start;\n\n margin: 46px 0;\n padding: 24px;\n\n border: 1px solid var(--hl700-border);\n border-radius: 22px;\n\n background:\n linear-gradient(\n 135deg,\n #eceff1,\n #fbfbfc\n );\n}\n\n.hl700-final-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 44px;\n height: 44px;\n\n border-radius: 14px;\n\n background: var(--hl700-dark-soft);\n color: var(--hl700-white);\n\n font-family: Georgia, serif;\n font-size: 21px;\n font-weight: 700;\n}\n\n.hl700-final-note strong {\n color: var(--hl700-text);\n\n font-size: 15px;\n}\n\n.hl700-final-note p {\n margin: 6px 0 0;\n\n color: var(--hl700-muted);\n\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n\n\/* =========================================\n TABLETĂ\n ========================================= *\/\n\n@media (max-width: 900px) {\n\n .hl700-intro,\n .hl700-equipment-layout,\n .hl700-smart,\n .hl700-install {\n grid-template-columns: 1fr;\n }\n\n .hl700-door-area {\n min-height: 410px;\n }\n\n}\n\n\n\/* =========================================\n TELEFON\n ========================================= *\/\n\n@media (max-width: 600px) {\n\n .hl700-intro-main,\n .hl700-intro-side,\n .hl700-equipment,\n .hl700-smart,\n .hl700-install {\n padding: 27px 21px;\n border-radius: 24px;\n }\n\n .hl700-equipment-grid,\n .hl700-smart-grid,\n .hl700-size-grid,\n .hl700-accordion-content {\n grid-template-columns: 1fr;\n }\n\n .hl700-feature {\n min-height: auto;\n }\n\n .hl700-door-area {\n min-height: 370px;\n padding: 25px;\n }\n\n .hl700-door {\n width: 145px;\n height: 295px;\n }\n\n .hl700-door-handle {\n top: 155px;\n }\n\n .hl700-door-lock-one {\n top: 123px;\n }\n\n .hl700-door-lock-two {\n top: 196px;\n }\n\n .hl700-door-eye {\n top: 69px;\n }\n\n .hl700-main-size strong {\n font-size: 24px;\n }\n\n .hl700-final-note {\n grid-template-columns: 1fr;\n }\n\n}\n\n\u003c\/style\u003e","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54262158164295,"sku":null,"price":429.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/BC301-maro_2026-07-01_00-04-03.jpg?v=1782853522"},{"product_id":"exclusive","title":"Exclusive","description":"","brand":"HomeLockTechnology","offers":[{"title":"Default Title","offer_id":54262208823623,"sku":null,"price":429.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7989\/8951\/files\/bc303-fata_2026-07-01_00-17-21.jpg?v=1782854381"}],"url":"https:\/\/homelocktechnology.com\/collections\/usi.oembed","provider":"HomeLockTechnology","version":"1.0","type":"link"}