/* ND_CATALOG_CARDS_R1 - prezentarea blocului de carduri din catalog. Fisier separat, incarcat din : stilul inline nu supravietuieste in zona randata de Vue. */ .nd-cards{padding:30px 0 36px} .nd-cards .container{width:100%} .nd-cards__heading{ margin:0 0 18px !important; font-size:22px !important; font-weight:650 !important; line-height:1.25 !important; color:#242424 !important; } .nd-cards__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:18px; align-items:stretch; } .nd-cards__item{min-width:0;margin:0;padding:0} .nd-cards__card{ display:flex !important; flex-direction:column; height:100%; background:#fff; border:1px solid #e6e2dd; border-radius:6px; overflow:hidden; text-decoration:none !important; color:inherit; transition:border-color .15s ease, box-shadow .15s ease; } .nd-cards__card:hover,.nd-cards__card:focus{ border-color:#c8b18a; box-shadow:0 2px 10px rgba(0,0,0,.05); } .nd-cards__media{ display:block; width:100%; aspect-ratio:1/1; background:#f4f1ed; overflow:hidden; } .nd-cards__media img{ width:100% !important; height:100% !important; max-width:none; object-fit:cover; display:block; margin:0; } .nd-cards__body{ display:flex; flex-direction:column; gap:5px; padding:13px 14px 15px; } .nd-cards__title{ margin:0 !important; font-size:15px !important; font-weight:600 !important; line-height:1.3 !important; color:#242424 !important; overflow-wrap:anywhere; } .nd-cards__meta{ margin:0 !important; font-size:12.5px !important; line-height:1.35 !important; color:#6b655e !important; } .nd-cards__cta{ margin-top:auto; padding-top:10px; font-size:12.5px; font-weight:600; line-height:1.3; color:#292725; } .nd-cards__cta span{border-bottom:1px solid #c8b18a;padding-bottom:2px} @media (max-width:1024px){ .nd-cards{padding:26px 0 30px} .nd-cards__grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px} .nd-cards__heading{font-size:20px !important} } @media (max-width:640px){ .nd-cards{padding:22px 0 26px} .nd-cards__heading{margin:0 0 13px !important;font-size:18px !important} .nd-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nd-cards__body{gap:4px;padding:10px 11px 12px} .nd-cards__title{font-size:13.5px !important} .nd-cards__meta{font-size:11.5px !important} .nd-cards__cta{padding-top:8px;font-size:11.5px} } /* blocul de camere de pe pagina radacina: card mai lat, cu linkuri catre tipuri */ .nd-cards--rooms .nd-cards__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))} .nd-cards--rooms .nd-cards__item{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e2dd;border-radius:6px;overflow:hidden} .nd-cards--rooms .nd-cards__card{border:0;border-radius:0;background:transparent} .nd-cards--rooms .nd-cards__card:hover,.nd-cards--rooms .nd-cards__card:focus{box-shadow:none} .nd-cards--rooms .nd-cards__item:hover{border-color:#c8b18a} .nd-cards--rooms .nd-cards__media{aspect-ratio:3/2} .nd-cards--rooms .nd-cards__title{font-size:17px !important} .nd-cards__links{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0 15px 15px;list-style:none} .nd-cards__links li{margin:0;padding:0} .nd-cards__links a{color:#5e5851;font-size:13px;line-height:1.35;text-decoration:none;border-bottom:1px solid #d7d1ca} .nd-cards__links a:hover,.nd-cards__links a:focus{color:#222;border-color:#222} @media (max-width:640px){ .nd-cards--rooms .nd-cards__grid{grid-template-columns:1fr;gap:12px} .nd-cards--rooms .nd-cards__media{aspect-ratio:2/1} .nd-cards--rooms .nd-cards__title{font-size:16px !important} .nd-cards__links{gap:6px 10px;padding:0 12px 12px} .nd-cards__links a{font-size:12.5px} } /* === ND SEO CARDS START === */ .nd-seo-cards{display:grid;grid-template-columns:1fr;gap:18px;margin:0 0 28px} @media(min-width:820px){.nd-seo-cards{grid-template-columns:1fr 1fr}} .nd-seo-card{background:#fff;border:1px solid #e6e3dd;border-radius:10px;padding:18px 20px} .nd-seo-card h2{font-size:17px;line-height:1.35;margin:0 0 8px;font-weight:600} .nd-seo-card p{margin:0;font-size:15px;line-height:1.62} .nd-seo-card a{color:inherit;text-decoration:underline;text-underline-offset:2px} .nd-seo-tabel{margin:0 0 28px;overflow-x:auto} .nd-seo-tabel h2{font-size:17px;margin:0 0 10px;font-weight:600} .nd-seo-tabel table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px} .nd-seo-tabel th,.nd-seo-tabel td{padding:8px 10px;border-bottom:1px solid #eceae5;text-align:left} .nd-seo-tabel thead th{border-bottom:2px solid #ddd9d2;font-weight:600} .nd-seo-nota{font-size:13px;color:#6b6b66;margin:10px 0 0} /* === ND SEO CARDS END === */