.vessel-page { min-height: 70vh; padding: 58px 0 104px; background: linear-gradient(180deg, #eef6f7 0, var(--paper) 390px); }
.vessel-page-inner > .article-nav { display: inline-flex; margin-bottom: 30px; }
.vessel-profile { display: grid; gap: 34px; }
.vessel-profile-hero { display: grid; grid-template-columns: 1.15fr .85fr; overflow: hidden; border: 1px solid rgba(10,40,56,.09); border-radius: 3px; background: linear-gradient(145deg, #e5f1f3, #d5e7eb); box-shadow: var(--shadow-soft); }
.vessel-profile-image { min-height: 520px; overflow: hidden; }
.vessel-profile-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.03); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.vessel-profile-hero:hover .vessel-profile-image img { transform: scale(1.018); }
.vessel-profile-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,70px); }
.vessel-profile-content h1 { margin: 0 0 18px; font-size: clamp(2.8rem,5vw,4.8rem); }
.vessel-profile-content > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 1.04rem; line-height: 1.85; }
.vessel-summary { display: grid; gap: 0; margin-top: 30px; border-top: 1px solid #a9c3ca; }
.vessel-summary div { padding: 15px 0; border-bottom: 1px solid #a9c3ca; }
.vessel-summary span { display: block; margin-bottom: 5px; color: var(--blue); font-size: .76rem; font-weight: 800; letter-spacing: .08em; }
.vessel-summary strong { font-size: 1rem; line-height: 1.5; }
.specification-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(335px,1fr)); align-items: stretch; gap: 22px; }
.specification-card { overflow: hidden; border: 1px solid rgba(10,40,56,.1); border-radius: 3px; background: #fff; box-shadow: var(--shadow-card); transition: transform .25s ease, box-shadow .25s ease; }
.specification-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(5,31,46,.13); }
.specification-card h2 { margin: 0; padding: 17px 20px; color: #fff; background: linear-gradient(110deg, var(--navy), var(--sea-deep)); font-size: .94rem; letter-spacing: .08em; }
.specification-card h2::before { content: ""; display: inline-block; width: 18px; height: 3px; margin-right: 10px; vertical-align: middle; background: var(--accent); }
html[dir="rtl"] .specification-card h2::before { margin-right: 0; margin-left: 10px; }
.specification-card dl { margin: 0; padding: 7px 20px 13px; }
.specification-card dl div { display: grid; grid-template-columns: minmax(145px,.8fr) 1.2fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid #e1eaed; }
.specification-card dl div:nth-child(even) { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; background: #f8fbfb; }
.specification-card dl div:last-child { border-bottom: 0; }
.specification-card dt { color: #244d5d; font-size: .78rem; font-weight: 800; }
.specification-card dd { margin: 0; color: #445f69; font-size: .91rem; line-height: 1.6; overflow-wrap: anywhere; }
.vessel-back { justify-self: start; margin-top: 6px; }
.vessel-empty { max-width: 620px; padding: 60px 0; }
.vessel-empty h1 { font-size: 3rem; }
.vessel-empty p { color: var(--muted); line-height: 1.7; }
html[dir="rtl"] .vessel-profile-content h1, html[dir="rtl"] .vessel-empty h1 { font-family: "Vazirmatn Local", Tahoma, sans-serif; font-weight: 650; }
html[dir="rtl"] .vessel-profile-content > p:not(.eyebrow) { line-height: 2; }
html[dir="rtl"] .specification-card h2 { letter-spacing: 0; }
html[dir="rtl"] .specification-card dd { direction: ltr; text-align: left; unicode-bidi: isolate; }
html[dir="rtl"] .vessel-profile-content { text-align: right; }
html[dir="rtl"] .vessel-summary { direction: rtl; }
html[dir="rtl"] .specification-card dl div { direction: rtl; }
html[dir="rtl"] .specification-card dt { text-align: right; line-height: 1.8; }
html[dir="rtl"] .vessel-back { margin-right: 0; margin-left: auto; }
@media (max-width: 900px) { .vessel-profile-hero { grid-template-columns: 1fr; }.vessel-profile-image { min-height: 400px; } }
@media (max-width: 560px) { .vessel-page { padding: 36px 0 68px; }.vessel-profile-image { min-height: 270px; }.vessel-profile-content { padding: 30px 22px; }.specification-grid { grid-template-columns: 1fr; }.specification-card dl div { grid-template-columns: 1fr; gap: 5px; }.specification-card h2 { padding: 15px 16px; }.specification-card dl { padding-right: 16px; padding-left: 16px; }.specification-card dl div:nth-child(even) { margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px; } }
@media (prefers-reduced-motion: reduce) { .vessel-profile-image img, .specification-card { transition: none; } }

/* Deep Teal vessel profile */
.vessel-page { padding-top: 72px; background: #f7f4ed; }
.vessel-profile { gap: 42px; }
.vessel-profile-hero { grid-template-columns: 1.18fr .82fr; border: 0; border-radius: 0; background: #19454b; box-shadow: 0 20px 58px rgba(18,59,64,.17); }
.vessel-profile-image { min-height: 570px; }
.vessel-profile-image img { filter: saturate(.68) contrast(1.05); }
.vessel-profile-content { color: #fff; }
.vessel-profile-content .eyebrow { color: #dbc198; }
.vessel-profile-content > p:not(.eyebrow) { color: rgba(255,255,255,.7); }
.vessel-summary { border-top-color: rgba(255,255,255,.22); }
.vessel-summary div { border-bottom-color: rgba(255,255,255,.22); }
.vessel-summary span { color: #dbc198; }
.specification-grid { gap: 26px; }
.specification-card { border: 0; border-radius: 0; border-top: 5px solid #c4a26e; box-shadow: 0 16px 42px rgba(18,59,64,.09); }
.specification-card h2 { background: #19454b; }
.specification-card h2::before { background: #c4a26e; }
.specification-card dt { color: #19454b; }
.specification-card dl div:nth-child(even) { background: #f5f3ed; }
@media (max-width: 900px) { .vessel-profile-hero { grid-template-columns: 1fr; }.vessel-profile-image { min-height: 420px; } }