/* Bölüm: kargo avantajı.
   Maddeler "olumsuzluğun kalktığını" anlattığı için başına küçük bir onay işareti konur;
   bu ikon kalabalığı değil, cümlenin anlamını taşıyan tek işarettir. */

.ship-item { position: relative; padding-left: var(--sp-8); }

.ship-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--sp-4) + 3px);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--success-50);
    /* Onay işareti: iki çizgiden oluşan saf CSS tik */
    background-image:
        linear-gradient(45deg, transparent 46%, var(--success-600) 46%, var(--success-600) 58%, transparent 58%),
        linear-gradient(-45deg, transparent 46%, var(--success-600) 46%, var(--success-600) 58%, transparent 58%);
    background-size: 8px 5px, 6px 8px;
    background-position: 3px 8px, 7px 4px;
    background-repeat: no-repeat;
}

.section--deep .ship-item::before { background-color: rgba(16, 185, 129, 0.16); }

.ship-highlight {
    margin-top: var(--sp-6);
    padding: var(--sp-4) var(--sp-5);
    border-left: 3px solid var(--brand-500);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: var(--brand-50);
    color: var(--brand-900);
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    line-height: 1.6;
}

.section--deep .ship-highlight {
    background: rgba(124, 58, 237, 0.18);
    border-left-color: var(--brand-400);
    color: #fff;
}

.ship-visual { position: relative; }