.mdni-offers{--bg:#07111f;--panel:#0f2135;--text:#f5f8fc;--muted:#a9bbcf;--accent:#ff8a2a;--line:#243a52;--ok:#45d483;background:linear-gradient(180deg,#06101d,#091725);color:var(--text);line-height:1.55;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.mdni-offers *{box-sizing:border-box}.mdni-wrap{width:min(1180px,92%);margin:auto}.mdni-hero{text-align:center;padding:86px 0 56px}.mdni-hero h1{color:var(--text);font-size:clamp(2.7rem,6vw,5rem);line-height:1.02;max-width:930px;margin:18px auto}.mdni-hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:1.12rem}
.mdni-eyebrow{display:inline-block;border:1px solid #31475e;border-radius:99px;padding:7px 12px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.mdni-section{padding:64px 0}.mdni-section h2{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin:0 0 10px}.mdni-lead{color:var(--muted);max-width:760px;margin:0 0 30px}
.mdni-grid{display:grid;gap:18px}.mdni-features{grid-template-columns:repeat(3,1fr)}.mdni-plans{grid-template-columns:repeat(4,1fr)}.mdni-steps{grid-template-columns:repeat(4,1fr)}.mdni-card{position:relative;background:linear-gradient(180deg,#10243a,#0b1a2b);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 16px 36px rgba(0,0,0,.18)}.mdni-card h3{color:var(--text);margin:0 0 8px}.mdni-card p{color:var(--muted);margin:0}.mdni-icon{font-weight:900;color:var(--accent);font-size:1.4rem;margin-bottom:12px}
.mdni-plan{display:flex;flex-direction:column}.mdni-featured{border-color:var(--accent)}.mdni-pill{position:absolute;right:14px;top:14px;background:var(--accent);color:#111;border-radius:99px;padding:5px 9px;font-size:.7rem;font-weight:900;text-transform:uppercase}.mdni-price{font-size:2rem;font-weight:900;margin:14px 0 3px}.mdni-sub{color:var(--muted);font-size:.88rem;min-height:42px}.mdni-plan ul{list-style:none;padding:0;margin:22px 0 25px;display:grid;gap:9px}.mdni-plan li:before{content:"✓";color:var(--ok);font-weight:900;margin-right:8px}
.mdni-btn{display:inline-flex;justify-content:center;padding:13px 18px;border-radius:12px;font-weight:800;text-decoration:none!important}.mdni-primary{background:var(--accent);color:#111!important}.mdni-secondary{border:1px solid #3b5570;background:#102033;color:var(--text)!important}.mdni-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mdni-plan .mdni-btn{margin-top:auto}.mdni-disabled{background:#314255;color:#91a3b5;cursor:not-allowed}
.mdni-faq details{background:#0d1b2a;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:10px 0}.mdni-faq summary{font-weight:800;cursor:pointer;color:var(--text)}.mdni-faq p{color:var(--muted)}
@media(max-width:950px){.mdni-features,.mdni-plans{grid-template-columns:repeat(2,1fr)}.mdni-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.mdni-features,.mdni-plans,.mdni-steps{grid-template-columns:1fr}.mdni-hero{padding-top:58px}}


/* v1.3.0 streaming destinations */
.mdni-destinations-section{background:linear-gradient(180deg,rgba(10,27,44,.25),rgba(255,138,42,.035))}
.mdni-destination-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.mdni-destinations{grid-template-columns:repeat(4,1fr)}
.mdni-destination{min-height:230px;overflow:hidden;padding-top:58px}
.mdni-destination:after{content:"";position:absolute;inset:auto -35px -55px auto;width:125px;height:125px;border-radius:50%;background:rgba(255,255,255,.025)}
.mdni-live-destination{border-color:rgba(69,212,131,.52);box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 0 0 1px rgba(69,212,131,.08)}
.mdni-custom-destination{border-color:rgba(255,138,42,.62)}
.mdni-status{position:absolute;top:16px;right:16px;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.mdni-status-live{background:rgba(69,212,131,.14);border:1px solid rgba(69,212,131,.45);color:#7bf0ac}
.mdni-status-soon{background:rgba(255,138,42,.12);border:1px solid rgba(255,138,42,.4);color:#ffb36d}
.mdni-platform-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #314c68;border-radius:14px;background:#091827;color:var(--accent);font-weight:950;font-size:1rem;margin-bottom:16px;letter-spacing:-.02em}
.mdni-live-destination .mdni-platform-mark{color:#7bf0ac;border-color:rgba(69,212,131,.35)}
.mdni-planned{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;color:var(--muted)}
.mdni-planned strong{color:var(--text);margin-right:2px}
.mdni-planned span{display:inline-flex;border:1px solid #31475e;border-radius:99px;padding:6px 10px;background:#0d1c2c;color:#c6d5e4;font-size:.82rem;font-weight:700}
.mdni-destination-note{margin:18px 0 0;color:#8095aa;font-size:.82rem;max-width:970px}
@media(max-width:950px){.mdni-destinations{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.mdni-destinations{grid-template-columns:1fr}.mdni-destination-head{display:block}}


/* =========================================================
   MyDogNI Offers - Outdoor Glass / Jazzy Theme
   ========================================================= */

.mdni-offers{
    --bg:#050c16;
    --panel:#0b1827;
    --panel2:#10243a;
    --text:#f8fbff;
    --muted:#a9bed1;
    --cyan:#32c8ff;
    --blue:#2788ff;
    --blue2:#1459c7;
    --accent:#ff9a32;
    --green:#48df91;
    --line:#24445f;
    --danger:#ff4f68;

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(circle at 15% 0%, rgba(27,132,255,.20), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(41,201,255,.12), transparent 25%),
        linear-gradient(180deg,#040a12 0%,#071321 40%,#081626 100%) !important;

    color:var(--text);
}


/* ---------- HERO ---------- */

.mdni-hero{
    position:relative;
    padding:100px 0 76px !important;
}

.mdni-hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:50%;
    top:-230px;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(45,173,255,.12);
    filter:blur(75px);
    pointer-events:none;
}

.mdni-eyebrow{
    color:#dff6ff !important;
    border:1px solid rgba(64,198,255,.45) !important;
    background:
        linear-gradient(
            180deg,
            rgba(46,172,255,.18),
            rgba(13,74,118,.12)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 0 16px rgba(37,163,255,.12);

    padding:8px 14px !important;
}

.mdni-hero h1{
    color:#fff !important;
    font-weight:950 !important;
    letter-spacing:-.045em;

    text-shadow:
        0 3px 15px rgba(0,0,0,.42),
        0 0 34px rgba(47,167,255,.10);
}

.mdni-hero p{
    color:#c0d2e2 !important;
    font-size:1.16rem !important;
}


/* ---------- BUTTONS ---------- */

.mdni-btn{
    position:relative;
    overflow:hidden;

    min-height:50px;
    align-items:center;

    border-radius:14px !important;
    padding:14px 22px !important;

    font-weight:900 !important;
    letter-spacing:.01em;

    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease !important;
}

.mdni-btn::before{
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    top:3px;
    height:42%;
    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.34),
            rgba(255,255,255,0)
        );

    pointer-events:none;
}

.mdni-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.12);
}

.mdni-primary{
    color:#fff !important;

    border:1px solid #69d8ff !important;

    background:
        linear-gradient(
            180deg,
            #38c7ff 0%,
            #168ce8 48%,
            #0b5fbd 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.40),
        inset 0 -3px 0 rgba(0,55,120,.35),
        0 0 14px rgba(40,165,255,.28),
        0 9px 22px rgba(0,0,0,.30);
}

.mdni-secondary{
    color:#eaf7ff !important;

    border:1px solid #416784 !important;

    background:
        linear-gradient(
            180deg,
            #183650 0%,
            #10283c 48%,
            #0a1a29 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 7px 16px rgba(0,0,0,.22);
}


/* ---------- SECTION TITLES ---------- */

.mdni-section{
    position:relative;
    padding:72px 0 !important;
}

.mdni-section h2{
    color:#fff !important;
    font-weight:950 !important;
    letter-spacing:-.035em;
}

.mdni-lead{
    color:#aac1d5 !important;
    font-size:1.05rem;
}


/* ---------- GLASS CARDS ---------- */

.mdni-card{
    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(21,46,70,.96),
            rgba(7,22,36,.98)
        ) !important;

    border:1px solid #294d68 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 18px 42px rgba(0,0,0,.28) !important;

    backdrop-filter:blur(10px);

    transition:
        transform .20s ease,
        border-color .20s ease,
        box-shadow .20s ease;
}

.mdni-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(95,213,255,.58),
            transparent
        );
}

.mdni-card:hover{
    transform:translateY(-4px);

    border-color:#3c8db8 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 18px rgba(44,173,255,.11),
        0 22px 46px rgba(0,0,0,.32) !important;
}

.mdni-card h3{
    color:#fff !important;
    font-weight:900;
}

.mdni-card p{
    color:#a9bed0 !important;
}


/* ---------- FEATURE ICONS ---------- */

.mdni-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    margin-bottom:17px !important;

    border-radius:14px;

    color:#dff7ff !important;

    background:
        linear-gradient(
            180deg,
            #1d86c6,
            #0b466f
        );

    border:1px solid #4abeee;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 14px rgba(38,177,243,.18);

    font-size:1.25rem !important;
}


/* ---------- STREAM DESTINATIONS ---------- */

.mdni-destinations-section{
    background:
        linear-gradient(
            180deg,
            rgba(9,24,40,.20),
            rgba(19,83,126,.08)
        ) !important;
}

.mdni-destination{
    padding-top:62px !important;
}

.mdni-live-destination{
    border-color:rgba(72,223,145,.56) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 15px rgba(72,223,145,.10),
        0 18px 40px rgba(0,0,0,.28) !important;
}

.mdni-platform-mark{
    width:54px !important;
    height:54px !important;

    border-radius:16px !important;

    background:
        linear-gradient(
            180deg,
            #173952,
            #0a2133
        ) !important;

    border:1px solid #3b6a89 !important;

    color:#68d5ff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 6px 14px rgba(0,0,0,.22);
}

.mdni-live-destination .mdni-platform-mark{
    color:#72f4ae !important;
    border-color:rgba(72,223,145,.48) !important;
}

.mdni-status{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 4px 10px rgba(0,0,0,.20);
}

.mdni-status-live{
    background:
        linear-gradient(
            180deg,
            rgba(54,199,125,.30),
            rgba(25,110,70,.25)
        ) !important;

    border-color:#42d98b !important;
    color:#9effc6 !important;
}

.mdni-status-soon{
    background:
        linear-gradient(
            180deg,
            rgba(255,159,63,.23),
            rgba(112,61,18,.22)
        ) !important;

    border-color:#d88939 !important;
    color:#ffc382 !important;
}


/* ---------- PRICING ---------- */

.mdni-plans{
    gap:22px !important;
}

.mdni-plan{
    min-height:410px;

    padding:29px !important;

    border:1px solid #31526a !important;
}

.mdni-plan:hover{
    transform:translateY(-6px);
}

.mdni-featured{
    border:2px solid #40c8ff !important;

    background:
        linear-gradient(
            145deg,
            rgba(19,63,96,.98),
            rgba(8,27,44,.98)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 22px rgba(46,179,255,.20),
        0 24px 48px rgba(0,0,0,.35) !important;
}

.mdni-price{
    color:#fff;
    font-size:2.4rem !important;
    line-height:1;
    font-weight:950 !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.32);
}

.mdni-sub{
    color:#9eb6ca !important;
}

.mdni-plan ul{
    border-top:1px solid rgba(82,126,159,.34);
    padding-top:20px !important;
}

.mdni-plan li{
    color:#d6e4ef;
}

.mdni-plan li::before{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:20px;
    height:20px;

    margin-right:9px !important;

    border-radius:50%;

    background:rgba(72,223,145,.13);
    color:#68f0a6 !important;

    box-shadow:0 0 8px rgba(72,223,145,.12);
}

.mdni-pill{
    color:#06121c !important;

    background:
        linear-gradient(
            180deg,
            #69d9ff,
            #2aa5e8
        ) !important;

    border:1px solid #8be5ff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.42),
        0 5px 12px rgba(0,0,0,.24);
}


/* ---------- PLANNED PLATFORM PILLS ---------- */

.mdni-planned span{
    background:
        linear-gradient(
            180deg,
            #142b40,
            #0b1c2c
        ) !important;

    border-color:#355873 !important;

    color:#d3e2ef !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07);
}


/* ---------- FAQ ---------- */

.mdni-faq details{
    background:
        linear-gradient(
            180deg,
            #10243a,
            #0a1928
        ) !important;

    border:1px solid #294a65 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 20px rgba(0,0,0,.18);

    transition:
        border-color .18s ease,
        transform .18s ease;
}

.mdni-faq details:hover{
    border-color:#3c83a9 !important;
}

.mdni-faq summary{
    color:#fff !important;
    font-size:1.02rem;
}


/* ---------- MOBILE ---------- */

@media(max-width:950px){

    .mdni-plans{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:620px){

    .mdni-wrap{
        width:min(94%,1180px) !important;
    }

    .mdni-hero{
        padding:66px 0 52px !important;
    }

    .mdni-hero h1{
        font-size:clamp(2.4rem,11vw,3.4rem) !important;
    }

    .mdni-section{
        padding:52px 0 !important;
    }

    .mdni-features,
    .mdni-plans,
    .mdni-steps,
    .mdni-destinations{
        grid-template-columns:1fr !important;
    }

    .mdni-card{
        padding:22px !important;
    }

    .mdni-plan{
        min-height:auto;
    }

    .mdni-btn{
        width:100%;
    }

    .mdni-actions{
        flex-direction:column;
    }
}



/* =========================================================
   MyDogNI Offers - Remove Divi Page Title Strip
   ========================================================= */

body.page-id-144 #main-content{
    background:#050c16 !important;
}

body.page-id-144 .entry-title,
body.page-id-144 h1.entry-title,
body.page-id-144 .main_title{
    display:none !important;
}

body.page-id-144 #main-content > .container{
    width:100% !important;
    max-width:none !important;
    padding-top:0 !important;
}

body.page-id-144 #main-content .container::before{
    display:none !important;
}

body.page-id-144 #left-area{
    width:100% !important;
    padding:0 !important;
    float:none !important;
}

body.page-id-144 article#post-144{
    margin:0 !important;
    padding:0 !important;
}