/* croaziere-porturi 1.1.2: pagina „Porturi Croaziere” (/porturi/), colaj de regiuni */
.czh .czh-intro{padding-top:30px}
.czh-find{max-width:760px;margin:20px auto 0}
.czh-res{margin-top:6px}
@media(min-width:900px){.czh .czh-res ul{grid-template-columns:1fr}}
.czh-res .czp-row small{display:block}
.czh-none{font-size:15px;line-height:1.6;margin:14px 0 0}
.czh .czp-status{min-height:0;margin:8px 0 0;font-size:14px;color:var(--czc-muted)}
.czh .czp-status:empty{display:none}

/* colaj: pe telefon o fotografie lată, apoi două alăturate; pe desktop rând lat + îngust, rând de trei */
.czh-mosaic{padding:26px 8px 0;max-width:1440px;margin:0 auto}
.czh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.czh-t{margin:0;position:relative;aspect-ratio:3/4;overflow:hidden;background:#2b302a}
.czh-t.f{grid-column:span 2;aspect-ratio:10/11}
.czh-t a{position:absolute;inset:0;display:block;color:#fff!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.czh-t img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;margin:0!important;transition:transform .9s cubic-bezier(.2,.6,.2,1)}
.czh-t a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,14,11,.8) 0%,rgba(12,14,11,.5) 32%,rgba(12,14,11,.12) 58%,rgba(12,14,11,0) 72%);pointer-events:none}
.czh-t:not(.f) a::after{background:linear-gradient(to top,rgba(12,14,11,.85) 0%,rgba(12,14,11,.55) 40%,rgba(12,14,11,.1) 70%,rgba(12,14,11,0) 82%)}
@media(min-width:900px){.czh-t:not(.f) a::after{background:linear-gradient(to top,rgba(12,14,11,.8) 0%,rgba(12,14,11,.5) 32%,rgba(12,14,11,.12) 58%,rgba(12,14,11,0) 72%)}}
.czh-cap{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.czh-n{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.86;margin-bottom:4px}
/* 1.1.1: region names never split inside a word; on the narrow tiles the size follows the tile width so the longest word fits */
html body .czp.czh .czh-t h2{font-family:var(--czc-serif)!important;font-weight:500;text-transform:uppercase!important;letter-spacing:.05em!important;color:#fff;font-size:clamp(16px,5.2vw,23px)!important;line-height:1.1;margin:0;padding:0;max-width:100%;-webkit-hyphens:none!important;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;word-wrap:normal!important;text-wrap:balance}
html body .czp.czh .czh-t.lng h2{font-size:clamp(15px,4.6vw,21px)!important;letter-spacing:.04em!important}
html body .czp.czh .czh-t.f h2{font-size:clamp(26px,8vw,34px)!important;letter-spacing:.06em!important}
.czh-why{display:none;font-size:14px;line-height:1.5;margin-top:8px;max-width:36em;opacity:.94}
.czh-t.f .czh-why{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.czh-season{display:none;font-size:12px;letter-spacing:.04em;margin-top:6px;opacity:.86}
.czh-more{display:inline-flex;align-items:center;gap:3px;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--czc-green);padding:4px 0}
.czh-more svg{width:13px;height:13px}
.czh-t a:hover img,.czh-t a:focus-visible img{transform:scale(1.045)}
.czh-t a:focus-visible{outline:3px solid var(--czc-green);outline-offset:-3px}
.czh-t.noimg a{background:linear-gradient(135deg,#2b302a,#4a5143)}
@media(min-width:600px) and (max-width:899px){.czh-t.f{aspect-ratio:16/10}.czh-t{aspect-ratio:4/5}html body .czp.czh .czh-t h2,html body .czp.czh .czh-t.lng h2{font-size:clamp(22px,3.6vw,28px)!important}html body .czp.czh .czh-t.f h2{font-size:clamp(32px,5vw,40px)!important}}
@media(min-width:900px){
	.czh-mosaic{padding:34px 18px 0}
	.czh-grid{grid-template-columns:repeat(6,1fr);gap:10px}
	.czh-t,.czh-t.f{grid-column:span 2;aspect-ratio:auto;height:440px}
	.czh-t.s4{grid-column:span 4}
	.czh-cap{left:28px;right:28px;bottom:26px}
	html body .czp.czh .czh-t h2,html body .czp.czh .czh-t.f h2,html body .czp.czh .czh-t.lng h2{font-size:clamp(24px,2.5vw,32px)!important;letter-spacing:.05em!important}
	html body .czp.czh .czh-t.s4 h2{font-size:clamp(34px,3.2vw,42px)!important;letter-spacing:.06em!important}
	.czh-t .czh-why,.czh-t.f .czh-why{display:none}
	.czh-t.s4 .czh-why{display:block;font-size:15px}
	.czh-t.s4 .czh-season{display:block}
	.czh-n{font-size:11px}
	.czh-more{font-size:12px}
}
@media(min-width:1200px){.czh-t,.czh-t.f{height:480px}}
@media(prefers-reduced-motion:reduce){.czh-t img{transition:none}.czh-t a:hover img{transform:none}}

/* ghiduri */
.czh-guides{padding-top:44px}
.czh-ghead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.czh-ghead .czp-h2{margin:0}
.czh-all{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--czc-ink)!important;text-decoration:none!important;border-bottom:2px solid var(--czc-green);padding:4px 0}
.czh-all svg,.czh .czp-link svg{width:14px;height:14px}
/* 1.1.2: pe telefon și tabletă un rând care se derulează lateral (se vede începutul cardului următor); de la 1100px grilă de 4 coloane */
.czh-gl{list-style:none;margin:0 -18px;padding:0 18px 6px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 18px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
.czh-gl::-webkit-scrollbar{display:none}
.czh-gl li{flex:0 0 80%;max-width:330px;margin:0;scroll-snap-align:start;display:flex}
.czh-gl .czp-card{width:100%}
.czh-gl .czp-card-img{aspect-ratio:16/10;overflow:hidden}
.czh-gl .czp-card-img img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none}
.czh-gl .czp-card b{font-size:26px}
.czh-gl .czp-why{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:700px){.czh-gl li{flex-basis:calc((100% - 28px) / 2.4)}}
@media(min-width:1100px){.czh-gl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:visible;margin:0;padding:0}.czh-gl li{max-width:none}.czh-gl.n2,.czh-gl.n4{grid-template-columns:repeat(2,1fr)}.czh-gl.n3,.czh-gl.n6{grid-template-columns:repeat(3,1fr)}}

/* contact */
.czh-cta{margin-top:46px;background:var(--czc-ink);color:#fff;padding:40px 0 34px;text-align:center}
html body .czp.czh .czh-cta h2{color:#fff;font-family:var(--czc-serif)!important;font-weight:500;font-size:31px;line-height:1.15;margin:0 0 10px}
html body .czp.czh .czh-cta p{font-size:16px;line-height:1.6;max-width:560px;margin:0 auto 22px;color:rgba(255,255,255,.88)!important}
.czh-btns .czp-btn{margin-left:auto;margin-right:auto}
.czh-btns .czp-btn:not(.g){background:transparent;border-color:rgba(255,255,255,.85);color:#fff!important}
.czh-btns .czp-btn.g{color:var(--czc-ink)!important}
.czp.czh{padding-bottom:0}
.czh input[type=search]::-webkit-search-cancel-button,.czh input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}