/* ==========================================================================
   Nawis Marine — Seri (kategori) sayfalari ortak stili (seri-sayfa.css)
   TEK KAYNAK: 10 seri sayfasi (5 TR + 5 EN: inboard/outboard/pod/sail/stern).
   Sayfa <style> bloklari yerine <!-- nawis:assets:seri-sayfa --> isaretiyle yuklenir.
   Quiet Luxury Marine kimligi: kobalt + elektrik mavisi, Inter, keskin radius.
   ========================================================================== */

.nm-pro{
    --font-head:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    --mono:'JetBrains Mono',ui-monospace,monospace;
    --ink:#121c28; --dark:#0a1628;
    --foam:#f7f5f0; --sand:#f0ece4; --card:#ffffff;
    --line:#e7e2d8; --line-strong:#dcd6c9;
    --text:#121c28; --muted:#67707e;
    --text-inv:#f7f5f0; --muted-inv:rgba(226,232,240,.72);
    --r-sm:2px; --r:3px; --r-lg:4px;
    --shadow-sm:0 1px 2px rgba(10,22,40,.05);
    --shadow-soft:0 20px 44px -28px rgba(10,22,40,.22);
    --accent:#0f4da8; --accent-deep:#0c3d86; --accent-2:#6aa9ec;
    font-family:var(--font-body);
    color:var(--text);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-variant-numeric:tabular-nums;
    margin-top:0!important;
}
.nm-pro *{box-sizing:border-box;margin:0;padding:0;}
.nm-pro img{max-width:100%;height:auto;display:block;}
.nm-pro a{text-decoration:none;color:inherit;}

.nm-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.nm-section{padding:clamp(72px,8.5vw,120px) 0;position:relative;}

/* ===== HERO ===== */
.nm-hero{
    position:relative;overflow:hidden;color:var(--text-inv);
    background:var(--dark);
    border-bottom:1px solid rgba(231,226,216,.14);
    padding:clamp(64px,9vw,120px) 0 clamp(56px,7vw,96px);
    margin-top:0!important;
}
.nm-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.nm-orb,.nm-grid{display:none;}

.nm-hero__inner{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,64px);align-items:center;}
.nm-hero__text{max-width:600px;}
.nm-badge{display:inline-flex;align-items:center;gap:10px;padding:0;font:600 .74rem/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2)!important;}
.nm-badge::before{content:"";width:26px;height:1px;background:rgba(106,169,236,.5);}
.nm-dot{display:none;}
.nm-hero__title{font:500 clamp(1.7rem,5.2vw,3.7rem)/1.12 var(--font-head);letter-spacing:-.03em;margin:22px 0 18px;color:#ffffff!important;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;}
.nm-grad{color:#a9d0f8!important;}
.nm-hero__desc{max-width:48ch;color:var(--muted-inv)!important;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.8;margin-bottom:32px;}
.nm-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px;}

.nm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 32px;border-radius:var(--r-sm);font:600 .8rem/1.25 var(--font-body);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:none;transition:transform .35s var(--nw-ease,cubic-bezier(.45,0,.55,1)),background .3s ease,border-color .3s ease;max-width:100%;box-sizing:border-box;}
.nm-btn svg{width:15px;height:15px;transition:transform .3s ease;}
.nm-btn--primary,
.nm-btn--primary:link,
.nm-btn--primary:visited{background:var(--accent);color:#fff!important;}
.nm-btn--primary:hover,
.nm-btn--primary:focus,
.nm-btn--primary:active{transform:translateY(-1px);background:var(--accent-deep);color:#fff!important;}
.nm-btn--primary:hover svg{transform:translateX(3px);}
.nm-btn--ghost,
.nm-btn--ghost:link,
.nm-btn--ghost:visited{background:transparent;border:1px solid rgba(106,169,236,.35);color:var(--accent-2)!important;}
.nm-btn--ghost:hover,
.nm-btn--ghost:focus,
.nm-btn--ghost:active{border-color:rgba(106,169,236,.6);transform:translateY(-1px);color:var(--accent-2)!important;}

.nm-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:540px;border-top:1px solid rgba(231,226,216,.14);}
.nm-stat{padding:20px 16px 0;border-right:1px solid rgba(231,226,216,.14);}
.nm-stat:last-child{border-right:none;}
.nm-stat__n{font:500 clamp(1.3rem,2.2vw,1.6rem)/1 var(--mono);color:var(--accent-2)!important;margin-bottom:6px;letter-spacing:-.02em;}
.nm-stat__l{font-size:.72rem;color:var(--muted-inv)!important;font-weight:600;text-transform:uppercase;letter-spacing:.1em;}

.nm-hero__visual{position:relative;display:flex;justify-content:center;}
.nm-visual-card{position:relative;width:100%;max-width:440px;border-radius:var(--r-lg);padding:30px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);}
.nm-visual-glow{display:none;}
.nm-visual-card img{position:relative;z-index:1;border-radius:var(--r);}
.nm-float{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-sm);background:rgba(10,22,40,.86);border:1px solid rgba(255,255,255,.14);font:600 .72rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:#fff!important;}
.nm-float i{width:6px;height:6px;border-radius:50%;background:var(--accent-2);}
.nm-float--a{top:7%;right:-5%;}
.nm-float--b{bottom:9%;left:-5%;}

/* ===== ORTAK BAŞLIK ===== */
.nm-head{text-align:center;max-width:720px;margin:0 auto clamp(40px,5vw,60px);}
.nm-eyebrow{display:inline-flex;align-items:center;gap:9px;font:600 .74rem/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep)!important;}
.nm-eyebrow::before{content:"";width:22px;height:1px;background:var(--accent);}
.nm-h2{font:500 clamp(1.85rem,3.4vw,2.65rem)/1.16 var(--font-head);letter-spacing:-.025em;margin:18px 0 14px;color:var(--text)!important;}
.nm-sub{color:var(--muted)!important;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75;}

/* ===== ÜRÜN TABLOSU ===== */
.nm-products{background:var(--foam);color:var(--text);}
.nm-table-wrap{
    background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
}
.nm-table{width:100%;border-collapse:collapse;table-layout:auto;}
.nm-table thead th{
    background:var(--dark);color:rgba(226,232,240,.85)!important;
    font:600 .65rem/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;
    padding:14px 10px;text-align:center;vertical-align:bottom;
    white-space:normal;hyphens:auto;-webkit-hyphens:auto;
    overflow-wrap:break-word;word-break:normal;
}
.nm-table thead th:first-child{text-align:left;white-space:nowrap;}
.nm-table tbody td{
    padding:14px 10px;text-align:center;border-top:1px solid var(--line);
    color:var(--text)!important;font-weight:500;vertical-align:middle;
}
.nm-table tbody tr{transition:background .2s;}
.nm-table tbody tr:hover{background:var(--foam);}
.nm-model{
    display:flex;align-items:center;gap:10px;text-align:left!important;
    font-weight:600;color:var(--text)!important;min-width:0;
}
.nm-model img{
    width:42px;height:42px;flex:0 0 42px;object-fit:contain;border-radius:var(--r);
    background:var(--dark);padding:5px;border:1px solid var(--line);
}
.nm-model strong{white-space:nowrap;font-size:.92rem;letter-spacing:-.01em;}
.nm-spec{font-weight:500;font-family:var(--mono);color:var(--text)!important;white-space:nowrap;}
.nm-spec--hl{
    display:inline-block;background:rgba(15,77,168,.08);color:var(--accent-deep);
    padding:5px 10px;border-radius:var(--r-sm);font-weight:600;
}
.nm-info,
.nm-info:link,
.nm-info:visited{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:9px 12px;border-radius:var(--r-sm);background:var(--dark);
    color:#fff!important;font:600 .68rem/1.15 var(--font-body);
    text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;
    max-width:100%;transition:transform .2s,background .2s,color .2s;
}
.nm-info svg{width:13px;height:13px;flex:0 0 auto;transition:transform .2s;}
.nm-info:hover,
.nm-info:focus,
.nm-info:active{transform:translateY(-1px);background:var(--accent);color:#fff!important;}
.nm-info:hover svg{transform:translateX(3px);}

/* ===== AVANTAJLAR (AÇIK) ===== */
.nm-adv-sec{position:relative;color:var(--text);background:#fff;}
.nm-adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.nm-adv{position:relative;padding:32px;background:#fff;transition:background .3s;}
.nm-adv:hover{background:var(--foam);}
.nm-adv__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.nm-adv__icon{width:48px;height:48px;border-radius:var(--r);display:grid;place-items:center;font-size:1.3rem;background:var(--foam);border:1px solid var(--line);}
.nm-adv__no{font:500 1.4rem/1 var(--mono);color:var(--line-strong);}
.nm-adv h3{font:600 1.1rem/1.3 var(--font-head);margin-bottom:10px;color:var(--text)!important;}
.nm-adv p{color:var(--muted)!important;line-height:1.7;font-size:.95rem;}

/* ===== CTA ===== */
.nm-cta-sec{background:var(--foam);}
.nm-cta{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(56px,7vw,88px) clamp(24px,5vw,64px);text-align:center;color:#fff;background:var(--dark);}
.nm-cta__orb{display:none;}
.nm-cta__inner{position:relative;z-index:1;}
.nm-cta h2{font:500 clamp(1.85rem,3.6vw,2.7rem)/1.16 var(--font-head);letter-spacing:-.025em;margin-bottom:18px;color:#fff!important;}
.nm-cta p{max-width:62ch;margin:0 auto 32px;color:var(--muted-inv)!important;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.75;}

/* ===== REVEAL ===== */
.nm-pro.is-js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);}
.nm-pro.is-js .reveal.is-in{opacity:1;transform:none;}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
    .nm-hero__inner{grid-template-columns:1fr;text-align:center;}
    .nm-hero__text{max-width:none;}
    .nm-hero__desc{margin-inline:auto;}
    .nm-hero__cta{justify-content:center;}
    .nm-stats{margin-inline:auto;}
    .nm-hero__visual{order:-1;}
    .nm-badge{justify-content:center;}
}
/* Uzun FR/DE/ES/IT başlıklar + CTA için kart layout daha erken */
@media(max-width:1100px){
    .nm-table-wrap{overflow:visible;background:transparent;border:none;border-radius:0;}
    .nm-table thead{display:none;}
    .nm-table,.nm-table tbody,.nm-table tr,.nm-table td{display:block;width:100%;}
    .nm-table tbody tr{
        border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px;
        padding:6px 18px;background:#fff;box-shadow:var(--shadow-sm);
    }
    .nm-table tbody td{
        display:flex;justify-content:space-between;align-items:center;gap:12px 16px;
        text-align:right;border-top:1px solid var(--line);padding:13px 0;flex-wrap:wrap;
    }
    .nm-table tbody td::before{
        content:attr(data-label);font-weight:600;color:var(--muted);
        text-align:left;font-size:.82rem;font-family:var(--font-body);
        flex:1 1 auto;min-width:0;max-width:52%;line-height:1.35;
    }
    .nm-table tbody td > *{flex:0 1 auto;min-width:0;}
    .nm-table tbody td .nm-spec{white-space:normal;text-align:right;}
    .nm-table tbody td.nm-model{border-top:none;justify-content:flex-start;flex-wrap:nowrap;}
    .nm-table tbody td.nm-model::before{display:none;}
    .nm-table tbody td:last-child{
        justify-content:stretch;padding-top:16px;flex-wrap:nowrap;
    }
    .nm-table tbody td:last-child::before{display:none;}
    .nm-table tbody td:last-child .nm-info{
        width:100%;white-space:normal;text-align:center;padding:12px 14px;line-height:1.25;
    }
}
@media(min-width:1101px) and (max-width:1280px){
    .nm-table thead th{font-size:.6rem;padding:12px 8px;letter-spacing:.04em;}
    .nm-table tbody td{padding:12px 8px;}
    .nm-model{gap:8px;}
    .nm-model img{width:36px;height:36px;flex-basis:36px;padding:4px;}
    .nm-model strong{font-size:.86rem;}
    .nm-info,.nm-info:link,.nm-info:visited{padding:8px 10px;font-size:.62rem;letter-spacing:.03em;gap:4px;}
    .nm-info svg{width:12px;height:12px;}
}
@media(max-width:520px){
    .nm-float--a,.nm-float--b{display:none;}
    .nm-stats{grid-template-columns:1fr;max-width:280px;margin-inline:auto;border-top:none;}
    .nm-stat{border-right:none;border-top:1px solid rgba(231,226,216,.14);padding:14px 0 0;text-align:center;}
    .nm-stat:first-child{border-top:none;padding-top:0;}
    .nm-wrap{padding:0 16px;}
    .nm-hero__cta{flex-direction:column;align-items:stretch;}
    .nm-hero__cta .nm-btn{justify-content:center;width:100%;white-space:normal;line-height:1.35;letter-spacing:.06em;padding:14px 16px;}
    .nm-visual-card{padding:16px;max-width:100%;}
    .nm-adv{padding:24px 20px;}
    .nm-badge,.nm-eyebrow{letter-spacing:.1em;white-space:normal;line-height:1.4;max-width:100%;}
    .nm-hero__title{font-size:clamp(1.55rem,8vw,2.2rem);line-height:1.15;}
    .nm-hero__desc{max-width:100%;overflow-wrap:break-word;hyphens:auto;}
    .nm-h2,.nm-cta h2{overflow-wrap:break-word;font-size:clamp(1.45rem,6vw,2rem);}
}
@media(prefers-reduced-motion:reduce){
    .nm-pro *{animation:none!important;}
    .nm-pro.is-js .reveal{opacity:1!important;transform:none!important;transition:none!important;}
}