{"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","url":"https:\/\/homelocktechnology.com\/products\/elegance","provider":"HomeLockTechnology","version":"1.0","type":"link"}