/* ==========================================================================
   m13 · Cyberpunk Neon · 赛博朋克
   Personality: 科技重金属 / 电子游戏厅 / 霓虹标牌
   Glowing accents · scan-line overlays · magenta + cyan duotone borders
   ========================================================================== */

:root {
    --m13-bg:        #0a0e1a;
    --m13-bg-2:      #161a2e;
    --m13-card:      #1c2238;
    --m13-card-2:    #232a44;
    --m13-ink:       #e8eaf6;
    --m13-ink-2:     #a8b0d0;
    --m13-ink-3:     #6a7298;
    --m13-line:      rgba(132, 226, 255, 0.18);
    --m13-line-2:    rgba(255, 46, 136, 0.22);
    --m13-magenta:   #ff2e88;
    --m13-cyan:      #00f2ff;
    --m13-yellow:    #fcee0a;
    --m13-violet:    #b04dff;

    --m13-display:   'Rubik Mono One', 'Major Mono Display', monospace;
    --m13-body:      'Rubik', 'Helvetica Neue', sans-serif;
    --m13-mono:      'Major Mono Display', 'Rubik Mono One', monospace;

    --m13-shell:     1240px;
    --m13-radius:    2px;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    background: var(--m13-bg);
    color: var(--m13-ink);
    font-family: var(--m13-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scan-line overlay across the entire page */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 242, 255, 0.025) 0px,
        rgba(0, 242, 255, 0.025) 1px,
        transparent 1px,
        transparent 3px
    );
    pointer-events: none;
    z-index: 9999;
    mix-blend-mode: screen;
}

/* Subtle grid behind everything */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(132, 226, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 226, 255, 0.045) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
    z-index: 0;
}

a { color: var(--m13-cyan); text-decoration: none; transition: color .18s ease, text-shadow .18s ease; }
a:hover { color: var(--m13-magenta); text-shadow: 0 0 8px currentColor; }

img { max-width: 100%; display: block; border: 0; }
ul, ol { list-style: none; padding: 0; margin: 0; }

.seo-h1 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.m13-shell {
    width: 100%;
    max-width: var(--m13-shell);
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}

/* ──────────────────────────────────────────────
   HEADER
   ────────────────────────────────────────────── */
.m13-mast {
    background: var(--m13-bg);
    border-bottom: 1px solid var(--m13-line);
    position: relative;
    z-index: 10;
}
.m13-mast::before {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--m13-magenta) 22%, var(--m13-cyan) 78%, transparent 100%);
    box-shadow: 0 0 12px var(--m13-magenta), 0 0 22px var(--m13-cyan);
}

.m13-mast-top {
    background: rgba(22, 26, 46, 0.6);
    border-bottom: 1px solid var(--m13-line);
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    color: var(--m13-ink-3);
    text-transform: uppercase;
}
.m13-mast-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    gap: 24px;
}
.m13-mast-top-row .blink {
    color: var(--m13-yellow);
    text-shadow: 0 0 6px var(--m13-yellow);
}
.m13-mast-top-row a { color: var(--m13-ink-2); }
.m13-mast-top-row .sep { color: var(--m13-ink-3); margin: 0 8px; }

.m13-mast-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    padding: 22px 0;
}
.m13-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--m13-ink);
}
.m13-brand:hover { color: var(--m13-ink); }
.m13-brand-logo {
    width: 56px;
    height: 56px;
    object-fit: contain;
    background: var(--m13-card);
    padding: 6px;
    border: 1px solid var(--m13-cyan);
    box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.25), 0 0 18px rgba(0, 242, 255, 0.18);
    clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
}
.m13-brand-text .h1 {
    font-family: var(--m13-display);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.04em;
    display: block;
    color: var(--m13-ink);
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.35);
}
.m13-brand-text p {
    font-size: 11px;
    margin: 4px 0 0;
    color: var(--m13-ink-2);
    letter-spacing: 0.06em;
    max-width: 460px;
}

.m13-mast-cta {
    text-align: right;
    border-left: 1px solid var(--m13-line);
    padding-left: 20px;
}
.m13-mast-cta small {
    display: block;
    font-family: var(--m13-mono);
    font-size: 9px;
    letter-spacing: 0.24em;
    color: var(--m13-magenta);
    text-shadow: 0 0 8px rgba(255, 46, 136, 0.5);
    text-transform: uppercase;
    margin-bottom: 4px;
}
.m13-mast-cta strong {
    font-family: var(--m13-mono);
    font-size: 22px;
    font-weight: 400;
    color: var(--m13-cyan);
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6);
}

.m13-nav {
    background: linear-gradient(90deg, var(--m13-bg-2) 0%, #1d2340 50%, var(--m13-bg-2) 100%);
    border-top: 1px solid var(--m13-line);
}
.m13-nav-inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
}
.m13-nav-inner a {
    flex: 1 1 0;
    min-width: 0;
    padding: 13px 10px;
    font-family: var(--m13-display);
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: var(--m13-ink-2);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-right: 1px dashed var(--m13-line);
}
.m13-nav-inner a:first-child { border-left: 1px dashed var(--m13-line); }
.m13-nav-inner a::before {
    content: '> ';
    color: var(--m13-magenta);
    opacity: 0;
    transition: opacity .15s ease;
}
.m13-nav-inner a:hover::before,
.m13-nav-inner a.is-active::before { opacity: 1; }
.m13-nav-inner a:hover,
.m13-nav-inner a.is-active {
    color: var(--m13-cyan);
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.7);
    background: rgba(0, 242, 255, 0.04);
}
.m13-nav-inner a.is-active {
    background: linear-gradient(180deg, transparent 0%, rgba(255, 46, 136, 0.08) 100%);
    box-shadow: inset 0 -2px 0 var(--m13-magenta);
}

/* ──────────────────────────────────────────────
   TRUST STRIP (homepage)
   ────────────────────────────────────────────── */
.m13-trust {
    background: var(--m13-card);
    border-bottom: 1px solid var(--m13-line);
    border-top: 1px solid var(--m13-line-2);
    position: relative;
}
.m13-trust-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}
.m13-trust-cell {
    padding: 22px 24px;
    border-right: 1px dashed var(--m13-line);
    display: flex;
    align-items: center;
    gap: 14px;
}
.m13-trust-cell:last-child { border-right: 0; }
.m13-trust-cell .ic {
    width: 38px;
    height: 38px;
    border: 1px solid var(--m13-cyan);
    color: var(--m13-cyan);
    display: grid;
    place-items: center;
    font-family: var(--m13-mono);
    font-size: 16px;
    box-shadow: 0 0 12px rgba(0, 242, 255, 0.25);
    flex-shrink: 0;
}
.m13-trust-cell:nth-child(2) .ic { border-color: var(--m13-magenta); color: var(--m13-magenta); box-shadow: 0 0 12px rgba(255, 46, 136, 0.3); }
.m13-trust-cell:nth-child(3) .ic { border-color: var(--m13-yellow); color: var(--m13-yellow); box-shadow: 0 0 12px rgba(252, 238, 10, 0.25); }
.m13-trust-cell:nth-child(4) .ic { border-color: var(--m13-violet); color: var(--m13-violet); box-shadow: 0 0 12px rgba(176, 77, 255, 0.25); }
.m13-trust-cell strong {
    display: block;
    font-family: var(--m13-display);
    font-size: 13px;
    color: var(--m13-ink);
    letter-spacing: 0.04em;
    margin-bottom: 2px;
}
.m13-trust-cell span {
    display: block;
    font-size: 11px;
    color: var(--m13-ink-3);
    font-family: var(--m13-mono);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* ──────────────────────────────────────────────
   HERO
   ────────────────────────────────────────────── */
.m13-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(255, 46, 136, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 20%, rgba(0, 242, 255, 0.20) 0%, transparent 55%),
        linear-gradient(180deg, var(--m13-bg) 0%, #0d1224 60%, #160c1d 100%);
    border-bottom: 1px solid var(--m13-line);
    padding: 70px 0 90px;
}
/* Suggested neon city silhouette via clip+gradient */
.m13-hero::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 140px;
    background:
        linear-gradient(180deg, transparent 0%, rgba(0, 242, 255, 0.08) 100%);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 140' preserveAspectRatio='none'><polygon points='0,140 0,90 30,90 30,60 80,60 80,80 130,80 130,40 180,40 180,70 230,70 230,30 280,30 280,55 340,55 340,75 400,75 400,45 460,45 460,90 520,90 520,50 580,50 580,80 640,80 640,35 700,35 700,65 760,65 760,80 820,80 820,40 880,40 880,70 940,70 940,55 1000,55 1000,85 1060,85 1060,45 1120,45 1120,75 1170,75 1170,90 1200,90 1200,140'/></svg>");
    -webkit-mask-size: 100% 100%;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 140' preserveAspectRatio='none'><polygon points='0,140 0,90 30,90 30,60 80,60 80,80 130,80 130,40 180,40 180,70 230,70 230,30 280,30 280,55 340,55 340,75 400,75 400,45 460,45 460,90 520,90 520,50 580,50 580,80 640,80 640,35 700,35 700,65 760,65 760,80 820,80 820,40 880,40 880,70 940,70 940,55 1000,55 1000,85 1060,85 1060,45 1120,45 1120,75 1170,75 1170,90 1200,90 1200,140'/></svg>");
    mask-size: 100% 100%;
    pointer-events: none;
}

.m13-hero-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 56px;
    align-items: center;
    position: relative;
    z-index: 2;
}
.m13-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    color: var(--m13-cyan);
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.5);
    padding: 6px 14px;
    border: 1px solid var(--m13-cyan);
    text-transform: uppercase;
    margin-bottom: 22px;
    background: rgba(0, 242, 255, 0.04);
}
.m13-hero-tag::before {
    content: '';
    width: 8px; height: 8px;
    background: var(--m13-cyan);
    box-shadow: 0 0 10px var(--m13-cyan);
    display: inline-block;
}
.m13-hero h1 {
    font-family: var(--m13-display);
    font-weight: 400;
    font-size: 48px;
    line-height: 1.1;
    margin: 0 0 16px;
    color: var(--m13-ink);
    letter-spacing: 0.02em;
    text-shadow: 0 0 24px rgba(255, 46, 136, 0.35), 0 0 6px rgba(0, 242, 255, 0.4);
}
.m13-hero h1 em {
    font-style: normal;
    color: var(--m13-magenta);
    text-shadow: 0 0 14px rgba(255, 46, 136, 0.7);
}
.m13-hero .lead {
    font-size: 15px;
    line-height: 1.75;
    color: var(--m13-ink-2);
    margin: 0 0 30px;
    max-width: 540px;
}
.m13-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 32px;
    max-width: 540px;
}
.m13-hero-stats .stat {
    border: 1px solid var(--m13-line);
    background: rgba(28, 34, 56, 0.7);
    padding: 14px 16px;
    position: relative;
    backdrop-filter: blur(4px);
}
.m13-hero-stats .stat::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 8px; height: 8px;
    background: var(--m13-magenta);
    box-shadow: 0 0 8px var(--m13-magenta);
}
.m13-hero-stats .stat strong {
    display: block;
    font-family: var(--m13-mono);
    font-size: 22px;
    color: var(--m13-cyan);
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.5);
    margin-bottom: 4px;
    letter-spacing: 0.04em;
}
.m13-hero-stats .stat span {
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    color: var(--m13-ink-3);
    text-transform: uppercase;
}

.m13-hero-img {
    position: relative;
    aspect-ratio: 4 / 5;
    border: 1px solid var(--m13-magenta);
    background: var(--m13-card);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(255, 46, 136, 0.2),
        0 0 32px rgba(255, 46, 136, 0.18),
        12px 12px 0 -1px rgba(0, 242, 255, 0.7);
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}
.m13-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.1) contrast(1.05);
    mix-blend-mode: luminosity;
    opacity: 0.9;
}
.m13-hero-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 242, 255, 0.18) 0%, transparent 50%, rgba(255, 46, 136, 0.22) 100%);
    pointer-events: none;
    z-index: 2;
}
.m13-hero-img::after {
    content: 'NEON.LINK_01';
    position: absolute;
    bottom: 14px; right: 16px;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    color: var(--m13-yellow);
    text-shadow: 0 0 8px var(--m13-yellow);
    z-index: 3;
}

/* ──────────────────────────────────────────────
   BUTTONS
   ────────────────────────────────────────────── */
.m13-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0;
}
.m13-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 24px;
    font-family: var(--m13-display);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid;
    background: transparent;
    cursor: pointer;
    transition: all .2s ease;
    position: relative;
    line-height: 1;
}
.m13-btn::before {
    content: '◢';
    font-family: var(--m13-mono);
    font-size: 10px;
    margin-right: 4px;
}
.m13-btn-primary {
    color: var(--m13-bg);
    background: var(--m13-magenta);
    border-color: var(--m13-magenta);
    box-shadow: 0 0 0 1px rgba(255, 46, 136, 0.4), 0 0 24px rgba(255, 46, 136, 0.45), 4px 4px 0 var(--m13-cyan);
}
.m13-btn-primary:hover {
    background: var(--m13-cyan);
    color: var(--m13-bg);
    border-color: var(--m13-cyan);
    box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.4), 0 0 24px rgba(0, 242, 255, 0.6), 4px 4px 0 var(--m13-magenta);
}
.m13-btn-outline {
    color: var(--m13-cyan);
    border-color: var(--m13-cyan);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.45);
}
.m13-btn-outline:hover {
    background: rgba(0, 242, 255, 0.08);
    color: var(--m13-cyan);
    box-shadow: 0 0 16px rgba(0, 242, 255, 0.4);
}
.m13-btn-yellow {
    color: var(--m13-bg);
    background: var(--m13-yellow);
    border-color: var(--m13-yellow);
    box-shadow: 0 0 18px rgba(252, 238, 10, 0.4);
}
.m13-btn-yellow:hover { color: var(--m13-bg); background: #fff700; box-shadow: 0 0 24px rgba(252, 238, 10, 0.65); }
.m13-btn-sm { padding: 9px 14px; font-size: 11px; }

/* ──────────────────────────────────────────────
   SECTION HEADERS
   ────────────────────────────────────────────── */
.m13-section { padding: 70px 0; position: relative; }
.m13-section-sm { padding: 32px 0; }
.m13-section-alt { background: var(--m13-bg-2); }

.m13-section-h {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
    padding-bottom: 18px;
    border-bottom: 1px dashed var(--m13-line);
    position: relative;
}
.m13-section-h::before {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, var(--m13-magenta), var(--m13-cyan));
    box-shadow: 0 0 10px var(--m13-magenta), 0 0 14px var(--m13-cyan);
}
.m13-section-h h2 {
    font-family: var(--m13-display);
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    margin: 0;
    color: var(--m13-ink);
    letter-spacing: 0.04em;
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.25);
}
.m13-section-h h2 em {
    font-style: normal;
    color: var(--m13-magenta);
    text-shadow: 0 0 14px rgba(255, 46, 136, 0.6);
}
.m13-section-h h2 small {
    display: block;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.24em;
    color: var(--m13-cyan);
    margin-top: 8px;
    text-transform: uppercase;
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.4);
}
.m13-section-h .more {
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    color: var(--m13-magenta);
    text-transform: uppercase;
    text-shadow: 0 0 8px rgba(255, 46, 136, 0.45);
}
.m13-section-h .more::after { content: ' >>'; }

/* ──────────────────────────────────────────────
   CATEGORY QUICK-PILLS
   ────────────────────────────────────────────── */
.m13-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
}
.m13-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    color: var(--m13-ink-2);
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: all .18s ease;
}
.m13-pill::before {
    content: '#';
    color: var(--m13-cyan);
    font-weight: 400;
}
.m13-pill:hover,
.m13-pill.is-on {
    color: var(--m13-bg);
    background: var(--m13-cyan);
    border-color: var(--m13-cyan);
    box-shadow: 0 0 14px rgba(0, 242, 255, 0.5);
}
.m13-pill:hover::before,
.m13-pill.is-on::before { color: var(--m13-magenta); }

/* ──────────────────────────────────────────────
   FEATURED PRODUCT TOPLIST CARDS (homepage)
   ────────────────────────────────────────────── */
.m13-top-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.m13-top-card {
    display: flex;
    flex-direction: column;
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    color: var(--m13-ink);
    position: relative;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    overflow: hidden;
}
.m13-top-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 28px; height: 28px;
    border-top: 2px solid var(--m13-magenta);
    border-left: 2px solid var(--m13-magenta);
    box-shadow: 0 0 8px var(--m13-magenta);
    z-index: 2;
    pointer-events: none;
}
.m13-top-card::after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 28px; height: 28px;
    border-bottom: 2px solid var(--m13-cyan);
    border-right: 2px solid var(--m13-cyan);
    box-shadow: 0 0 8px var(--m13-cyan);
    z-index: 2;
    pointer-events: none;
}
.m13-top-card:hover {
    transform: translate(-2px, -2px);
    border-color: var(--m13-magenta);
    box-shadow: 6px 6px 0 var(--m13-cyan), 0 0 24px rgba(255, 46, 136, 0.3);
}
.m13-top-card:hover { color: var(--m13-ink); }
.m13-top-card .img {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--m13-bg);
    position: relative;
    border-bottom: 1px solid var(--m13-line);
}
.m13-top-card .img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .25s ease;
    filter: saturate(1.1);
}
.m13-top-card:hover .img img { transform: scale(1.06); filter: saturate(1.3) hue-rotate(8deg); }
.m13-top-card .badge {
    position: absolute;
    top: 12px; right: 12px;
    background: var(--m13-yellow);
    color: var(--m13-bg);
    font-family: var(--m13-display);
    font-size: 10px;
    letter-spacing: 0.1em;
    padding: 4px 9px;
    text-transform: uppercase;
    box-shadow: 0 0 12px rgba(252, 238, 10, 0.5);
    z-index: 3;
}
.m13-top-card .body { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
.m13-top-card .ttl {
    font-family: var(--m13-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--m13-ink);
    letter-spacing: 0.02em;
    margin: 0 0 10px;
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.m13-top-card .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
}
.m13-top-card .meta .tag {
    color: var(--m13-cyan);
    border: 1px solid var(--m13-line);
    padding: 3px 8px;
    text-transform: uppercase;
}
.m13-top-card .meta .tag.m { color: var(--m13-magenta); border-color: var(--m13-line-2); }
.m13-top-card .moq {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px dashed var(--m13-line);
    border-bottom: 1px dashed var(--m13-line);
    margin: 0 0 14px;
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-ink-2);
}
.m13-top-card .moq .label { color: var(--m13-ink-3); letter-spacing: 0.1em; text-transform: uppercase; font-size: 10px; }
.m13-top-card .moq .val { color: var(--m13-yellow); text-shadow: 0 0 6px rgba(252, 238, 10, 0.4); }
.m13-top-card .price-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 14px;
}
.m13-top-card .price {
    font-family: var(--m13-mono);
    font-size: 20px;
    color: var(--m13-magenta);
    text-shadow: 0 0 10px rgba(255, 46, 136, 0.5);
    letter-spacing: 0.04em;
}
.m13-top-card .price small { font-size: 11px; color: var(--m13-ink-3); margin-left: 4px; }
.m13-top-card .ask {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid var(--m13-cyan);
    color: var(--m13-cyan);
    font-family: var(--m13-display);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: rgba(0, 242, 255, 0.04);
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.4);
    transition: all .18s ease;
}
.m13-top-card:hover .ask {
    background: var(--m13-magenta);
    color: var(--m13-bg);
    border-color: var(--m13-magenta);
    text-shadow: none;
    box-shadow: 0 0 18px rgba(255, 46, 136, 0.5);
}

/* ──────────────────────────────────────────────
   DENSER PRODUCT GRID (secondary list)
   ────────────────────────────────────────────── */
.m13-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.m13-grid.m13-grid-5 { grid-template-columns: repeat(5, 1fr); }
.m13-card {
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    color: var(--m13-ink);
    display: flex;
    flex-direction: column;
    transition: all .18s ease;
    position: relative;
}
.m13-card:hover {
    border-color: var(--m13-cyan);
    box-shadow: 4px 4px 0 var(--m13-magenta), 0 0 18px rgba(0, 242, 255, 0.25);
    transform: translate(-1px, -1px);
}
.m13-card:hover { color: var(--m13-ink); }
.m13-card-img {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-bottom: 1px solid var(--m13-line);
    background: var(--m13-bg);
}
.m13-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.m13-card:hover .m13-card-img img { transform: scale(1.05); }
.m13-card-body { padding: 12px 14px 14px; }
.m13-card-title {
    font-size: 13px;
    line-height: 1.4;
    color: var(--m13-ink);
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
}
.m13-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m13-card-price {
    font-family: var(--m13-mono);
    font-size: 15px;
    color: var(--m13-magenta);
    text-shadow: 0 0 8px rgba(255, 46, 136, 0.4);
    letter-spacing: 0.03em;
}
.m13-card-tag {
    font-family: var(--m13-mono);
    font-size: 9px;
    letter-spacing: 0.14em;
    color: var(--m13-cyan);
    border: 1px solid var(--m13-line);
    padding: 2px 6px;
    text-transform: uppercase;
}

/* ──────────────────────────────────────────────
   ABOUT EXCERPT
   ────────────────────────────────────────────── */
.m13-about-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 56px;
    align-items: center;
}
.m13-about-img {
    aspect-ratio: 5 / 4;
    background: var(--m13-card);
    border: 1px solid var(--m13-cyan);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.2),
        -10px 10px 0 -1px rgba(255, 46, 136, 0.6);
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.m13-about-img img { width: 100%; height: 100%; object-fit: cover; }
.m13-about-text .label {
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.24em;
    color: var(--m13-yellow);
    text-shadow: 0 0 6px var(--m13-yellow);
    text-transform: uppercase;
    margin-bottom: 14px;
}
.m13-about-text h3 {
    font-family: var(--m13-display);
    font-weight: 400;
    font-size: 28px;
    line-height: 1.25;
    color: var(--m13-ink);
    margin: 0 0 18px;
    letter-spacing: 0.02em;
    text-shadow: 0 0 12px rgba(255, 46, 136, 0.25);
}
.m13-about-text p {
    color: var(--m13-ink-2);
    font-size: 14px;
    line-height: 1.85;
    margin: 0 0 26px;
}

/* ──────────────────────────────────────────────
   INQUIRY CTA STRIP
   ────────────────────────────────────────────── */
.m13-cta-strip {
    background:
        repeating-linear-gradient(135deg, transparent 0 18px, rgba(0, 242, 255, 0.04) 18px 19px),
        linear-gradient(90deg, var(--m13-bg-2) 0%, #1f1430 50%, var(--m13-bg-2) 100%);
    border-top: 1px solid var(--m13-magenta);
    border-bottom: 1px solid var(--m13-cyan);
    padding: 44px 0;
    position: relative;
}
.m13-cta-strip::before, .m13-cta-strip::after {
    content: '';
    position: absolute;
    left: 0; right: 0;
    height: 1px;
}
.m13-cta-strip::before { top: -1px; box-shadow: 0 0 12px var(--m13-magenta); }
.m13-cta-strip::after { bottom: -1px; box-shadow: 0 0 12px var(--m13-cyan); }
.m13-cta-strip-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 32px;
}
.m13-cta-strip h3 {
    font-family: var(--m13-display);
    font-weight: 400;
    font-size: 24px;
    margin: 0 0 8px;
    color: var(--m13-ink);
    letter-spacing: 0.04em;
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.4);
}
.m13-cta-strip h3 em { font-style: normal; color: var(--m13-magenta); text-shadow: 0 0 14px rgba(255, 46, 136, 0.6); }
.m13-cta-strip p {
    color: var(--m13-ink-2);
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.04em;
}
.m13-cta-strip .phone {
    font-family: var(--m13-mono);
    font-size: 30px;
    color: var(--m13-cyan);
    text-shadow: 0 0 16px rgba(0, 242, 255, 0.6);
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 8px;
}
.m13-cta-strip .phone-block { text-align: right; }
.m13-cta-strip .phone-block .label {
    font-family: var(--m13-mono);
    font-size: 10px;
    color: var(--m13-magenta);
    text-shadow: 0 0 6px rgba(255, 46, 136, 0.4);
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* ──────────────────────────────────────────────
   LAYOUT (sidebar + content) for product list / detail
   ────────────────────────────────────────────── */
.m13-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    align-items: flex-start;
}
.m13-side-card {
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    padding: 18px;
    margin-bottom: 16px;
    position: relative;
}
.m13-side-card::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px;
    width: 22px; height: 1px;
    background: var(--m13-cyan);
    box-shadow: 0 0 8px var(--m13-cyan);
}
.m13-side-card::after {
    content: '';
    position: absolute;
    top: -1px; left: -1px;
    width: 1px; height: 22px;
    background: var(--m13-cyan);
    box-shadow: 0 0 8px var(--m13-cyan);
}
.m13-side-card h3 {
    font-family: var(--m13-display);
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--m13-line);
    color: var(--m13-cyan);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
    letter-spacing: 0.06em;
}
.m13-side-list a {
    display: block;
    padding: 9px 12px;
    border: 1px solid transparent;
    color: var(--m13-ink-2);
    font-size: 13px;
    margin-bottom: 4px;
    transition: all .15s ease;
    font-family: var(--m13-body);
}
.m13-side-list a::before {
    content: '> ';
    color: var(--m13-magenta);
    font-family: var(--m13-mono);
    font-size: 11px;
}
.m13-side-list a:hover,
.m13-side-list a.is-on {
    color: var(--m13-cyan);
    border-color: var(--m13-line);
    background: rgba(0, 242, 255, 0.05);
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.4);
}

.m13-pager {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px dashed var(--m13-line);
    text-align: center;
}
.m13-pager .pagination,
.m13-pager ul { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.m13-pager a, .m13-pager span {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid var(--m13-line);
    color: var(--m13-ink-2);
    font-family: var(--m13-mono);
    font-size: 12px;
    letter-spacing: 0.06em;
}
.m13-pager .active span,
.m13-pager .current,
.m13-pager a:hover {
    background: var(--m13-magenta);
    color: var(--m13-bg);
    border-color: var(--m13-magenta);
    box-shadow: 0 0 14px rgba(255, 46, 136, 0.45);
}

/* ──────────────────────────────────────────────
   PRODUCT DETAIL
   ────────────────────────────────────────────── */
.m13-crumbs {
    padding: 16px 0;
    background: var(--m13-bg-2);
    border-bottom: 1px solid var(--m13-line);
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-ink-3);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.m13-crumbs a { color: var(--m13-cyan); }
.m13-crumbs .sep { margin: 0 10px; color: var(--m13-magenta); }

.m13-prod-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
}
.m13-prod-img {
    aspect-ratio: 1 / 1;
    background: var(--m13-card);
    border: 1px solid var(--m13-cyan);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.25),
        12px 12px 0 -1px rgba(255, 46, 136, 0.7);
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}
.m13-prod-img img { width: 100%; height: 100%; object-fit: cover; }
.m13-prod-info h1 {
    font-family: var(--m13-display);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--m13-ink);
    margin: 0 0 16px;
    letter-spacing: 0.02em;
    text-shadow: 0 0 14px rgba(255, 46, 136, 0.3);
}
.m13-prod-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.m13-prod-tags .tag {
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.16em;
    color: var(--m13-cyan);
    border: 1px solid var(--m13-cyan);
    padding: 4px 10px;
    text-transform: uppercase;
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.2);
}
.m13-prod-tags .tag.m { color: var(--m13-magenta); border-color: var(--m13-magenta); box-shadow: 0 0 6px rgba(255, 46, 136, 0.25); }

.m13-prod-price-box {
    background: linear-gradient(135deg, rgba(255, 46, 136, 0.1) 0%, rgba(0, 242, 255, 0.08) 100%);
    border: 1px solid var(--m13-line-2);
    padding: 22px 24px;
    margin: 18px 0 22px;
    position: relative;
}
.m13-prod-price-box::before {
    content: 'PRICE.UNIT';
    position: absolute;
    top: -8px; left: 18px;
    font-family: var(--m13-mono);
    font-size: 10px;
    color: var(--m13-yellow);
    background: var(--m13-bg);
    padding: 0 8px;
    letter-spacing: 0.18em;
    text-shadow: 0 0 6px rgba(252, 238, 10, 0.4);
}
.m13-prod-price {
    font-family: var(--m13-mono);
    font-size: 36px;
    color: var(--m13-magenta);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.5);
    letter-spacing: 0.04em;
}
.m13-prod-price small {
    font-size: 13px;
    color: var(--m13-ink-2);
    margin-left: 8px;
    text-shadow: none;
}
.m13-prod-attrs {
    margin: 20px 0;
    padding: 0;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 0;
    border-top: 1px dashed var(--m13-line);
    border-left: 1px dashed var(--m13-line);
}
.m13-prod-attrs dt {
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    color: var(--m13-ink-3);
    padding: 12px 14px;
    border-bottom: 1px dashed var(--m13-line);
    border-right: 1px dashed var(--m13-line);
    text-transform: uppercase;
    background: rgba(28, 34, 56, 0.4);
}
.m13-prod-attrs dd {
    margin: 0;
    padding: 12px 14px;
    border-bottom: 1px dashed var(--m13-line);
    border-right: 1px dashed var(--m13-line);
    color: var(--m13-ink);
    font-size: 13px;
}

/* ──────────────────────────────────────────────
   PROSE
   ────────────────────────────────────────────── */
.m13-prose {
    color: var(--m13-ink-2);
    font-size: 14px;
    line-height: 1.85;
}
.m13-prose p { margin: 0 0 18px; }
.m13-prose h1, .m13-prose h2, .m13-prose h3, .m13-prose h4 {
    font-family: var(--m13-display);
    font-weight: 400;
    color: var(--m13-ink);
    letter-spacing: 0.02em;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.25);
    margin: 30px 0 14px;
}
.m13-prose h2 { font-size: 22px; }
.m13-prose h3 { font-size: 18px; }
.m13-prose img { margin: 20px 0; border: 1px solid var(--m13-line); }
.m13-prose a { color: var(--m13-cyan); border-bottom: 1px dashed var(--m13-cyan); }
.m13-prose strong { color: var(--m13-ink); }
.m13-prose ul, .m13-prose ol { padding-left: 22px; margin: 0 0 18px; }
.m13-prose ul li, .m13-prose ol li { list-style: disc; margin-bottom: 6px; }
.m13-prose ol li { list-style: decimal; }
.m13-prose blockquote {
    border-left: 3px solid var(--m13-magenta);
    padding: 12px 18px;
    margin: 18px 0;
    background: rgba(255, 46, 136, 0.05);
    color: var(--m13-ink);
}
.m13-prose table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.m13-prose th, .m13-prose td { border: 1px solid var(--m13-line); padding: 10px 12px; }
.m13-prose th { background: var(--m13-card); color: var(--m13-cyan); font-family: var(--m13-mono); }

/* ──────────────────────────────────────────────
   CONTACT
   ────────────────────────────────────────────── */
.m13-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.m13-contact-card {
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    padding: 32px;
    position: relative;
}
.m13-contact-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--m13-magenta), var(--m13-cyan));
    box-shadow: 0 0 12px var(--m13-magenta);
}
.m13-contact-card h3 {
    font-family: var(--m13-display);
    font-size: 18px;
    font-weight: 400;
    color: var(--m13-cyan);
    margin: 0 0 22px;
    letter-spacing: 0.04em;
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.35);
}
.m13-contact-list {
    display: grid;
    gap: 14px;
}
.m13-contact-list .row {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    border-bottom: 1px dashed var(--m13-line);
    padding-bottom: 12px;
}
.m13-contact-list .row:last-child { border-bottom: 0; }
.m13-contact-list .lbl {
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.16em;
    color: var(--m13-magenta);
    text-shadow: 0 0 6px rgba(255, 46, 136, 0.35);
    text-transform: uppercase;
}
.m13-contact-list .val {
    color: var(--m13-ink);
    font-size: 14px;
    word-break: break-all;
}
.m13-contact-list .val strong {
    font-family: var(--m13-mono);
    color: var(--m13-cyan);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
    font-size: 18px;
    letter-spacing: 0.04em;
}
.m13-contact-qr {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    align-items: center;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px dashed var(--m13-line);
}
.m13-contact-qr img {
    width: 100%;
    border: 1px solid var(--m13-cyan);
    background: #fff;
    padding: 6px;
    box-shadow: 0 0 14px rgba(0, 242, 255, 0.3);
}

/* ──────────────────────────────────────────────
   NEWS LIST / DETAIL
   ────────────────────────────────────────────── */
.m13-news-list { display: grid; gap: 18px; }
.m13-news-item {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    gap: 24px;
    padding: 22px;
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    align-items: center;
    transition: all .18s ease;
    color: var(--m13-ink);
    position: relative;
}
.m13-news-item::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    width: 3px; height: 0;
    background: var(--m13-magenta);
    box-shadow: 0 0 10px var(--m13-magenta);
    transition: all .18s ease;
    transform: translateY(-50%);
}
.m13-news-item:hover {
    border-color: var(--m13-cyan);
    box-shadow: 4px 4px 0 var(--m13-magenta);
    transform: translate(-1px, -1px);
}
.m13-news-item:hover::before { height: 70%; }
.m13-news-item:hover { color: var(--m13-ink); }
.m13-news-date {
    text-align: center;
    border-right: 1px dashed var(--m13-line);
    padding-right: 24px;
}
.m13-news-date .day {
    font-family: var(--m13-mono);
    font-size: 36px;
    color: var(--m13-cyan);
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.45);
    letter-spacing: 0.04em;
    line-height: 1;
}
.m13-news-date .ym {
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-ink-3);
    letter-spacing: 0.16em;
    margin-top: 6px;
    text-transform: uppercase;
}
.m13-news-body h3 {
    font-family: var(--m13-display);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 8px;
    color: var(--m13-ink);
    letter-spacing: 0.02em;
}
.m13-news-body p { color: var(--m13-ink-2); margin: 0; font-size: 13px; line-height: 1.7; }
.m13-news-arrow {
    font-family: var(--m13-mono);
    font-size: 18px;
    color: var(--m13-magenta);
    text-shadow: 0 0 8px rgba(255, 46, 136, 0.5);
}

.m13-news-hero {
    text-align: center;
    padding: 40px 0 28px;
    border-bottom: 1px dashed var(--m13-line);
    margin-bottom: 32px;
}
.m13-news-hero h1 {
    font-family: var(--m13-display);
    font-size: 32px;
    font-weight: 400;
    color: var(--m13-ink);
    margin: 0 0 14px;
    letter-spacing: 0.02em;
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.3);
}
.m13-news-hero .meta {
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-ink-3);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.m13-news-hero .meta span { margin: 0 10px; color: var(--m13-magenta); }

/* ──────────────────────────────────────────────
   SITEMAP
   ────────────────────────────────────────────── */
.m13-map-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}
.m13-map-block {
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    padding: 26px;
    position: relative;
}
.m13-map-block::before {
    content: '◢';
    position: absolute;
    top: 12px; right: 14px;
    font-family: var(--m13-mono);
    color: var(--m13-magenta);
    font-size: 14px;
    text-shadow: 0 0 8px var(--m13-magenta);
}
.m13-map-block h3 {
    font-family: var(--m13-display);
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px dashed var(--m13-line);
    color: var(--m13-cyan);
    letter-spacing: 0.06em;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
}
.m13-map-list { display: flex; flex-wrap: wrap; gap: 8px; }
.m13-map-list a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid var(--m13-line);
    color: var(--m13-ink-2);
    font-size: 12px;
    font-family: var(--m13-mono);
    letter-spacing: 0.04em;
}
.m13-map-list a:hover {
    color: var(--m13-bg);
    background: var(--m13-cyan);
    border-color: var(--m13-cyan);
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.5);
}

/* ──────────────────────────────────────────────
   FOOTER
   ────────────────────────────────────────────── */
.m13-foot {
    background: #050810;
    border-top: 1px solid var(--m13-line);
    padding: 56px 0 0;
    color: var(--m13-ink-2);
    margin-top: 80px;
    position: relative;
}
.m13-foot::before {
    content: '';
    position: absolute;
    top: -1px; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--m13-magenta) 0%, var(--m13-cyan) 50%, var(--m13-magenta) 100%);
    box-shadow: 0 0 14px var(--m13-magenta);
}
.m13-foot-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed var(--m13-line);
}
.m13-foot h4 {
    font-family: var(--m13-display);
    font-size: 13px;
    font-weight: 400;
    color: var(--m13-cyan);
    margin: 0 0 16px;
    letter-spacing: 0.08em;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
}
.m13-foot-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.m13-foot-brand img {
    width: 50px; height: 50px;
    object-fit: contain;
    background: var(--m13-card);
    padding: 5px;
    border: 1px solid var(--m13-cyan);
}
.m13-foot-brand strong {
    display: block;
    font-family: var(--m13-display);
    font-size: 16px;
    color: var(--m13-ink);
    letter-spacing: 0.04em;
}
.m13-foot-brand small {
    display: block;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    color: var(--m13-magenta);
    text-shadow: 0 0 6px rgba(255, 46, 136, 0.4);
    text-transform: uppercase;
    margin-top: 4px;
}
.m13-foot p { font-size: 13px; line-height: 1.7; margin: 0 0 10px; }
.m13-foot ul li { margin-bottom: 8px; font-size: 13px; }
.m13-foot ul li::before {
    content: '> ';
    color: var(--m13-magenta);
    font-family: var(--m13-mono);
    font-size: 11px;
}
.m13-foot a { color: var(--m13-ink-2); }
.m13-foot a:hover { color: var(--m13-cyan); text-shadow: 0 0 6px rgba(0, 242, 255, 0.4); }

.m13-foot-tel {
    font-family: var(--m13-mono);
    font-size: 22px;
    color: var(--m13-cyan);
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.5);
    letter-spacing: 0.04em;
    display: block;
    margin: 6px 0 14px;
}
.m13-foot-bottom {
    padding: 22px 0;
    text-align: center;
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-ink-3);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.m13-foot-bottom a { color: var(--m13-ink-3); margin: 0 8px; }

/* ──────────────────────────────────────────────
   RESPONSIVE
   ────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .m13-hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .m13-hero h1 { font-size: 38px; }
    .m13-top-grid { grid-template-columns: repeat(2, 1fr); }
    .m13-grid { grid-template-columns: repeat(3, 1fr); }
    .m13-grid.m13-grid-5 { grid-template-columns: repeat(3, 1fr); }
    .m13-layout { grid-template-columns: 1fr; }
    .m13-prod-grid { grid-template-columns: 1fr; gap: 28px; }
    .m13-about-grid { grid-template-columns: 1fr; gap: 32px; }
    .m13-contact-grid { grid-template-columns: 1fr; }
    .m13-foot-grid { grid-template-columns: 1fr 1fr; }
    .m13-cta-strip-row { grid-template-columns: 1fr; text-align: center; }
    .m13-cta-strip .phone-block { text-align: center; }
    .m13-trust-row { grid-template-columns: repeat(2, 1fr); }
    .m13-trust-cell:nth-child(2) { border-right: 0; }
    .m13-trust-cell:nth-child(1), .m13-trust-cell:nth-child(2) { border-bottom: 1px dashed var(--m13-line); }
    .m13-news-item { grid-template-columns: 110px 1fr auto; gap: 16px; padding: 18px; }
}
@media (max-width: 768px) {
    .m13-shell { padding: 0 16px; }
    .m13-mast-row { grid-template-columns: 1fr; gap: 14px; }
    .m13-mast-cta { text-align: left; border-left: 0; padding-left: 0; border-top: 1px dashed var(--m13-line); padding-top: 12px; }
    .m13-nav-inner { overflow-x: auto; flex-wrap: nowrap; }
    .m13-nav-inner a { padding: 12px 14px; font-size: 11px; white-space: nowrap; }
    .m13-mast-top-row { font-size: 9px; gap: 12px; }
    .m13-section { padding: 44px 0; }
    .m13-hero { padding: 50px 0 60px; }
    .m13-hero h1 { font-size: 30px; }
    .m13-hero-stats { grid-template-columns: 1fr 1fr; }
    .m13-top-grid { grid-template-columns: 1fr; }
    .m13-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .m13-grid.m13-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .m13-section-h { flex-direction: column; align-items: flex-start; gap: 8px; }
    .m13-section-h h2 { font-size: 20px; }
    .m13-foot-grid { grid-template-columns: 1fr; }
    .m13-trust-row { grid-template-columns: 1fr; }
    .m13-trust-cell { border-right: 0; border-bottom: 1px dashed var(--m13-line); }
    .m13-trust-cell:last-child { border-bottom: 0; }
    .m13-cta-strip .phone { font-size: 22px; }
    .m13-news-item { grid-template-columns: 1fr; gap: 12px; }
    .m13-news-date { border-right: 0; border-bottom: 1px dashed var(--m13-line); padding-right: 0; padding-bottom: 12px; text-align: left; display: flex; align-items: baseline; gap: 14px; }
    .m13-map-grid { grid-template-columns: 1fr; }
    .m13-prod-attrs { grid-template-columns: 90px 1fr; }
}

/* ──────────────────────────────────────────────
   SUPPLY · sort bar + empty state
   ────────────────────────────────────────────── */
.m13-supply-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    margin-bottom: 18px;
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.m13-supply-bar .cap {
    color: var(--m13-magenta);
    text-shadow: 0 0 6px rgba(255, 46, 136, 0.4);
    margin-right: 8px;
    letter-spacing: 0.18em;
}
.m13-supply-bar a {
    padding: 5px 12px;
    color: var(--m13-ink-2);
    border: 1px solid transparent;
}
.m13-supply-bar a:hover,
.m13-supply-bar a.is-on {
    color: var(--m13-cyan);
    border-color: var(--m13-line);
    background: rgba(0, 242, 255, 0.05);
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.45);
}
.m13-supply-bar .total {
    margin-left: auto;
    color: var(--m13-yellow);
    text-shadow: 0 0 6px rgba(252, 238, 10, 0.4);
    letter-spacing: 0.14em;
}

.m13-empty {
    padding: 64px 24px;
    text-align: center;
    border: 1px dashed var(--m13-line);
    background: rgba(28, 34, 56, 0.4);
}
.m13-empty .t1 {
    font-family: var(--m13-display);
    font-size: 22px;
    color: var(--m13-magenta);
    text-shadow: 0 0 14px rgba(255, 46, 136, 0.45);
    letter-spacing: 0.04em;
    margin: 0 0 10px;
}
.m13-empty .t2 {
    font-family: var(--m13-mono);
    font-size: 12px;
    color: var(--m13-ink-3);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin: 0 0 22px;
}

/* ──────────────────────────────────────────────
   ABOUT INFO GRID
   ────────────────────────────────────────────── */
.m13-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.m13-info-card {
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    padding: 24px 20px;
    position: relative;
    text-align: center;
}
.m13-info-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 24px; height: 24px;
    border-top: 2px solid var(--m13-cyan);
    border-left: 2px solid var(--m13-cyan);
    box-shadow: 0 0 8px var(--m13-cyan);
}
.m13-info-card::after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 24px; height: 24px;
    border-bottom: 2px solid var(--m13-cyan);
    border-right: 2px solid var(--m13-cyan);
    box-shadow: 0 0 8px var(--m13-cyan);
}
.m13-info-card.m::before, .m13-info-card.m::after { border-color: var(--m13-magenta); box-shadow: 0 0 8px var(--m13-magenta); }
.m13-info-card.y::before, .m13-info-card.y::after { border-color: var(--m13-yellow); box-shadow: 0 0 8px var(--m13-yellow); }
.m13-info-card.v::before, .m13-info-card.v::after { border-color: var(--m13-violet); box-shadow: 0 0 8px var(--m13-violet); }
.m13-info-card .lbl {
    display: block;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    color: var(--m13-ink-3);
    text-transform: uppercase;
    margin-bottom: 12px;
}
.m13-info-card strong {
    display: block;
    font-family: var(--m13-mono);
    font-size: 32px;
    font-weight: 400;
    color: var(--m13-cyan);
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.5);
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}
.m13-info-card.m strong { color: var(--m13-magenta); text-shadow: 0 0 14px rgba(255, 46, 136, 0.55); }
.m13-info-card.y strong { color: var(--m13-yellow); text-shadow: 0 0 14px rgba(252, 238, 10, 0.5); }
.m13-info-card.v strong { color: var(--m13-violet); text-shadow: 0 0 14px rgba(176, 77, 255, 0.5); }
.m13-info-card .cn {
    display: block;
    font-size: 12px;
    color: var(--m13-ink-2);
    letter-spacing: 0.06em;
}

/* ──────────────────────────────────────────────
   PRODUCT DETAIL · thumbs + supplier
   ────────────────────────────────────────────── */
.m13-prod-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 14px;
}
.m13-prod-thumb {
    aspect-ratio: 1 / 1;
    background: var(--m13-card);
    border: 1px solid var(--m13-line);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.m13-prod-thumb:hover {
    border-color: var(--m13-cyan);
    box-shadow: 0 0 12px rgba(0, 242, 255, 0.4);
}
.m13-prod-thumb img { width: 100%; height: 100%; object-fit: cover; }

.m13-prod-supplier {
    margin-top: 28px;
    padding: 20px 22px;
    background: rgba(0, 242, 255, 0.04);
    border: 1px dashed var(--m13-line);
    position: relative;
}
.m13-prod-supplier .lbl {
    display: block;
    font-family: var(--m13-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    color: var(--m13-yellow);
    text-shadow: 0 0 6px var(--m13-yellow);
    text-transform: uppercase;
    margin-bottom: 8px;
}
.m13-prod-supplier .name {
    font-family: var(--m13-display);
    font-size: 16px;
    color: var(--m13-ink);
    margin: 0 0 6px;
    letter-spacing: 0.02em;
}
.m13-prod-supplier .name em {
    font-style: normal;
    font-family: var(--m13-mono);
    font-size: 11px;
    color: var(--m13-cyan);
    margin-left: 6px;
    letter-spacing: 0.16em;
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.4);
}
.m13-prod-supplier .meta {
    color: var(--m13-ink-2);
    font-size: 12px;
    margin: 0 0 10px;
}
.m13-prod-supplier .link {
    font-family: var(--m13-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    color: var(--m13-magenta);
    text-shadow: 0 0 6px rgba(255, 46, 136, 0.4);
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .m13-info-grid { grid-template-columns: repeat(2, 1fr); }
    .m13-supply-bar { font-size: 10px; }
    .m13-supply-bar .total { width: 100%; margin-top: 6px; margin-left: 0; }
}
@media (max-width: 768px) {
    .m13-info-grid { grid-template-columns: 1fr; }
    .m13-prod-thumbs { grid-template-columns: repeat(4, 1fr); }
}