/* PREMIUM_SPECIES_GUIDE_R1 */

.species-hub,
.species-guide {
    --sg-green:#075f43;
    --sg-dark:#043f31;
    --sg-soft:#eef8f3;
    --sg-yellow:#f1c400;
    --sg-ink:#16372e;
    --sg-muted:#65766f;
    --sg-line:#dce8e2;
    --sg-bg:#f7faf8;

    width:100vw;
    margin-left:calc(50% - 50vw);

    color:var(--sg-ink);
    background:#fff;
}

.species-hub *,
.species-guide * {
    box-sizing:border-box;
}

.species-shell {
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.species-kicker,
.species-section-heading>span {
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#087e57;

    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.species-kicker:before,
.species-section-heading>span:before {
    content:"";

    width:22px;
    height:3px;

    border-radius:999px;
    background:var(--sg-yellow);
}

.species-hub-hero {
    padding:64px 0;

    background:
        radial-gradient(
            circle at 87% 22%,
            rgba(241,196,0,.14),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #f2faf6,
            #fff 58%,
            #fff9df
        );
}

.species-hub-hero>.species-shell {
    display:grid;
    grid-template-columns:1fr .72fr;
    align-items:center;
    gap:70px;
}

.species-hub-hero h1,
.species-guide-hero h1 {
    max-width:730px;
    margin:15px 0 0;

    color:var(--sg-dark);

    font-size:clamp(40px,5vw,64px);
    line-height:1;
    letter-spacing:-.045em;
}

.species-hub-hero__copy>p,
.species-guide-hero p {
    max-width:680px;
    margin:24px 0 0;

    color:var(--sg-muted);

    font-size:17px;
    line-height:1.7;
}

.species-hub-stats {
    display:flex;
    flex-wrap:wrap;
    gap:35px;

    margin-top:31px;
}

.species-hub-stats strong,
.species-hub-stats span {
    display:block;
}

.species-hub-stats strong {
    color:var(--sg-dark);
    font-size:26px;
}

.species-hub-stats span {
    margin-top:3px;
    color:var(--sg-muted);
    font-size:11px;
}

.species-hub-search {
    padding:30px;

    border:1px solid #d5e5dd;
    border-radius:24px;

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

    box-shadow:0 22px 55px rgba(21,68,52,.09);
}

.species-hub-search>strong {
    display:block;
    margin-bottom:15px;
    font-size:19px;
}

.species-hub-search input {
    width:100%;
    height:52px;
    padding:0 18px;

    border:1px solid #bcd7ca;
    border-radius:14px;

    background:#fff;
    color:var(--sg-ink);

    outline:none;
}

.species-hub-search input:focus {
    border-color:var(--sg-green);
    box-shadow:0 0 0 3px rgba(7,95,67,.08);
}

.species-hub-search small {
    display:block;
    margin-top:10px;
    color:var(--sg-muted);
}

.species-featured,
.species-library {
    padding:72px 0;
}

.species-featured {
    background:#fff;
}

.species-library {
    background:var(--sg-bg);
}

.species-section-heading {
    margin-bottom:28px;
}

.species-section-heading h2 {
    margin:9px 0 0;

    color:var(--sg-dark);

    font-size:clamp(28px,3vw,40px);
    line-height:1.1;
    letter-spacing:-.035em;
}

.species-featured-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.species-featured-card,
.species-card,
.species-related-grid>a {
    display:flex;
    flex-direction:column;

    min-width:0;

    border:1px solid var(--sg-line);
    border-radius:18px;

    background:#fff;
    color:var(--sg-ink);

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

.species-featured-card {
    min-height:210px;
    padding:23px;
}

.species-featured-card:hover,
.species-card:hover,
.species-related-grid>a:hover {
    transform:translateY(-3px);

    border-color:#9bc6b2;

    box-shadow:0 16px 35px rgba(16,72,51,.08);

    text-decoration:none;
}

.species-featured-card>span,
.species-card-top>span,
.species-related-grid>a>span {
    color:#0b8059;

    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.species-featured-card>strong,
.species-related-grid>a>strong {
    margin-top:24px;

    font-size:20px;
    line-height:1.2;
}

.species-featured-card>em,
.species-related-grid>a>em {
    margin-top:5px;
    color:var(--sg-muted);
    font-size:12px;
}

.species-featured-card>b,
.species-related-grid>a>b {
    margin-top:auto;
    padding-top:20px;

    color:var(--sg-green);

    font-size:12px;
}

.species-library-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;

    margin-bottom:30px;
}

.species-group-filter {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}

.species-group-filter button {
    min-height:36px;
    padding:0 13px;

    border:1px solid #cbdcd4;
    border-radius:999px;

    background:#fff;
    color:var(--sg-ink);

    font-size:11px;
    font-weight:700;
}

.species-group-filter button small {
    margin-left:4px;
    color:var(--sg-muted);
}

.species-group-filter button:hover,
.species-group-filter button.is-active {
    border-color:var(--sg-green);
    background:var(--sg-green);
    color:#fff;
}

.species-group-filter button.is-active small {
    color:#d8eee4;
}

.species-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.species-card {
    min-height:225px;
    padding:21px;
}

.species-card-top {
    display:flex;
    justify-content:space-between;
    gap:10px;
}

.species-card-top small {
    padding:4px 7px;

    border-radius:999px;

    background:#fff2c7;
    color:#785e00;

    font-size:9px;
    font-weight:700;
}

.species-card h3 {
    margin:26px 0 0;

    color:var(--sg-dark);

    font-size:19px;
    line-height:1.2;
}

.species-card em {
    display:block;

    margin-top:5px;

    color:var(--sg-muted);

    font-size:11px;
}

.species-card p {
    margin:17px 0 0;

    color:var(--sg-muted);

    font-size:11px;
}

.species-card p strong {
    color:var(--sg-ink);
    font-weight:600;
}

.species-card>a {
    margin-top:auto;
    padding-top:18px;

    color:var(--sg-green);

    font-size:12px;
    font-weight:800;
}

.species-card[hidden] {
    display:none!important;
}

.species-empty {
    margin-top:25px;
    padding:30px;

    border:1px dashed #b9d4c7;
    border-radius:16px;

    text-align:center;
    color:var(--sg-muted);
}

.species-hub-cta,
.species-guide-final {
    padding:45px 0;

    background:
        linear-gradient(
            105deg,
            #087b4e,
            #005e3c
        );

    color:#fff;
}

.species-hub-cta>.species-shell,
.species-guide-final>.species-shell {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.species-hub-cta span,
.species-guide-final span {
    color:#ffdf52;

    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.species-hub-cta h2,
.species-guide-final h2 {
    max-width:700px;

    margin:7px 0 0;

    color:#fff;

    font-size:30px;
    line-height:1.15;
}

.species-hub-cta a,
.species-guide-final a {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:46px;
    padding:0 20px;

    border-radius:999px;

    background:#ffdd42;
    color:var(--sg-dark);

    font-size:12px;
    font-weight:800;
}


/* GUIDE */

.species-guide-breadcrumb {
    display:flex;
    align-items:center;
    gap:8px;

    padding-top:18px;
    padding-bottom:18px;

    color:var(--sg-muted);

    font-size:11px;
}

.species-guide-breadcrumb a:hover {
    color:var(--sg-green);
}

.species-guide-hero {
    padding:60px 0 55px;

    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(241,196,0,.15),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #f0faf5,
            #fff 60%,
            #fff9df
        );
}

.species-guide-hero-grid {
    display:grid;
    grid-template-columns:1fr .55fr;
    align-items:center;
    gap:70px;
}

.species-scientific {
    display:block;

    margin-top:11px;

    color:#688078;

    font-size:18px;
}

.species-guide-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-top:27px;
}

.species-guide-actions a,
.species-equipment a {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;
    padding:0 18px;

    border:1px solid #a9cbbd;
    border-radius:999px;

    background:#fff;
    color:var(--sg-dark);

    font-size:12px;
    font-weight:800;
}

.species-guide-actions a.is-primary,
.species-equipment a.is-primary {
    border-color:var(--sg-green);
    background:var(--sg-green);
    color:#fff;
}

.species-guide-facts {
    overflow:hidden;

    border:1px solid #d7e5de;
    border-radius:22px;

    background:#fff;

    box-shadow:0 18px 45px rgba(20,66,51,.08);
}

.species-guide-facts>div {
    padding:17px 21px;

    border-bottom:1px solid #e4ece8;
}

.species-guide-facts>div:last-child {
    border-bottom:0;
}

.species-guide-facts span,
.species-guide-facts strong {
    display:block;
}

.species-guide-facts span {
    margin-bottom:3px;

    color:var(--sg-muted);

    font-size:10px;
    text-transform:uppercase;
}

.species-guide-facts strong {
    font-size:13px;
    line-height:1.4;
}

.species-legal {
    padding:20px 0;

    border-top:1px solid #efdc84;
    border-bottom:1px solid #efdc84;

    background:#fff9dc;
}

.species-legal>.species-shell {
    display:grid;
    grid-template-columns:220px 1fr;
    gap:25px;
}

.species-legal strong {
    color:#705a00;
}

.species-legal p {
    margin:0;

    color:#655f42;

    line-height:1.6;
}

.species-guide-layout {
    display:grid;
    grid-template-columns:230px minmax(0,760px);
    justify-content:center;
    align-items:start;
    gap:70px;

    padding-top:65px;
    padding-bottom:80px;
}

.species-guide-toc {
    position:sticky;
    top:20px;

    display:flex;
    flex-direction:column;

    padding:20px;

    border:1px solid var(--sg-line);
    border-radius:15px;

    background:#fbfdfc;
}

.species-guide-toc>strong {
    margin-bottom:11px;

    color:var(--sg-dark);

    font-size:12px;
}

.species-guide-toc a {
    padding:8px 0;

    border-bottom:1px solid #edf2ef;

    color:var(--sg-muted);

    font-size:11px;
    line-height:1.35;
}

.species-guide-toc a:last-child {
    border-bottom:0;
}

.species-guide-toc a:hover {
    color:var(--sg-green);
}

.species-guide-section {
    scroll-margin-top:30px;

    padding-bottom:43px;
    margin-bottom:43px;

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

.species-guide-section h2,
.species-equipment h2 {
    margin:0;

    color:var(--sg-dark);

    font-size:30px;
    line-height:1.2;
    letter-spacing:-.025em;
}

.species-guide-section>p {
    margin:17px 0 0;

    color:#4f645c;

    font-size:16px;
    line-height:1.8;
}

.species-checklist {
    padding:34px;

    border:1px solid #cfe1d8;
    border-radius:20px;

    background:#f3faf6;
}

.species-checklist>div {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 25px;

    margin-top:25px;
}

.species-checklist>div>p {
    display:flex;
    gap:10px;

    margin:0;

    color:#4b6259;

    font-size:13px;
    line-height:1.45;
}

.species-checklist b {
    color:#07905f;
}

.species-equipment {
    scroll-margin-top:30px;

    padding:40px;
    margin-bottom:50px;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            #043f31,
            #08724d
        );

    color:#fff;
}

.species-equipment .species-kicker {
    color:#d9f6e8;
}

.species-equipment h2 {
    margin-top:9px;
    color:#fff;
}

.species-equipment>p {
    max-width:650px;

    margin:15px 0 0;

    color:rgba(255,255,255,.76);

    line-height:1.7;
}

.species-equipment>div {
    display:flex;
    flex-wrap:wrap;
    gap:9px;

    margin-top:24px;
}

.species-equipment a {
    border-color:rgba(255,255,255,.3);

    background:#fff;
}

.species-equipment a.is-primary {
    border-color:#ffdc43;
    background:#ffdc43;
    color:#153b30;
}

.species-faq details {
    border-bottom:1px solid var(--sg-line);
}

.species-faq summary {
    padding:18px 0;

    color:var(--sg-dark);

    font-weight:700;
    cursor:pointer;
}

.species-faq details p {
    padding:0 0 20px;
    margin:0;

    color:var(--sg-muted);

    line-height:1.7;
}

.species-related {
    padding:68px 0;

    background:var(--sg-bg);
}

.species-related-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}

.species-related-grid>a {
    min-height:175px;
    padding:20px;
}

.species-guide-final h2 {
    margin-top:6px;
}


/* TABLET */

@media (max-width:1023px) {

    .species-featured-grid,
    .species-grid,
    .species-related-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .species-hub-hero>.species-shell,
    .species-guide-hero-grid {
        grid-template-columns:1fr;
        gap:38px;
    }

    .species-library-head {
        align-items:flex-start;
        flex-direction:column;
    }

    .species-group-filter {
        justify-content:flex-start;
    }

    .species-guide-layout {
        grid-template-columns:1fr;
        gap:30px;
    }

    .species-guide-toc {
        position:static;

        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:0 15px;
    }

    .species-guide-toc>strong {
        grid-column:1/-1;
    }

}


/* MOBILE */

@media (max-width:639px) {

    .species-shell {
        width:min(100% - 28px,1180px);
    }

    .species-hub-hero,
    .species-guide-hero {
        padding:40px 0;
    }

    .species-hub-hero h1,
    .species-guide-hero h1 {
        font-size:39px;
    }

    .species-hub-hero__copy>p,
    .species-guide-hero p {
        font-size:15px;
    }

    .species-hub-stats {
        gap:18px;
    }

    .species-featured,
    .species-library,
    .species-related {
        padding:52px 0;
    }

    .species-featured-grid,
    .species-grid,
    .species-related-grid,
    .species-checklist>div {
        grid-template-columns:1fr;
    }

    .species-group-filter {
        flex-wrap:nowrap;

        width:100%;

        overflow-x:auto;
        padding-bottom:4px;
    }

    .species-group-filter button {
        flex:0 0 auto;
    }

    .species-hub-cta>.species-shell,
    .species-guide-final>.species-shell {
        align-items:flex-start;
        flex-direction:column;
    }

    .species-legal>.species-shell {
        grid-template-columns:1fr;
        gap:8px;
    }

    .species-guide-layout {
        padding-top:40px;
        padding-bottom:55px;
    }

    .species-guide-toc {
        grid-template-columns:1fr 1fr;

        overflow:hidden;
    }

    .species-guide-section h2,
    .species-equipment h2 {
        font-size:26px;
    }

    .species-guide-section>p {
        font-size:15px;
    }

    .species-checklist,
    .species-equipment {
        padding:24px;
    }

}


/* PREMIUM_SPECIES_REVIEW_R12 */

.species-card-review {
    margin-top: auto;
    padding-top: 18px;

    color: #8a761f;

    font-size: 12px;
    font-weight: 800;
}



/* PREMIUM_SPECIES_PRODUCT_JOURNEY_R2_CSS */

.species-product-journey {
    scroll-margin-top: 30px;

    margin-bottom: 54px;
}

.species-product-journey-head {
    margin-bottom: 28px;
}

.species-product-journey-head h2 {
    max-width: 720px;

    margin: 10px 0 0;

    color: var(--sg-dark);

    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.species-product-journey-head > p {
    max-width: 720px;

    margin: 15px 0 0;

    color: var(--sg-muted);

    font-size: 15px;
    line-height: 1.7;
}


.species-product-stages {
    display: flex;
    flex-direction: column;
    gap: 22px;
}


.species-product-stage {
    padding: 28px;

    border: 1px solid var(--sg-line);
    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbf9
        );
}


.species-product-stage > header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}


.species-product-stage > header > span {
    display: grid;
    place-items: center;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: var(--sg-green);
    color: #fff;

    font-size: 11px;
    font-weight: 800;
}


.species-product-stage h3 {
    margin: 0;

    color: var(--sg-dark);

    font-size: 23px;
    line-height: 1.2;
}


.species-product-stage header p {
    margin: 5px 0 0;

    color: var(--sg-muted);

    font-size: 13px;
    line-height: 1.5;
}


.species-product-stage-note {
    margin: 17px 0 0;

    color: #52675f;

    font-size: 13px;
    line-height: 1.65;
}


.species-product-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 13px;

    margin-top: 22px;
}


.species-product-card {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr);

    min-width: 0;

    overflow: hidden;

    border: 1px solid #dce8e2;
    border-radius: 16px;

    background: #fff;
    color: var(--sg-ink);

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


.species-product-card:hover {
    transform: translateY(-2px);

    border-color: #9fc8b5;

    box-shadow:
        0 14px 30px rgba(12, 71, 49, .08);

    text-decoration: none;
}


.species-product-image {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 145px;
    padding: 12px;

    background:
        linear-gradient(
            180deg,
            #fff,
            #f5f9f7
        );
}


.species-product-image img {
    width: 100%;
    height: 120px;

    object-fit: contain;
}


.species-product-image > span {
    color: #789187;

    font-size: 11px;
    font-weight: 800;
}


.species-product-body {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding: 16px;
}


.species-product-capacity {
    color: #087d57;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}


.species-product-body > strong {
    margin-top: 8px;

    color: var(--sg-dark);

    font-size: 13px;
    line-height: 1.35;
}


.species-product-body > b {
    margin-top: 10px;

    color: var(--sg-green);

    font-size: 15px;
}


.species-product-body > small {
    margin-top: auto;
    padding-top: 12px;

    color: #547068;

    font-size: 10px;
    font-weight: 700;
}


.species-product-sizing {
    display: grid;
    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 14px;

    margin-top: 18px;
    padding: 15px 17px;

    border-radius: 13px;

    background: #edf7f2;
}


.species-product-sizing strong {
    color: var(--sg-dark);

    font-size: 12px;
}


.species-product-sizing span {
    color: var(--sg-muted);

    font-size: 11px;
    line-height: 1.4;
}


.species-product-sizing a {
    white-space: nowrap;

    color: var(--sg-green);

    font-size: 11px;
    font-weight: 800;
}


.species-product-manual {
    margin-top: 20px;
    padding: 20px;

    border: 1px solid #ead68b;
    border-radius: 14px;

    background: #fff9dd;
}


.species-product-manual strong {
    display: block;

    color: #584700;

    font-size: 13px;
}


.species-product-manual p {
    margin: 6px 0 0;

    color: #71683e;

    font-size: 12px;
    line-height: 1.55;
}


.species-product-manual a {
    display: inline-block;

    margin-top: 12px;

    color: #725b00;

    font-size: 11px;
    font-weight: 800;
}


@media (max-width: 760px) {

    .species-product-grid {
        grid-template-columns: 1fr;
    }

    .species-product-sizing {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 480px) {

    .species-product-stage {
        padding: 20px;
    }

    .species-product-journey-head h2 {
        font-size: 28px;
    }

    .species-product-card {
        grid-template-columns: 100px minmax(0, 1fr);
    }

    .species-product-image {
        min-height: 130px;
        padding: 8px;
    }

    .species-product-image img {
        height: 105px;
    }

}



/* ==================================================
   PREMIUM_SPECIES_JOURNEY_UI_R3
   ================================================== */


.species-guide-layout {
    grid-template-columns:
        220px
        minmax(0, 880px);

    gap:54px;
}


.species-product-journey-r3 {
    margin-top:10px;
    margin-bottom:58px;
}


.species-product-journey-r3
.species-product-journey-head {
    max-width:780px;
}


.species-product-journey-r3
.species-product-journey-head h2 {
    max-width:760px;

    font-size:36px;
    line-height:1.12;
}


.species-journey-steps {
    display:flex;
    gap:8px;

    overflow-x:auto;

    margin:27px 0 30px;
    padding:0 0 7px;

    scrollbar-width:none;
}


.species-journey-steps::-webkit-scrollbar {
    display:none;
}


.species-journey-steps a {
    display:flex;
    align-items:center;
    gap:8px;

    flex:0 0 auto;

    min-height:42px;
    padding:6px 14px 6px 7px;

    border:1px solid #d5e4dd;
    border-radius:999px;

    background:#fff;
    color:var(--sg-dark);
}


.species-journey-steps a:hover {
    border-color:#8cbda6;

    background:#f4faf7;

    text-decoration:none;
}


.species-journey-steps a span {
    display:grid;
    place-items:center;

    width:28px;
    height:28px;

    border-radius:50%;

    background:#e7f5ee;
    color:#08764f;

    font-size:9px;
    font-weight:900;
}


.species-journey-steps a strong {
    font-size:11px;
    font-weight:800;
}


.species-product-stages {
    gap:18px;
}


.species-product-stage-r3 {
    scroll-margin-top:25px;

    padding:25px;

    border:1px solid #dce8e2;
    border-radius:20px;

    background:#fff;

    box-shadow:
        0 9px 28px rgba(17,71,53,.045);
}


.species-stage-header {
    display:grid!important;
    grid-template-columns:
        42px
        minmax(0,1fr)
        auto;

    align-items:center!important;
    gap:14px!important;
}


.species-stage-number {
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            #08794f,
            #075b3f
        );

    color:#fff;

    font-size:11px;
    font-weight:900;
}


.species-stage-copy {
    min-width:0;
}


.species-stage-copy>span {
    display:block;

    margin-bottom:2px;

    color:#84958e;

    font-size:8px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}


.species-stage-copy h3 {
    margin:0;

    color:var(--sg-dark);

    font-size:22px;
    line-height:1.15;
}


.species-stage-copy p {
    margin:3px 0 0!important;

    color:#677a72!important;

    font-size:11px!important;
}


.species-carousel-controls {
    display:flex;
    gap:6px;
}


.species-carousel-controls button {
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    padding:0;

    border:1px solid #cddfd6;
    border-radius:50%;

    background:#fff;
    color:var(--sg-dark);

    font-size:23px;
    line-height:1;

    cursor:pointer;
}


.species-carousel-controls button:hover:not(:disabled) {
    border-color:var(--sg-green);

    background:var(--sg-green);
    color:#fff;
}


.species-carousel-controls button:disabled {
    opacity:.28;

    cursor:default;
}


.species-product-stage-r3
.species-product-stage-note {
    max-width:760px;

    margin:13px 0 0;

    color:#63766e;

    font-size:11px;
    line-height:1.55;
}


.species-product-carousel {
    width:100%;

    margin-top:19px;

    overflow:hidden;
}


.species-product-track {
    display:flex;
    gap:13px;

    overflow-x:auto;

    padding:2px 2px 10px;

    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;

    overscroll-behavior-inline:contain;

    scrollbar-width:thin;
    scrollbar-color:#c9d9d1 transparent;
}


.species-product-track::-webkit-scrollbar {
    height:5px;
}


.species-product-track::-webkit-scrollbar-track {
    background:transparent;
}


.species-product-track::-webkit-scrollbar-thumb {
    border-radius:999px;

    background:#c9d9d1;
}


.species-product-card-r3 {
    display:flex!important;
    flex-direction:column!important;

    flex:0 0 220px;

    width:220px;
    min-width:220px;
    min-height:355px;

    overflow:hidden;

    border:1px solid #dde8e3;
    border-radius:15px;

    background:#fff;

    scroll-snap-align:start;

    box-shadow:none;
}


.species-product-card-r3:hover {
    transform:translateY(-2px);

    border-color:#9fc8b5;

    box-shadow:
        0 10px 25px rgba(16,70,51,.08);
}


.species-product-card-r3
.species-product-image {
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:165px;
    min-height:165px;

    padding:13px;

    border-bottom:1px solid #edf2ef;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fafcfb
        );
}


.species-product-card-r3
.species-product-image img {
    display:block;

    width:100%!important;
    max-width:185px!important;
    height:140px!important;
    max-height:140px!important;

    object-fit:contain!important;

    margin:auto;
}


.species-product-card-r3
.species-product-body {
    display:flex;
    flex:1;
    flex-direction:column;

    padding:14px;
}


.species-product-card-r3
.species-product-capacity {
    color:#087b55;

    font-size:8px;
    font-weight:900;
    letter-spacing:.065em;
    text-transform:uppercase;
}


.species-product-card-r3
.species-product-body>strong {
    display:-webkit-box;

    overflow:hidden;

    margin-top:7px;

    color:var(--sg-dark);

    font-size:12px;
    line-height:1.38;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}


.species-product-card-r3
.species-product-body>b {
    margin-top:10px;

    color:#08704d;

    font-size:15px;
}


.species-product-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:auto;
    padding-top:13px;

    border-top:1px solid #edf2ef;

    color:#315f4e;

    font-size:10px;
    font-weight:800;
}


.species-product-cta i {
    font-style:normal;
    font-size:14px;
}


.species-product-sizing-r3 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-top:12px;
    padding:12px 14px;

    border-radius:12px;

    background:#eff8f3;
}


.species-product-sizing-r3>div {
    display:flex;
    flex-direction:column;
    gap:2px;
}


.species-product-sizing-r3 strong {
    font-size:10px;
}


.species-product-sizing-r3 span {
    font-size:9px;
}


.species-product-sizing-r3 a {
    flex:0 0 auto;

    font-size:10px;
}


@media (max-width:1023px) {

    .species-guide-layout {
        grid-template-columns:1fr;
        gap:30px;
    }

}


@media (max-width:639px) {

    .species-product-journey-r3
    .species-product-journey-head h2 {
        font-size:29px;
    }


    .species-product-stage-r3 {
        padding:18px;
    }


    .species-stage-header {
        grid-template-columns:
            38px
            minmax(0,1fr)
            auto;
    }


    .species-stage-number {
        width:38px;
        height:38px;
    }


    .species-stage-copy h3 {
        font-size:19px;
    }


    .species-stage-copy p {
        display:none;
    }


    .species-carousel-controls button {
        width:31px;
        height:31px;
    }


    .species-product-card-r3 {
        flex-basis:205px;

        width:205px;
        min-width:205px;
    }


    .species-product-card-r3
    .species-product-image {
        height:150px;
        min-height:150px;
    }


    .species-product-card-r3
    .species-product-image img {
        max-width:170px!important;
        height:125px!important;
        max-height:125px!important;
    }


    .species-product-sizing-r3 {
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }

}



/* ==================================================
   PREMIUM_SPECIES_EDITORIAL_R4_CSS
   ================================================== */


.species-guide-hero-grid {
    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,400px);

    align-items:center;
    gap:58px;
}


.species-guide-side {
    display:flex;
    flex-direction:column;
    gap:13px;
}


.species-hero-image {
    overflow:hidden;

    margin:0;

    border:1px solid #dce8e2;
    border-radius:22px;

    background:#fff;

    box-shadow:
        0 18px 45px rgba(20,66,51,.09);
}


.species-hero-image>img {
    display:block;

    width:100%;
    height:270px;

    object-fit:cover;
}


.species-hero-image figcaption {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;

    padding:8px 12px;

    border-top:1px solid #edf2ef;

    background:#fff;

    color:#87958f;

    font-size:7px;
    line-height:1.35;
}


.species-hero-image figcaption a {
    color:#617a70;
    text-decoration:underline;
}


.species-guide-side
.species-guide-facts {
    box-shadow:
        0 10px 30px rgba(20,66,51,.055);
}


.species-guide-deep-note {
    position:relative;

    margin-top:16px!important;
    padding:15px 17px 15px 20px;

    border-left:3px solid #9bcbb5;
    border-radius:0 10px 10px 0;

    background:#f7fbf9;

    color:#4d655c!important;

    font-size:14px!important;
    line-height:1.75!important;
}


.species-guide-deep-note:before {
    content:"Contexto prático";

    display:block;

    margin-bottom:6px;

    color:#0b7854;

    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}


@media (max-width:1023px) {

    .species-guide-hero-grid {
        grid-template-columns:1fr;
        gap:32px;
    }


    .species-guide-side {
        display:grid;
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr);

        align-items:start;
    }


    .species-hero-image>img {
        height:300px;
    }

}


@media (max-width:639px) {

    .species-guide-side {
        grid-template-columns:1fr;
    }


    .species-hero-image {
        border-radius:17px;
    }


    .species-hero-image>img {
        height:250px;
    }


    .species-guide-deep-note {
        padding:
            13px
            14px
            13px
            17px;

        font-size:13px!important;
    }

}



/* ==================================================
   PREMIUM_SPECIES_HERO_R41
   Retrato circular sem aumentar a altura do hero
   ================================================== */


.species-guide-hero-grid {
    grid-template-columns:
        minmax(0, 1fr)
        440px;

    align-items:center;

    gap:46px;
}


/*
 * Foto e ficha passam a ocupar
 * a mesma linha.
 */
.species-guide-side {
    position:relative;

    display:grid;

    grid-template-columns:
        148px
        minmax(0, 1fr);

    align-items:center;

    gap:17px;
}


/*
 * Remove o comportamento de card
 * retangular da fotografia.
 */
.species-guide-side
.species-hero-image {
    position:relative;

    width:148px;

    overflow:visible;

    margin:0;

    border:0;
    border-radius:0;

    background:transparent;

    box-shadow:none;
}


/*
 * Foto circular.
 */
.species-guide-side
.species-hero-image > img {
    display:block;

    width:148px!important;
    height:148px!important;

    max-width:none!important;

    object-fit:cover;

    border:7px solid #fff;
    border-radius:50%;

    background:#edf5f1;

    box-shadow:
        0 15px 32px rgba(12,70,49,.16),
        0 0 0 1px rgba(6,95,66,.09);
}


/*
 * Pequeno detalhe Premium.
 */
.species-guide-side
.species-hero-image:before {
    content:"";

    position:absolute;

    top:7px;
    right:3px;

    z-index:2;

    width:19px;
    height:19px;

    border:4px solid #fff;
    border-radius:50%;

    background:#f1c400;

    box-shadow:
        0 3px 8px rgba(0,0,0,.12);
}


/*
 * Crédito permanece presente,
 * porém visualmente discreto.
 */
.species-guide-side
.species-hero-image figcaption {
    display:block;

    width:145px;

    margin-top:7px;
    padding:0 4px;

    border:0;

    background:transparent;

    color:#86968f;

    text-align:center;

    font-size:6px;
    line-height:1.35;
}


.species-guide-side
.species-hero-image figcaption a {
    color:#668078;
}


/*
 * Ficha fica mais elegante e compacta.
 */
.species-guide-side
.species-guide-facts {
    width:100%;

    overflow:hidden;

    border:1px solid #dce8e2;
    border-radius:17px;

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

    box-shadow:
        0 13px 32px rgba(20,66,51,.07);
}


.species-guide-side
.species-guide-facts > div {
    padding:11px 15px;
}


.species-guide-side
.species-guide-facts span {
    margin-bottom:2px;

    font-size:8px;
    letter-spacing:.035em;
}


.species-guide-side
.species-guide-facts strong {
    font-size:11px;
    line-height:1.32;
}


/*
 * Evita que aliases muito longos
 * deixem o card enorme.
 */
.species-guide-side
.species-guide-facts strong {
    overflow-wrap:anywhere;
}


/*
 * Hero ligeiramente mais compacto.
 */
.species-guide-hero {
    padding-top:49px;
    padding-bottom:49px;
}


/* TABLET */

@media (max-width:1023px) {

    .species-guide-hero-grid {
        grid-template-columns:1fr;

        gap:31px;
    }


    .species-guide-side {
        grid-template-columns:
            145px
            minmax(0, 360px);

        justify-content:start;

        max-width:530px;
    }


    .species-guide-side
    .species-hero-image {
        width:138px;
    }


    .species-guide-side
    .species-hero-image > img {
        width:138px!important;
        height:138px!important;
    }


    .species-guide-side
    .species-hero-image figcaption {
        width:138px;
    }

}


/* MOBILE */

@media (max-width:639px) {

    .species-guide-hero {
        padding-top:36px;
        padding-bottom:38px;
    }


    .species-guide-side {
        display:flex;

        flex-direction:column;

        align-items:center;

        width:100%;
        max-width:none;

        gap:14px;
    }


    .species-guide-side
    .species-hero-image {
        width:132px;
    }


    .species-guide-side
    .species-hero-image > img {
        width:132px!important;
        height:132px!important;

        border-width:6px;
    }


    .species-guide-side
    .species-hero-image figcaption {
        width:150px;

        margin-left:-9px;
    }


    .species-guide-side
    .species-guide-facts {
        width:100%;
    }


    .species-guide-side
    .species-guide-facts > div {
        padding:12px 16px;
    }

}



/* ==================================================
   PREMIUM_SPECIES_HUB_IMAGES_R42
   Retratos circulares na Central de Criação
   ================================================== */


/* ---------- retrato base ---------- */

.species-card-portrait {
    position:relative;

    display:grid;
    place-items:center;

    flex:0 0 70px;

    width:70px;
    height:70px;

    margin:0;

    border-radius:50%;

    background:#eaf5ef;
}


.species-card-portrait:before {
    content:"";

    position:absolute;

    top:0;
    right:0;

    z-index:3;

    width:13px;
    height:13px;

    border:3px solid #fff;
    border-radius:50%;

    background:#f1c400;

    box-shadow:
        0 2px 5px rgba(0,0,0,.11);
}


.species-card-portrait img {
    display:block;

    width:70px!important;
    height:70px!important;

    object-fit:cover;

    border:4px solid #fff;
    border-radius:50%;

    box-shadow:
        0 8px 18px rgba(15,67,49,.13),
        0 0 0 1px rgba(7,95,67,.07);
}


.species-card-initial {
    display:grid;
    place-items:center;

    width:70px;
    height:70px;

    border:4px solid #fff;
    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #dcefe5,
            #eff8f3
        );

    color:#0a704d;

    font-size:23px;
    font-weight:800;

    box-shadow:
        0 8px 18px rgba(15,67,49,.10);
}


/*
 * Crédito discreto.
 * Não interfere no clique do card.
 */
.species-card-credit {
    position:absolute;

    right:-1px;
    bottom:-1px;

    z-index:4;

    display:grid;
    place-items:center;

    width:15px;
    height:15px;

    border:2px solid #fff;
    border-radius:50%;

    background:#315f4e;
    color:#fff;

    font-family:Georgia,serif;
    font-size:8px;
    font-style:italic;
    font-weight:700;

    pointer-events:none;
}


/* ---------- cards de destaque ---------- */

.species-featured-card {
    min-height:190px;
}


.species-featured-identity {
    display:flex;
    align-items:center;
    gap:15px;
}


.species-card-portrait--featured {
    flex-basis:82px;

    width:82px;
    height:82px;
}


.species-card-portrait--featured img,
.species-card-portrait--featured
.species-card-initial {
    width:82px!important;
    height:82px!important;
}


.species-featured-copy {
    display:flex;
    flex:1;
    flex-direction:column;

    min-width:0;
}


.species-featured-copy>span {
    color:#0b8059;

    font-size:9px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
}


.species-featured-copy>strong {
    margin-top:6px;

    color:var(--sg-dark);

    font-size:20px;
    line-height:1.15;
}


.species-featured-copy>em {
    display:block;

    overflow:hidden;

    margin-top:4px;

    color:var(--sg-muted);

    font-size:10px;
    line-height:1.3;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.species-featured-card>b {
    margin-top:auto;
}


/* ---------- biblioteca ---------- */

.species-card {
    min-height:220px;
}


.species-card-identity {
    display:flex;
    align-items:center;
    gap:13px;

    margin-top:20px;
}


.species-card-identity-copy {
    min-width:0;
}


.species-card-identity-copy h3 {
    margin:0!important;

    color:var(--sg-dark);

    font-size:18px;
    line-height:1.18;
}


.species-card-identity-copy em {
    display:-webkit-box;

    overflow:hidden;

    margin-top:4px;

    color:var(--sg-muted);

    font-size:10px;
    line-height:1.3;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}


.species-card>p {
    margin-top:15px;
}


/* ---------- hover ---------- */

.species-featured-card:hover
.species-card-portrait img,
.species-card:hover
.species-card-portrait img {
    transform:scale(1.035);
}


.species-card-portrait img {
    transition:transform .22s ease;
}


/* ---------- mobile ---------- */

@media (max-width:639px) {

    .species-card-portrait {
        flex-basis:64px;

        width:64px;
        height:64px;
    }


    .species-card-portrait img,
    .species-card-initial {
        width:64px!important;
        height:64px!important;
    }


    .species-card-portrait--featured {
        flex-basis:74px;

        width:74px;
        height:74px;
    }


    .species-card-portrait--featured img,
    .species-card-portrait--featured
    .species-card-initial {
        width:74px!important;
        height:74px!important;
    }


    .species-featured-copy>strong {
        font-size:18px;
    }

}



/* ==================================================
   PREMIUM_SPECIES_TECHNICAL_R6_CSS
   ================================================== */


.species-technical-summary {
    padding:
        44px
        0
        46px;

    border-top:
        1px solid #dfeae5;

    border-bottom:
        1px solid #dfeae5;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(241,196,0,.11),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #f4faf7,
            #fff 56%,
            #fffbed
        );
}


.species-technical-heading {
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:38px;

    margin-bottom:25px;
}


.species-technical-heading h2 {
    max-width:600px;

    margin:8px 0 0;

    color:var(--sg-dark);

    font-size:29px;
    line-height:1.12;
    letter-spacing:-.028em;
}


.species-technical-heading>p {
    max-width:370px;

    margin:0;

    color:#6c7e77;

    font-size:10px;
    line-height:1.62;
}


.species-technical-grid {
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:10px;
}


.species-technical-card {
    min-width:0;

    padding:
        18px
        17px;

    border:
        1px solid #dae8e1;

    border-radius:15px;

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

    box-shadow:
        0 7px 19px
        rgba(17,68,51,.045);
}


.species-technical-card>span,
.species-technical-card>strong,
.species-technical-card>small {
    display:block;
}


.species-technical-card>span {
    color:#75877f;

    font-size:8px;
    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.species-technical-card>strong {
    margin-top:7px;

    color:#076246;

    font-size:18px;
    line-height:1.2;
}


.species-technical-card>small {
    margin-top:6px;

    color:#7a8983;

    font-size:8px;
    line-height:1.45;
}


.species-technical-note {
    display:grid;

    grid-template-columns:
        90px
        minmax(0,1fr);

    gap:16px;

    margin-top:12px;

    padding:
        14px
        17px;

    border-left:
        3px solid #e5bf14;

    border-radius:
        0
        11px
        11px
        0;

    background:#fffbea;
}


.species-technical-note strong {
    color:#665300;

    font-size:10px;
}


.species-technical-note p {
    margin:0;

    color:#706a4f;

    font-size:10px;
    line-height:1.6;
}


.species-technical-sources {
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:
        5px
        12px;

    margin-top:13px;

    color:#89968f;

    font-size:7px;
}


.species-technical-sources>span {
    font-weight:800;
}


.species-technical-sources a {
    color:#617b70;

    text-decoration:underline;
}


.species-technical-warning {
    margin-top:8px;

    color:#8a958f;

    font-size:7px;
    line-height:1.45;
}


.species-technical-warning strong {
    color:#6f7e77;
}


@media (max-width:900px) {

    .species-technical-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


@media (max-width:639px) {

    .species-technical-summary {
        padding:
            35px
            0
            38px;
    }


    .species-technical-heading {
        align-items:flex-start;
        flex-direction:column;

        gap:10px;
    }


    .species-technical-heading h2 {
        font-size:25px;
    }


    .species-technical-grid {
        grid-template-columns:
            1fr
            1fr;

        gap:8px;
    }


    .species-technical-card {
        padding:
            15px
            13px;
    }


    .species-technical-card>strong {
        font-size:15px;
    }


    .species-technical-note {
        grid-template-columns:1fr;

        gap:4px;
    }

}



/* ==================================================
   PREMIUM_SPECIES_TECHNICAL_R61_CSS
   Perfil técnico herdado / referência de grupo
   ================================================== */


.species-technical-scope {
    display:flex;

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

    gap:24px;

    margin:
        -4px
        0
        14px;

    padding:
        11px
        14px;

    border:
        1px solid #d9e8e1;

    border-radius:11px;

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


.species-technical-scope strong {
    flex:0 0 auto;

    color:#08704f;

    font-size:8px;
    font-weight:900;

    letter-spacing:.055em;

    text-transform:uppercase;
}


.species-technical-scope span {
    max-width:640px;

    color:#76867f;

    text-align:right;

    font-size:8px;
    line-height:1.45;
}


@media (max-width:639px) {

    .species-technical-scope {
        align-items:flex-start;
        flex-direction:column;

        gap:4px;
    }


    .species-technical-scope span {
        text-align:left;
    }

}