/* ============================================================
   ARHA SUPER SPECIALITY HOSPITALS
   POISON & SNAKE BITE CARE

   UNIQUE THEME:
   Warm Ivory + Forest + Olive + Amber
   ============================================================ */


#arhaPoisonPage {

    --poison-ivory:#FCFAF4;
    --poison-cream:#F6F2E8;
    --poison-white:#FFFFFF;

    --poison-forest:#193D38;
    --poison-forest-dark:#102D29;

    --poison-olive:#64745B;
    --poison-olive-soft:#EAEDE3;

    --poison-amber:#C28C31;
    --poison-amber-dark:#92641C;
    --poison-amber-soft:#F6ECD8;

    --poison-red:#B94A42;
    --poison-red-soft:#F7E8E5;

    --poison-text:#2E4743;
    --poison-muted:#71817C;

    --poison-border:#E6E0D1;

    --poison-heading:'Outfit',sans-serif;
    --poison-body:'Inter',sans-serif;

    width:100%;

    overflow:hidden;

    background:
        var(--poison-ivory);

    color:
        var(--poison-text);

    font-family:
        var(--poison-body);
}


#arhaPoisonPage *,
#arhaPoisonPage *::before,
#arhaPoisonPage *::after {

    box-sizing:border-box;
}


#arhaPoisonPage img {

    display:block;
    width:100%;
}


#arhaPoisonPage a {

    text-decoration:none;
}


.poison-container {

    width:min(
        1280px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}


/* ============================================================
   REVEAL
   ============================================================ */

#arhaPoisonPage [data-poison-reveal] {

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


#arhaPoisonPage
[data-poison-reveal].poison-visible {

    opacity:1;

    transform:none;
}


/* ============================================================
   HERO
   ============================================================ */

.poison-hero {

    position:relative;

    padding:
        80px 0 100px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 88% 20%,
            rgba(100,116,91,.11),
            transparent 26%
        ),

        linear-gradient(
            115deg,
            #FFFDF7,
            #F7F3E8
        );
}


.poison-hero-ring {

    position:absolute;

    border:
        1px solid
        rgba(100,116,91,.13);

    border-radius:50%;

    pointer-events:none;

    animation:
        poisonRingMove
        9s ease-in-out
        infinite alternate;
}


.poison-ring-one {

    width:600px;
    height:600px;

    right:-270px;
    top:-310px;
}


.poison-ring-two {

    width:270px;
    height:270px;

    left:-130px;
    bottom:-110px;

    border-color:
        rgba(194,140,49,.13);

    animation-delay:2s;
}


@keyframes poisonRingMove {

    to {
        transform:
            translate(25px,25px)
            scale(1.05);
    }
}


/* ============================================================
   HERO GRID
   ============================================================ */

.poison-hero-layout {

    position:relative;

    display:grid;

    grid-template-columns:
        1fr .92fr;

    align-items:center;

    gap:80px;
}


.poison-breadcrumb {

    margin-bottom:27px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:9px;

    color:
        var(--poison-muted);
}


.poison-breadcrumb a {

    color:
        var(--poison-olive);
}


.poison-breadcrumb i {

    font-size:6px;
}


.poison-availability {

    margin-bottom:20px;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:
        7px 10px;

    border-radius:30px;

    background:
        var(--poison-red-soft);

    font-size:8px;

    font-weight:800;

    letter-spacing:.8px;

    color:
        var(--poison-red);
}


.poison-availability > span {

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--poison-red);

    animation:
        poisonPulse
        1.8s infinite;
}


@keyframes poisonPulse {

    0% {
        box-shadow:
            0 0 0
            0 rgba(185,74,66,.35);
    }

    70% {
        box-shadow:
            0 0 0
            8px rgba(185,74,66,0);
    }

    100% {
        box-shadow:
            0 0 0
            0 rgba(185,74,66,0);
    }
}


.poison-kicker,
.poison-section-label {

    display:block;

    margin-bottom:10px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.25px;

    color:
        var(--poison-amber-dark);
}


.poison-hero h1 {

    max-width:720px;

    margin:0;

    font-family:
        var(--poison-heading);

    font-size:
        clamp(48px,5.3vw,73px);

    line-height:.98;

    letter-spacing:-2.3px;

    color:
        var(--poison-forest-dark);
}


.poison-hero h1 strong {

    display:block;

    color:
        var(--poison-olive);

    font-weight:800;
}


.poison-hero-content > p {

    max-width:660px;

    margin:
        24px 0 0;

    font-size:14.5px;

    line-height:1.8;

    color:
        var(--poison-text);
}


/* ============================================================
   HERO ACTIONS
   ============================================================ */

.poison-actions {

    margin-top:30px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


.poison-call {

    min-height:55px;

    padding:
        7px 18px;

    display:flex;

    align-items:center;

    gap:11px;

    border-radius:8px;

    background:
        var(--poison-red);

    color:#fff !important;

    box-shadow:
        0 12px 28px
        rgba(151,55,50,.16);

    transition:
        transform .25s ease;
}


.poison-call:hover {

    transform:
        translateY(-3px);
}


.poison-call > span {

    display:flex;

    flex-direction:column;

    font-family:
        var(--poison-heading);

    font-size:15px;

    font-weight:800;
}


.poison-call small {

    font-family:
        var(--poison-body);

    font-size:7px;

    letter-spacing:.8px;

    color:#F9D4D0;
}


.poison-ambulance {

    min-height:55px;

    padding:
        0 18px;

    display:flex;

    align-items:center;

    gap:8px;

    border:
        1px solid
        var(--poison-border);

    border-radius:8px;

    background:#fff;

    color:
        var(--poison-forest) !important;

    font-size:11px;

    font-weight:700;
}


.poison-warning {

    max-width:590px;

    margin-top:18px;

    display:flex;

    align-items:flex-start;

    gap:8px;

    font-size:9px;

    line-height:1.6;

    color:
        var(--poison-muted);
}


.poison-warning i {

    margin-top:2px;

    color:
        var(--poison-amber);
}


/* ============================================================
   HERO IMAGE
   ============================================================ */

.poison-hero-visual {

    position:relative;
}


.poison-hero-image {

    position:relative;

    height:570px;

    overflow:hidden;

    border-radius:
        18px 18px 110px 18px;

    box-shadow:
        0 30px 65px
        rgba(42,62,54,.13);
}


.poison-hero-image img {

    height:100%;

    object-fit:cover;

    transition:
        transform 7s ease;
}


.poison-hero-image:hover img {

    transform:
        scale(1.05);
}


.poison-image-overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(16,45,41,.76),
            transparent 51%
        );
}


.poison-image-info {

    position:absolute;

    left:23px;
    right:23px;
    bottom:22px;

    display:flex;
    flex-direction:column;
}


.poison-image-info small {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#E0C88C;
}


.poison-image-info strong {

    margin-top:4px;

    font-family:
        var(--poison-heading);

    font-size:20px;

    color:#fff;
}


.poison-floating-status {

    position:absolute;

    left:-48px;
    bottom:75px;

    padding:
        13px 15px;

    display:flex;

    align-items:center;

    gap:11px;

    border:
        1px solid
        var(--poison-border);

    border-radius:10px;

    background:
        rgba(255,253,247,.97);

    box-shadow:
        0 15px 35px
        rgba(42,62,54,.11);

    animation:
        poisonFloat 4s
        ease-in-out infinite;
}


@keyframes poisonFloat {

    50% {
        transform:
            translateY(-7px);
    }
}


.poison-floating-status > span {

    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:
        var(--poison-amber-soft);

    color:
        var(--poison-amber-dark);
}


.poison-floating-status div {

    display:flex;

    flex-direction:column;
}


.poison-floating-status small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--poison-red);
}


.poison-floating-status strong {

    margin-top:3px;

    font-family:
        var(--poison-heading);

    font-size:11px;
}


/* ============================================================
   SHARED HEADING
   ============================================================ */

.poison-heading {

    max-width:870px;

    margin-bottom:45px;
}


.poison-heading h2,
.poison-care-content h2,
.poison-family-content h2 {

    margin:0;

    font-family:
        var(--poison-heading);

    font-size:
        clamp(34px,4vw,50px);

    line-height:1.05;

    letter-spacing:-1.1px;

    color:
        var(--poison-forest-dark);
}


.poison-heading h2 em {

    display:block;

    font-style:normal;

    color:
        var(--poison-olive);
}


.poison-heading > p {

    max-width:720px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--poison-muted);
}


/* ============================================================
   TWO PATHS
   ============================================================ */

.poison-two-paths {

    padding:
        105px 0;

    background:
        var(--poison-ivory);
}


.poison-path-grid {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:15px;
}


.poison-path-card {

    overflow:hidden;

    border:
        1px solid
        var(--poison-border);

    border-radius:14px;

    background:#fff;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.poison-path-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 40px
        rgba(38,60,52,.08);
}


.poison-path-photo {

    position:relative;

    height:285px;

    overflow:hidden;
}


.poison-path-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.poison-path-card:hover
.poison-path-photo img {

    transform:scale(1.045);
}


.poison-path-photo > span {

    position:absolute;

    left:17px;
    bottom:16px;

    padding:
        7px 10px;

    border-radius:30px;

    background:
        var(--poison-forest);

    color:#fff;

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;
}


.poison-path-toxic
.poison-path-photo > span {

    background:
        var(--poison-amber-dark);
}


.poison-path-content {

    position:relative;

    padding:27px;
}


.poison-path-number {

    position:absolute;

    right:24px;
    top:23px;

    font-family:
        var(--poison-heading);

    color:#B3AD9F;

    font-size:10px;
}


.poison-path-content h3 {

    margin:0;

    font-family:
        var(--poison-heading);

    font-size:25px;

    color:
        var(--poison-forest-dark);
}


.poison-path-content > p {

    margin:
        10px 0 0;

    font-size:11px;

    line-height:1.7;

    color:
        var(--poison-muted);
}


.poison-path-content ul {

    margin:
        20px 0 0;

    padding:0;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px 15px;

    list-style:none;
}


.poison-path-content li {

    display:flex;

    align-items:flex-start;

    gap:7px;

    font-size:9.5px;

    line-height:1.5;

    color:
        var(--poison-text);
}


.poison-path-content li i {

    margin-top:2px;

    color:
        var(--poison-olive);
}


/* ============================================================
   CARE PATHWAY
   ============================================================ */

.poison-care-pathway {

    padding:
        110px 0;

    background:
        var(--poison-cream);
}


.poison-care-grid {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.poison-care-image {

    position:relative;

    height:600px;

    overflow:hidden;

    border-radius:
        100px 18px 18px 18px;
}


.poison-care-image img {

    height:100%;
    object-fit:cover;
}


.poison-monitor-badge {

    position:absolute;

    left:20px;
    bottom:20px;

    padding:
        12px 15px;

    display:flex;
    align-items:center;

    gap:10px;

    border-radius:9px;

    background:
        rgba(255,253,247,.96);

    box-shadow:
        0 12px 30px
        rgba(38,60,52,.12);
}


.poison-monitor-badge > i {

    color:
        var(--poison-olive);
}


.poison-monitor-badge div {

    display:flex;
    flex-direction:column;
}


.poison-monitor-badge small {

    font-size:7px;

    color:
        var(--poison-amber-dark);
}


.poison-monitor-badge strong {

    margin-top:2px;

    font-family:
        var(--poison-heading);

    font-size:11px;
}


.poison-care-content > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--poison-muted);
}


.poison-step-list {

    margin-top:27px;

    border-top:
        1px solid
        var(--poison-border);
}


.poison-step-list > div {

    padding:
        15px 0;

    display:grid;

    grid-template-columns:
        37px 1fr;

    gap:13px;

    border-bottom:
        1px solid
        var(--poison-border);
}


.poison-step-list > div > span {

    width:28px;
    height:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        var(--poison-forest);

    color:#fff;

    font-size:8px;

    font-weight:800;
}


.poison-step-list strong {

    font-family:
        var(--poison-heading);

    font-size:12px;
}


.poison-step-list p {

    margin:
        4px 0 0;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--poison-muted);
}


/* ============================================================
   SNAKE BITE DO / DON'T
   ============================================================ */

.poison-snake-firstaid {

    padding:
        100px 0;

    background:
        #FFFDF8;
}


.poison-snake-panel {

    padding:
        50px;

    display:grid;

    grid-template-columns:
        .75fr 1.25fr;

    gap:70px;

    border:
        1px solid
        var(--poison-border);

    border-radius:
        18px 75px 18px 18px;

    background:

        linear-gradient(
            120deg,
            #F7F5EC,
            #EEF1E8
        );
}


.poison-snake-heading h2 {

    margin:0;

    font-family:
        var(--poison-heading);

    font-size:
        clamp(30px,3.5vw,43px);

    line-height:1.08;

    color:
        var(--poison-forest-dark);
}


.poison-snake-heading p {

    margin:
        16px 0 0;

    font-size:12px;

    line-height:1.75;

    color:
        var(--poison-muted);
}


.poison-do-dont {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px;
}


.poison-do,
.poison-dont {

    padding:23px;

    border-radius:11px;

    background:#fff;
}


.poison-list-title {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        var(--poison-heading);

    font-size:12px;

    font-weight:800;
}


.poison-do
.poison-list-title {

    color:
        var(--poison-olive);
}


.poison-dont
.poison-list-title {

    color:
        var(--poison-red);
}


.poison-do-dont ul {

    margin:
        17px 0 0;

    padding-left:17px;
}


.poison-do-dont li {

    margin-bottom:10px;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--poison-muted);
}


/* ============================================================
   FAMILY / POISON INFORMATION
   ============================================================ */

.poison-family {

    padding:
        105px 0;

    background:
        var(--poison-cream);
}


.poison-family-layout {

    display:grid;

    grid-template-columns:
        1.15fr .6fr;

    align-items:center;

    gap:90px;
}


.poison-family-content > p {

    max-width:650px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--poison-muted);
}


.poison-info-grid {

    margin-top:28px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}


.poison-info-grid > div {

    min-height:115px;

    padding:18px;

    display:grid;

    grid-template-columns:
        36px 1fr;

    gap:12px;

    border:
        1px solid
        var(--poison-border);

    border-radius:10px;

    background:
        rgba(255,255,255,.58);
}


.poison-info-grid i {

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:
        var(--poison-olive-soft);

    color:
        var(--poison-olive);
}


.poison-info-grid span {

    display:flex;
    flex-direction:column;

    font-size:9px;

    line-height:1.55;

    color:
        var(--poison-muted);
}


.poison-info-grid strong {

    margin-bottom:4px;

    font-family:
        var(--poison-heading);

    font-size:11px;

    color:
        var(--poison-forest);
}


/* emergency box */

.poison-emergency-box {

    padding:36px;

    border-radius:
        70px 15px 15px 15px;

    background:
        var(--poison-forest);

    color:#fff;
}


.poison-emergency-icon {

    width:49px;
    height:49px;

    margin-bottom:23px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.10);

    color:#E4C577;
}


.poison-emergency-box > small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:#D8C080;
}


.poison-emergency-box h3 {

    margin:
        7px 0 0;

    font-family:
        var(--poison-heading);

    font-size:29px;

    line-height:1.08;
}


.poison-emergency-box p {

    margin:
        10px 0 22px;

    font-size:10px;

    line-height:1.6;

    color:#C7D5D0;
}


.poison-emergency-box > a {

    min-height:48px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    gap:9px;

    border-radius:7px;

    background:
        var(--poison-amber);

    color:#fff !important;

    font-weight:700;
}


.poison-emergency-box
.poison-direction {

    margin-top:8px;

    border:
        1px solid
        rgba(255,255,255,.18);

    background:
        transparent;
}


/* ============================================================
   INFRA
   ============================================================ */

.poison-infrastructure {

    padding:
        105px 0;

    background:
        var(--poison-ivory);
}


.poison-infra-grid {

    display:grid;

    grid-template-columns:
        1.4fr 1fr;

    grid-template-rows:
        245px 245px;

    gap:12px;
}


.poison-infra-grid figure {

    position:relative;

    margin:0;

    overflow:hidden;

    border-radius:12px;
}


.poison-infra-featured {

    grid-row:
        span 2;
}


.poison-infra-grid img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.poison-infra-grid figure:hover img {

    transform:
        scale(1.045);
}


.poison-infra-grid figure::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(16,45,41,.78),
            transparent 56%
        );
}


.poison-infra-grid figcaption {

    position:absolute;

    z-index:2;

    left:18px;
    bottom:17px;

    display:flex;

    flex-direction:column;
}


.poison-infra-grid small {

    font-size:7px;

    letter-spacing:.8px;

    color:#E0C985;
}


.poison-infra-grid strong {

    margin-top:3px;

    font-family:
        var(--poison-heading);

    font-size:16px;

    color:#fff;
}


.poison-infra-featured strong {

    font-size:23px;
}


/* ============================================================
   RELATED
   ============================================================ */

.poison-related {

    padding:
        85px 0;

    background:
        var(--poison-cream);
}


.poison-related-heading {

    margin-bottom:30px;
}


.poison-related-heading h2 {

    margin:0;

    font-family:
        var(--poison-heading);

    font-size:35px;

    color:
        var(--poison-forest-dark);
}


.poison-related-grid {

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:12px;
}


.poison-related-grid > a {

    min-height:105px;

    padding:18px;

    display:grid;

    grid-template-columns:
        40px 1fr auto;

    align-items:center;

    gap:12px;

    border:
        1px solid
        var(--poison-border);

    border-radius:10px;

    background:#fff;

    color:
        var(--poison-forest) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.poison-related-grid > a:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 14px 30px
        rgba(38,60,52,.07);
}


.poison-related-icon {

    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:
        var(--poison-olive-soft);

    color:
        var(--poison-olive);
}


.poison-related-grid div {

    display:flex;
    flex-direction:column;
}


.poison-related-grid small {

    margin-bottom:3px;

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--poison-amber-dark);
}


.poison-related-grid strong {

    font-family:
        var(--poison-heading);

    font-size:12px;
}


/* ============================================================
   FINAL
   ============================================================ */

.poison-final {

    padding:
        62px 0;

    background:
        var(--poison-forest-dark);

    color:#fff;
}


.poison-final-inner {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;
}


.poison-final-inner > div:first-child > span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#DFC77E;
}


.poison-final h2 {

    margin:
        6px 0 0;

    font-family:
        var(--poison-heading);

    font-size:
        clamp(29px,3.4vw,43px);
}


.poison-final p {

    margin:
        8px 0 0;

    font-size:10px;

    color:#BBCBC5;
}


.poison-final-actions {

    display:flex;

    gap:9px;
}


.poison-final-call,
.poison-final-location {

    min-height:51px;

    border-radius:8px;
}


.poison-final-call {

    padding:
        8px 15px;

    display:flex;

    align-items:center;

    gap:9px;

    background:
        var(--poison-red);

    color:#fff !important;
}


.poison-final-call span {

    display:flex;
    flex-direction:column;

    font-family:
        var(--poison-heading);

    font-weight:800;
}


.poison-final-call small {

    font-family:
        var(--poison-body);

    font-size:7px;
}


.poison-final-location {

    padding:
        0 16px;

    display:flex;

    align-items:center;

    gap:8px;

    border:
        1px solid
        rgba(255,255,255,.18);

    color:#fff !important;

    font-size:10px;

    font-weight:700;
}


/* ============================================================
   MOBILE BAR
   ============================================================ */

.poison-mobile-bar {

    display:none;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:950px) {

    .poison-hero-layout,
    .poison-care-grid {

        grid-template-columns:1fr;

        gap:45px;
    }


    .poison-hero-visual {

        max-width:680px;
    }


    .poison-floating-status {

        left:20px;
    }


    .poison-snake-panel {

        grid-template-columns:1fr;

        gap:35px;
    }


    .poison-family-layout {

        grid-template-columns:1fr;

        gap:40px;
    }


    .poison-emergency-box {

        max-width:500px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px) {

    #arhaPoisonPage {
        padding-bottom:60px;
    }


    .poison-container {

        width:
            calc(100% - 30px);
    }


    .poison-mobile-bar {

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:8500;

        height:60px;

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        background:#fff;

        border-top:
            1px solid
            var(--poison-border);

        box-shadow:
            0 -7px 25px
            rgba(0,0,0,.10);
    }


    .poison-mobile-bar a {

        display:flex;

        flex-direction:column;

        align-items:center;
        justify-content:center;

        gap:4px;

        font-size:8px;

        font-weight:700;

        color:
            var(--poison-forest) !important;
    }


    .poison-mobile-bar
    .poison-mobile-emergency {

        background:
            var(--poison-red);

        color:#fff !important;
    }


    .poison-hero {

        padding:
            50px 0 65px;
    }


    .poison-hero h1 {

        font-size:
            clamp(38px,11vw,48px);

        letter-spacing:-1.4px;
    }


    .poison-hero-content > p {

        font-size:12.5px;
    }


    .poison-actions {

        flex-direction:column;
    }


    .poison-call,
    .poison-ambulance {

        width:100%;
    }


    .poison-hero-image {

        height:380px;

        border-radius:
            13px 13px 70px 13px;
    }


    .poison-floating-status {

        position:relative;

        left:auto;
        bottom:auto;

        margin:
            -26px 13px 0;
    }


    .poison-two-paths,
    .poison-care-pathway,
    .poison-snake-firstaid,
    .poison-family,
    .poison-infrastructure,
    .poison-related {

        padding:
            72px 0;
    }


    .poison-heading {

        margin-bottom:31px;
    }


    .poison-heading h2,
    .poison-care-content h2,
    .poison-family-content h2 {

        font-size:32px;
    }


    .poison-path-grid {

        grid-template-columns:1fr;
    }


    .poison-path-photo {

        height:230px;
    }


    .poison-path-content ul {

        grid-template-columns:1fr;
    }


    .poison-care-image {

        height:350px;

        border-radius:
            65px 13px 13px 13px;
    }


    .poison-snake-panel {

        padding:
            28px 20px;

        border-radius:
            13px 55px 13px 13px;
    }


    .poison-do-dont {

        grid-template-columns:1fr;
    }


    .poison-info-grid {

        grid-template-columns:1fr;
    }


    .poison-emergency-box {

        padding:
            30px 22px;

        border-radius:
            60px 13px 13px 13px;
    }


    .poison-infra-grid {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            280px 180px;
    }


    .poison-infra-featured {

        grid-column:
            span 2;

        grid-row:auto;
    }


    .poison-related-grid {

        grid-template-columns:1fr;
    }


    .poison-final-inner {

        align-items:flex-start;

        flex-direction:column;

        gap:25px;
    }


    .poison-final-actions {

        width:100%;

        flex-direction:column;
    }


    .poison-final-call,
    .poison-final-location {

        width:100%;
    }


    .poison-final-location {

        justify-content:center;
    }

}


@media(max-width:380px) {

    .poison-infra-grid {

        display:block;
    }


    .poison-infra-grid figure {

        height:220px;

        margin-bottom:8px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media(prefers-reduced-motion:reduce) {

    #arhaPoisonPage *,
    #arhaPoisonPage *::before,
    #arhaPoisonPage *::after {

        animation:none !important;
        transition:none !important;
    }


    #arhaPoisonPage
    [data-poison-reveal] {

        opacity:1 !important;
        transform:none !important;
    }

}