/* Paginile „Croaziere” si „De colorat”: culorile marii (alb, bleu, galben-lamaie, navy) */
body.sea { --navy: #12305A; --sea: #2B7FB8; --sky: #EAF6FC; --sky-2: #CFEAF8; --foam: #BFE3F5; --lemon: #FFE45C; --lemon-2: #F3D93B;
  background: #fff; color: var(--navy); }
.sea canvas.snow, .sea .snow { display: none !important; }
.sea .site-header .brand, .sea .nav a { color: var(--navy); }
.sea .site-header .brand .star { color: var(--lemon-2); }
.sea .nav a:hover { color: var(--navy); background: rgba(18,48,90,.08); }
.sea .nav a.lang { border-color: var(--sea); color: var(--navy); }
.sea .hero { background: linear-gradient(180deg, var(--sky-2) 0%, var(--sky) 65%, #fff 100%); border-bottom: 6px solid var(--lemon-2); }
.sea .hero h1, .sea .hero .lede { color: var(--navy); }
.sea .hero .eyebrow { color: var(--sea); }
.sea .hero .eyebrow .star { color: var(--lemon-2); }
.sea .city-body { background: #fff; }
.sea .city-body p { color: var(--navy); }
.sea .city-buy { background: var(--sky); color: var(--navy); border: 1px solid var(--foam); border-bottom: 5px solid var(--lemon-2); }
.sea .city-buy .eyebrow { color: var(--sea); }
.sea .city-buy h3, .sea .city-buy p:not(.eyebrow) { color: var(--navy); }
.sea .city-buy img { box-shadow: 0 14px 28px -14px rgba(18,48,90,.45); }
.sea .btn-gold { background: var(--lemon); color: var(--navy); }
.sea .btn-gold:hover { background: var(--lemon-2); }
.sea .btn-ghost { background: #fff; border-color: var(--sea); color: var(--navy); }
.sea .city-question { color: var(--navy) !important; }
.sea .eu-card { border-color: var(--foam); box-shadow: 0 24px 50px -32px rgba(18,48,90,.45); }
.sea .eu-card-body b { color: var(--navy); }
.sea .eu-card .eyebrow, .sea .eu-more { color: var(--sea); }
.sea .news { background: var(--sky); }
.sea .news-card h2, .sea .news-card p, .sea .news-label { color: var(--navy); }
.sea .site-footer { background: var(--navy); }
.sea .site-footer .bottom { border-top-color: rgba(255,255,255,.18); }
.sea .news { border-top-color: var(--foam); }
.sea .news-card { outline-color: var(--foam); box-shadow: 0 30px 60px -36px rgba(18,48,90,.45); }
.sea .news-icon { background: var(--sky); color: var(--sea); }
.sea .eu-grid { margin-top: 32px; }
/* titlul mic de sus, mai mare */
.sea .hero .eyebrow { font-size: clamp(1.05rem, 2.3vw, 1.4rem); letter-spacing: .2em; }
/* valuri animate in partea de jos a zonei de sus */
.sea .hero { position: relative; padding-bottom: 120px; }
.sea-waves { position: absolute; left: 0; right: 0; bottom: 0; height: 110px; overflow: hidden; pointer-events: none; }
.sea-waves svg { position: absolute; bottom: 0; left: 0; width: 200%; height: 100%; }
.sea-waves .w1 { animation: seaDrift 18s linear infinite; opacity: .55; }
.sea-waves .w2 { animation: seaDrift 11s linear infinite reverse; opacity: .8; }
.sea-waves .w3 { animation: seaDrift 7s linear infinite; }
@keyframes seaDrift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .sea-waves svg { animation: none !important; } }
/* Croaziere: cer, coasta mediteraneana, vasul de pe coperta si o creanga de lamai */
.sea .hero.has-ship { padding-bottom: 0; }
.ship-stage { position: relative; container-type: size; margin: 30px 0 0; width: 100%; height: 41.667vw; overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%); mask-image: linear-gradient(to bottom, transparent 0, #000 12%); }
.ship-stage img { position: absolute; display: block; }
.sc-sea { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; }
.sc-ship { left: 0; bottom: calc(6.25cqw - 0.4 * (41.667cqw - 100cqh)); width: 50cqw; height: auto; animation: shipBob 5s ease-in-out infinite; transform-origin: 50% 95%; }
@keyframes shipBob { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1%) rotate(-.3deg); } }
.sc-lemon { right: 0; top: -1.5cqw; width: 31.25cqw; height: auto; transform-origin: 100% 0; animation: lemonSway 6s ease-in-out infinite; }
@keyframes lemonSway { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(-2deg); } }
.has-ship .sea-waves { z-index: 2; height: 40px; }
/* pe ecrane mari: textul sta pe cer, peste imagine, ca pagina sa se vada pana la carti */
@media (min-width: 900px) {
  .sea .hero-city.has-ship { display: grid; padding-top: 72px; }
  .has-ship > .wrap, .has-ship > .ship-stage { grid-area: 1 / 1; }
  .has-ship > .wrap { position: relative; z-index: 3; align-self: start; max-width: 50vw; padding-top: clamp(14px, 3.5vh, 40px); gap: 10px; }
  .has-ship .home-hero h1 { font-size: clamp(2rem, 3.2vw, 3.1rem); margin-top: 6px; }
  .has-ship .home-hero .lede { margin-top: 4px; }
  .has-ship .ship-stage { margin: 0; height: max(380px, min(41.667vw, calc(100vh - 350px), 660px)); }
  .has-ship .sc-ship { width: 36cqw; }
  .has-ship .sc-lemon { width: 24cqw; }
}
/* De colorat: creioane colorate in zona de sus */
.pencils { position: relative; max-width: 760px; margin: 26px auto 0; height: clamp(150px, 24vw, 250px); }
.pencils svg { width: 100%; height: 100%; overflow: visible; }
.pencils .pc { animation: pencilBob 4s ease-in-out infinite; transform-box: fill-box; }
@keyframes pencilBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@media (prefers-reduced-motion: reduce) { .sc-ship, .sc-lemon, .pencils .pc { animation: none !important; } }