.atlas-pdp-shortcode {
    --cream: #f7f7f7;
    --cream-d: #EEEEEE;
    --cream-dd: #EEEEEE;
    --white: #FFFFFF;
    --ink: #0F1A0F;
    --ink2: #3A4838;
    --muted: #7A8A78;
    --faint: #C0CCBC;
    --green: #1c3e30;
    --green-m: #1D4A2A;
    --green-l: #2C6635;
    --green-bg: #ECF3EC;
    --gold: #B8963E;
    --check: #2A7E3C;
    --line: rgba(15, 36, 21, .1);
    background: var(--cream);
    color: var(--ink);
    font-family: 'DM Sans', sans-serif;
}

.atlas-pdp-shortcode * {
    box-sizing: border-box;
}

.atlas-pdp-shortcode .hero {
    max-width: 100%;
    margin: 0 auto;
    padding: 32px 48px 56px;
    display: grid;
    grid-template-columns: 58fr 42fr;
    gap: 56px;
    align-items: start;
}

.atlas-pdp-shortcode .gallery {
    position: sticky;
    top: 80px;
}

.atlas-pdp-shortcode .g-main-wrap {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: var(--cream-d);
}

.atlas-pdp-shortcode .gscroll {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    height: 520px;
}

.atlas-pdp-shortcode .gscroll::-webkit-scrollbar {
    display: none;
}

.atlas-pdp-shortcode .gslide {
    flex: 0 0 100%;
    scroll-snap-align: center;
}

.atlas-pdp-shortcode .gslide img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
}

.atlas-pdp-shortcode .gbadge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 5;
}

.atlas-pdp-shortcode .gtype {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    background: var(--green);
    color: rgba(255, 255, 255, .8);
    padding: 5px 12px;
    border-radius: 2px;
}

.atlas-pdp-shortcode .gdots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
    z-index: 5;
}

.atlas-pdp-shortcode .gdot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .35);
    transition: all .18s;
}

.atlas-pdp-shortcode .gdot.on {
    background: #fff;
    width: 16px;
    border-radius: 3px;
}

.atlas-pdp-shortcode .gthumbs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.atlas-pdp-shortcode .gthumb {
    flex: 1;
    height: 78px;
    border-radius: 3px;
    overflow: hidden;
    border: 1.5px solid transparent;
    cursor: pointer;
    background: var(--cream-d);
    transition: border-color .15s;
    max-width: 180px;
}

.atlas-pdp-shortcode .gthumb.on {
    border-color: var(--green);
}

.atlas-pdp-shortcode .gthumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.atlas-pdp-shortcode .crumb {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--muted);
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.atlas-pdp-shortcode .crumb a {
    color: var(--muted);
    text-decoration: none;
}

.atlas-pdp-shortcode .crumb a:hover {
    color: var(--ink);
}

.atlas-pdp-shortcode .strain-cat {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    display: none;
}

.atlas-pdp-shortcode .strain-cat a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--muted);
}

.atlas-pdp-shortcode .strain-cat:after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--cream-dd);
}

.atlas-pdp-shortcode .pname {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 1;
    letter-spacing: -.5px;
    color: var(--ink);
    margin-bottom: 8px;
}

.atlas-pdp-shortcode .lineage {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 18px;
    color: var(--ink2);
    margin-bottom: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.atlas-pdp-shortcode .tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.atlas-pdp-shortcode .tag {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: .4px;
    text-transform: uppercase;
    padding: 4px 10px;
    border: 1px solid var(--cream-dd);
    color: var(--ink2);
    border-radius: 2px;
    background: var(--white);
}

.atlas-pdp-shortcode .rrow {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: 20px;
}

.atlas-pdp-shortcode .rstars {
    color: var(--gold);
    font-size: 18px;
}

.atlas-pdp-shortcode .rcnt {
    font-size: 16px;
    color: var(--muted);
    font-weight: 500;
}

.atlas-pdp-shortcode .price-row {
    display: flex;
    align-items: baseline;
    gap: 0px;
    margin-bottom: 5px;
}

.atlas-main-price del {
    order: 2;
}

.atlas-main-price ins {
    order: 1;
    text-decoration: none;
}

.atlas-main-price {
    display: flex;
    align-items: center;
    gap: 10px;
}

.atlas-pdp-shortcode .price-cur {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 1;
    color: var(--green);
}

.atlas-pdp-shortcode .price-cur del {
    border: 0 !important;
    text-decoration: none !important;
}

.sale-pill {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: var(--check);
    color: #fff;
    padding: 4px 12px;
    border-radius: 2px;
    align-self: center;
}

.atlas-pdp-shortcode .price-cur del .woocommerce-Price-amount {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    color: var(--faint);
    text-decoration: line-through;
    font-weight: 400;
}

.atlas-pdp-shortcode .price-cur del {
    color: var(--faint);
    margin-right: 8px;
}

.atlas-pdp-shortcode .price-cur ins {
    text-decoration: none;
}

.atlas-pdp-shortcode .stock-line {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--check);
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.atlas-pdp-shortcode .sdot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--check);
}

.atlas-pdp-shortcode .slabel {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 10px;
}

.atlas-pdp-shortcode .pack-sel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1.5px solid var(--cream-dd);
    border-radius: 4px;
    /* overflow:hidden; */
    margin-bottom: 20px;
    background: var(--white);
}

.atlas-pdp-shortcode .popt {
    position: relative;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 16px 10px 13px;
    text-align: center;
    border-right: 1px solid var(--cream-dd);
    transition: background .12s;
    border-radius: unset !important;
}

.atlas-pdp-shortcode .stock-line.is-out-of-stock {
    color: #b3261e;
}

.atlas-pdp-shortcode .stock-line.is-out-of-stock .sdot {
    background: #b3261e;
}

.atlas-pdp-shortcode .atlas-add-to-cart.disabled,
.atlas-pdp-shortcode .atlas-add-to-cart:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    background: #7a7060;
}

.ti-shopping-cart-plus:before {
    font-size: 15px;
}

.atlas-pdp-shortcode .popt:last-child {
    border-right: none;
}

.atlas-pdp-shortcode .popt:hover:not(.active) {
    background: var(--cream);
}

.atlas-pdp-shortcode .popt.active {
    background: var(--green);
}

.atlas-pdp-shortcode .popt .pnum {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.1;
    color: var(--ink);
}

.atlas-pdp-shortcode .popt.active .pnum,
.atlas-pdp-shortcode .popt.active .pprice,
.atlas-pdp-shortcode .popt.active .amount {
    color: #fff;
}


.atlas-pdp-shortcode .pnum {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.atlas-pdp-shortcode .pnum-main {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
}

.atlas-pdp-shortcode .popt.active span.pnum-main {
    font-weight: bold;
}

.atlas-pdp-shortcode .pnum-label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--muted);
    line-height: 1;
}

.atlas-pdp-shortcode .popt.active .pnum-label {
    color: rgba(255, 255, 255, .45);
    font-weight: bold;
}

.atlas-pdp-shortcode .pprice {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 26px;
    color: var(--green-m);
    margin-top: 12px;
}

.atlas-pdp-shortcode .ptag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: var(--gold);
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
}

.atlas-pdp-shortcode .ptag.g {
    background: var(--green-l);
}

.atlas-pdp-shortcode .reward {
    border-top: 1px solid var(--cream-dd);
    border-bottom: 1px solid var(--cream-dd);
    padding: 14px 0;
    margin-bottom: 20px;
}

.atlas-pdp-shortcode .rw-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.atlas-pdp-shortcode .rw-lbl {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ink2);
    display: flex;
    align-items: center;
    gap: 6px;
}

.atlas-pdp-shortcode .rw-msg {
    font-size: 14px;
    color: var(--muted);
}

.atlas-pdp-shortcode .rw-track {
    height: 3px;
    border-radius: 2px;
    background: var(--cream-dd);
    overflow: hidden;
}

.atlas-pdp-shortcode .rw-fill {
    height: 100%;
    background: var(--green-m);
    border-radius: 2px;
    transition: width .35s;
}

.atlas-pdp-shortcode .rw-note {
    font-size: 14px;
    color: var(--muted);
    margin-top: 7px;
    line-height: 1.5;
}

.atlas-pdp-shortcode .proof {
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.atlas-pdp-shortcode .qrow {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    align-items: stretch;
}

.atlas-pdp-shortcode .qctl {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--cream-dd);
    border-radius: 4px;
    overflow: hidden;
    background: var(--white);
}

.atlas-pdp-shortcode .qb {
    width: 42px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    font-size: 18px;
    color: var(--ink);
    cursor: pointer;
    border-radius: 0 !important;
}

.atlas-pdp-shortcode .qb:hover,
.atlas-pdp-shortcode .qb:focus {
    background: var(--cream) !important;
    color: var(--ink) !important;
}

.atlas-pdp-shortcode .qv {
    width: 36px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

.atlas-pdp-shortcode .atc {
    flex: 1;
    background: var(--green);
    border: none;
    border-radius: 4px;
    color: var(--cream);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 18px;
    transition: background .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.atlas-pdp-shortcode .atc:hover {
    background: var(--green-m);
}

.atlas-pdp-shortcode .atc.loading {
    opacity: .75;
    pointer-events: none;
}

.atlas-pdp-shortcode .atc.added {
    background: var(--check);
}

.atlas-pdp-shortcode .pay-line,
.atlas-pdp-shortcode .trust-inline {
    font-size: 14px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 8px;
}

.pay-line .ti,
.trust-inline .ti {
    font-size: 22px;
    color: var(--ink2);
}

.pay-line img{
    width: 32px;
}

.ti-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.atlas-pdp-shortcode .trust-inline {
    gap: 22px;
    padding-top: 14px;
    border-top: 1px solid var(--cream-dd);
}

.atlas-pdp-shortcode .germ {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--cream-d);
    border-radius: 4px;
    padding: 14px;
    margin-top: 14px;
}

.atlas-pdp-shortcode .germ i {
    font-size: 22px;
    color: var(--green-m);
}

.atlas-pdp-shortcode .germ-t {
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
}

.atlas-pdp-shortcode .germ-s {
    font-size: 14px;
    color: var(--muted);
}

.atlas-pdp-shortcode .spec-band {
    background: var(--green);
    padding: 40px 0;
}

.atlas-pdp-shortcode .spec-inner,
.atlas-pdp-shortcode .sw,
.atlas-pdp-shortcode .faq-inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 48px;
}

.atlas-pdp-shortcode .spec-head-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 28px;
}

.atlas-pdp-shortcode .spec-head {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
}

.atlas-pdp-shortcode .spec-sub {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgb(255 255 255 / 70%);
}

.atlas-pdp-shortcode .spec-row {
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.atlas-pdp-shortcode .spec-item {
    flex: 1;
    padding: 22px 22px 18px;
    border-right: 1px solid rgba(255, 255, 255, .07);
}

.atlas-pdp-shortcode .spec-item i{
    font-size: 14px;
}

.atlas-pdp-shortcode .spec-item:last-child {
    border-right: none;
}

.woocommerce a.added_to_cart{
    display: none !important;
}

.atlas-pdp-shortcode .spec-k {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.atlas-pdp-shortcode .spec-v {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    line-height: 1;
}

.atlas-pdp-shortcode .spec-sub2 {
    font-family: 'IBM Plex Mono',monospace;
    font-size: 12px;
    color: rgba(255,255,255,.45);
    margin-top: 4px;
}

.atlas-pdp-shortcode .spec-v a {
    color: #fff;
    text-decoration: none;
}

.atlas-pdp-shortcode .sg {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.atlas-pdp-shortcode .sg-t {
    height: 2px;
    width: 52px;
    background: rgba(255,255,255,.1);
    border-radius: 1px;
    overflow: hidden;
}

.atlas-pdp-shortcode .sg-f {
    height: 100%;
    background: var(--gold);
    border-radius: 1px;
}

.atlas-pdp-shortcode .sg-l {
    font-family: 'IBM Plex Mono',monospace;
    font-size: 16px;
    color: rgba(255,255,255,.45);
}

.atlas-pdp-shortcode .spec-foot {
    font-family: 'IBM Plex Mono',monospace;
    font-size: 18px;
    color: rgb(255 255 255 / 70%);
    padding-top: 14px;
    letter-spacing: .3px;
}

.atlas-pdp-shortcode .sec-div {
    padding: 52px 0 0;
    margin-bottom: 30px;
    border-top: 1px solid var(--cream-dd);
    display: flex;
    align-items: center;
    gap: 16px;
}

.atlas-pdp-shortcode .sec-num {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--faint);
}

.atlas-pdp-shortcode .sec-title,
.atlas-pdp-shortcode .faq-head {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 36px;
    color: var(--ink);
}

.atlas-pdp-shortcode .about-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    padding-bottom: 52px;
}

.atlas-pdp-shortcode .about-text {
    font-size: 18px;
    line-height: 1.85;
    color: var(--ink2);
}

.atlas-pdp-shortcode .about-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.atlas-pdp-shortcode .about-list li {
    font-size: 18px;
    color: var(--ink2);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--cream-dd);
}

.atlas-pdp-shortcode .about-list li:first-child {
    border-top: 1px solid var(--cream-dd);
}

.atlas-pdp-shortcode .faq-section {
    background: var(--cream-d);
    padding: 52px 0;
}

.atlas-pdp-shortcode .faq-head {
    margin-bottom: 24px;
}

.atlas-pdp-shortcode .faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 52px;
    align-items: start;
}

.atlas-pdp-shortcode .fq {
    border-bottom: 1px solid var(--muted);
}

.atlas-pdp-shortcode .fqb {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 0;
    background: transparent;
    border: none;
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    text-align: left;
}

.atlas-pdp-shortcode .fqb:hover, .atlas-pdp-shortcode .fqb:focus{
    background-color: unset !important;
    color: unset !important;
}

.atlas-pdp-shortcode .fq-pm {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    color: var(--green-m);
}

.atlas-pdp-shortcode .fq-c {
    font-size: 16px;
    color: var(--ink2);
    line-height: 1.65;
    overflow: hidden;
    max-height: 0;
    transition: max-height .28s ease;
}

.atlas-pdp-shortcode .fq-c.open {
    max-height: 220px;
    padding-bottom: 16px;
}


/* GROWING */
.atlas-pdp-shortcode .grow-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    background: var(--cream-dd);
    border: 1px solid var(--cream-dd);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 52px
}

.atlas-pdp-shortcode .grow-card {
    background: var(--white);
    padding: 30px 24px
}

.atlas-pdp-shortcode .grow-num {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 52px;
    line-height: .85;
    color: var(--cream-d);
    margin-bottom: 14px
}

.atlas-pdp-shortcode .grow-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: .8px
}
.atlas-pdp-shortcode .grow-title i {
    display: none;
}

.atlas-pdp-shortcode .grow-body {
    font-size: 16px;
    line-height: 1.75;
    color: var(--ink2)
}


/* REVIEWS */
.atlas-pdp-shortcode .rev-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 48px;
    padding-bottom: 52px;
    align-items: start
}

.atlas-pdp-shortcode .rev-score-box {
    background: var(--cream-d);
    border-radius: 4px;
    padding: 24px;
    text-align: center
}

.rs-big {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 1;
    color: var(--ink)
}

.atlas-pdp-shortcode .rs-stars {
    color: var(--gold);
    font-size: 16px;
    letter-spacing: .5px;
    margin: 6px 0 4px
}

.atlas-pdp-shortcode .rs-sub {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: var(--muted)
}

.atlas-pdp-shortcode .rs-sep {
    height: 1px;
    background: var(--cream-dd);
    margin: 16px 0
}

.atlas-pdp-shortcode .rb-row {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    color: var(--muted);
    margin-bottom: 5px
}

.atlas-pdp-shortcode .rb {
    flex: 1;
    height: 3px;
    border-radius: 2px;
    background: var(--cream-dd);
    overflow: hidden
}

.atlas-pdp-shortcode .rb i {
    display: block;
    height: 100%;
    background: var(--gold);
    border-radius: 2px
}

.atlas-pdp-shortcode .rev-cards {
    display: flex;
    flex-direction: column;
    gap: 0
}

.atlas-pdp-shortcode .rev-card {
    padding: 22px 0;
    border-bottom: 1px solid var(--cream-dd)
}

.atlas-pdp-shortcode .rev-card:first-child {
    border-top: 1px solid var(--cream-dd)
}

.atlas-pdp-shortcode .rv-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.atlas-pdp-shortcode .rv-avt {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: var(--green-bg);
    color: var(--green-m);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0
}

.atlas-pdp-shortcode .rv-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--ink)
}

.atlas-pdp-shortcode .rv-stars {
    color: var(--gold);
    font-size: 18px;
    letter-spacing: .3px;
    margin-top: 2px
}

.atlas-pdp-shortcode .rv-vf {
    margin-left: auto;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 12px;
    color: var(--check);
    display: flex;
    align-items: center;
    gap: 3px
}

.atlas-pdp-shortcode .rv-photos {
    display: flex;
    gap: 6px;
    margin-bottom: 10px
}

.atlas-pdp-shortcode .rv-photos image-slot {
    width: 56px;
    height: 56px
}

.atlas-pdp-shortcode .rv-txt {
    font-size: 16px;
    line-height: 1.65;
    color: var(--ink2)
}

.atlas-pdp-shortcode .all-rev {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--green-m) !important;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    cursor: pointer;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    padding: 0px !important;
}
.atlas-pdp-shortcode .all-rev:hover {
    background: none !important;
}

/* UPSELL */
.atlas-pdp-shortcode .up-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: var(--cream-dd);
    border: 1px solid var(--cream-dd);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 52px
}

.atlas-pdp-shortcode .up-card {
    background: var(--white);
    cursor: pointer;
    transition: background .12s
}

.atlas-pdp-shortcode .up-card:hover {
    background: var(--cream)
}

.atlas-pdp-shortcode .up-card image-slot {
    width: 100%;
    height: 160px;
    display: block
}

.atlas-pdp-shortcode .up-body {
    padding: 14px
}

.atlas-pdp-shortcode .up-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px
}

.atlas-pdp-shortcode .up-meta {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.atlas-pdp-shortcode .up-price {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    color: var(--green-m);
    font-weight: 600
}

.atlas-pdp-shortcode .up-star {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 12px;
    color: var(--muted)
}
.atlas-pdp-shortcode .up-card{
    display:block;
    text-decoration:none;
    color:inherit;
    background:var(--white);
    cursor:pointer;
    transition:background .12s;
}

.atlas-pdp-shortcode .up-card:hover{
    background:var(--cream);
}

.atlas-pdp-shortcode .up-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

.atlas-pdp-shortcode .gallery.mobile {
    display: none;
}


.atlas-pdp-shortcode .atlas-spec-add-btn {
    background: transparent !important;
    border: 1px solid #eeeeee;
    color: #fff !important;
    padding: 8px 14px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    width: 100% !important;
}

.atlas-spec-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

.atlas-spec-modal.active {
    display: flex;
}

.stock-line.mobile-stock {
    display: none;
}

.stock-line.desktop-stock {
    display: block;
}

.atlas-spec-modal-box {
    width: 600px;
    max-width: calc(100% - 30px);
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    position: relative;
}

.atlas-existing-values p {
    width: 100%;
}

.atlas-spec-modal-box h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 32px;
    color: var(--ink);
}

.atlas-spec-close {
    position: absolute;
    top: 18px;
    right: 20px;
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    color: #1c3e30 !important;
}

.atlas-spec-modal-box p, .atlas-spec-modal-box label {
    font-size: 14px;
    line-height: 1.85;
    color: var(--ink2);
}

.atlas-spec-modal-box .atlas-existing-values {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    margin-top: 12px;
    margin-bottom: 12px;
    gap: 10px;
}

.atlas-spec-modal-box .atlas-value-option {
    cursor: pointer !important;
    text-align: center !important;
    font-size: 14px !important;
    color: rgb(33, 28, 23) !important;
    padding: 12px 16px !important;
    background: #eeeeee !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #dddddd !important;
    border-image: initial !important;
    border-radius: 4px !important;
    transition: 0.2s !important;
}

.atlas-spec-modal-box .atlas-value-option.selected {
    background: #1c3e30 !important;
    color: #fff !important;
    border-color: #1c3e30 !important;
}

.atlas-spec-modal-box .atlas-custom-wrap {
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.atlas-spec-modal-box .atlas-custom-value {
    text-align: left !important;
    font-size: 14px !important;
    color: rgb(33, 28, 23) !important;
    padding: 12px 16px !important;
    background: #eeeeee !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #dddddd !important;
    border-image: initial !important;
    border-radius: 4px !important;
    transition: 0.2s !important;
}

.atlas-spec-modal-box .atlas-spec-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

.atlas-spec-modal-box .atlas-spec-save {
    cursor: pointer !important;
    text-align: center !important;
    font-size: 14px !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    background: #1c3e30 !important;
    border-radius: 4px !important;
    transition: 0.2s !important;
    border: unset !important;
}

.atlas-spec-modal-box .atlas-spec-cancel {
    cursor: pointer !important;
    text-align: center !important;
    font-size: 14px !important;
    color: rgb(33, 28, 23) !important;
    padding: 12px 16px !important;
    background: #eeeeee !important;
    border-radius: 4px !important;
    transition: 0.2s !important;
    border: unset !important;
}

.atlas-spec-modal-box.is-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.72);
    z-index: 20;
    border-radius: 14px;
}

.atlas-spec-modal-box.is-loading::after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    border: 3px solid #dddddd;
    border-top-color: #1c3e30;
    border-radius: 50%;
    z-index: 21;
    animation: atlasSpecSpin 0.75s linear infinite;
}

@keyframes atlasSpecSpin {
    to {
        transform: rotate(360deg);
    }
}

.atlas-spec-save:disabled {
    opacity: 0.7;
    cursor: not-allowed !important;
}

@media (max-width: 991px) {
    .atlas-pdp-shortcode .hero {
        grid-template-columns: 1fr;
        padding: 24px 20px 40px;
        gap: 30px;
    }

    .atlas-pdp-shortcode .gallery {
        position: relative;
        top: auto;
    }

    .atlas-pdp-shortcode .gscroll,
    .atlas-pdp-shortcode .gslide img {
        height: 420px;
    }

    .atlas-pdp-shortcode .pname {
        font-size: 42px;
    }

    .atlas-pdp-shortcode .spec-inner,
    .atlas-pdp-shortcode .sw,
    .atlas-pdp-shortcode .faq-inner {
        padding: 0 20px;
    }

    .atlas-pdp-shortcode .spec-row,
    .atlas-pdp-shortcode .about-layout,
    .atlas-pdp-shortcode .faq-grid {
        display: block;
    }

    .atlas-pdp-shortcode .spec-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
    }
}

@media (max-width: 575px) {

    .atlas-pdp-shortcode .gscroll,
    .atlas-pdp-shortcode .gslide img {
        height: 340px;
    }

    .atlas-pdp-shortcode .pack-sel {
        grid-template-columns: 1fr;
    }

    .atlas-pdp-shortcode .popt {
        border-right: none;
        border-bottom: 1px solid var(--cream-dd);
    }

    .atlas-pdp-shortcode .qrow {
        flex-direction: column;
    }

    .atlas-pdp-shortcode .qctl {
        width: 100%;
        justify-content: space-between;
    }

    .atlas-pdp-shortcode .qb {
        width: 48px;
        height: 48px;
    }

    .atlas-pdp-shortcode .atc {
        width: 100%;
    }
}


@media (max-width: 768px) {

    .atlas-pdp-shortcode .hero {
        display: flex;
        flex-direction: column;
        padding: 0 18px 20px;
        gap: 12px;
    }

    .atlas-pdp-shortcode .buy-panel {
        display: flex;
        flex-direction: column;
        order: 2;
        width: 100%;
    }
    
    .atlas-pdp-shortcode .gallery {
        display: none;
    }
    .atlas-pdp-shortcode .gallery.mobile {
        display: block;
        order: initial !important;
    }

    .atlas-pdp-shortcode .crumb {
        /*order: 1;*/
        padding: 6px 0 4px;
        margin-bottom: 4px;
        font-size: 9.5px;
    }

    .atlas-pdp-shortcode .strain-cat {
        /*order: 2;*/
        margin-bottom: 4px;
    }

    .atlas-pdp-shortcode .strain-cat a {
        color: var(--green);
    }

    .atlas-pdp-shortcode .pname {
        /*order: 3;*/
        font-size: 24px;
        line-height: 1.06;
        margin-bottom: 4px;
        margin-top: 3px;
    }

    .atlas-pdp-shortcode .slabel {
        font-size: 9.5px;
    }

    .atlas-pdp-shortcode .rw-lbl{
        font-size: 11px;
    }

    .atlas-pdp-shortcode .rw-note{
        font-size: 12px;
    }

    .atlas-pdp-shortcode .proof{
        font-size: 12px;
    }



    .atlas-pdp-shortcode .lineage {
        /*order: 4;*/
        font-size: 14px;
        margin-bottom: 6px;
    }

    .atlas-pdp-shortcode .tags {
        /*order: 5;*/
        margin-bottom: 6px;
    }

    .atlas-pdp-shortcode .tag {
        font-size: 9px;
        padding: 3px 7px;
    }

    .atlas-pdp-shortcode .rrow {
        /*order: 6;*/
        margin-bottom: 8px;
    }

    .atlas-pdp-shortcode .gallery {
        position: relative;
        top: auto;
        width: 100%;
        margin: 6px 0 0;
        border: 1px solid var(--cream-dd);
        border-radius: 4px;
        /*order: 1;*/
    }

    .atlas-pdp-shortcode .gscroll,
    .atlas-pdp-shortcode .gslide img {
        height: 220px;
    }

    .atlas-pdp-shortcode .gthumbs {
        gap: 5px;
        padding: 7px 8px 8px;
        margin-top: 0;
        top: auto;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 99999;
    }

    .atlas-pdp-shortcode .gthumb {
        height: 38px;
    }

    .atlas-pdp-shortcode .gbadge {
        top: 10px;
        left: 10px;
    }

    .atlas-pdp-shortcode .gtype {
        font-size: 11px;
        padding: 4px 9px;
    }

    .atlas-pdp-shortcode .price-row {
        /*order: 6;*/
        margin-top: 7px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--cream-dd);
        align-items: center;
        gap: 10px;
    }

    .atlas-pdp-shortcode .price-cur,
    .atlas-pdp-shortcode .price-cur .woocommerce-Price-amount {
        font-size: 34px;
    }

    .atlas-pdp-shortcode .price-cur del .woocommerce-Price-amount {
        font-size: 20px;
    }

    .atlas-pdp-shortcode .sale-pill {
        font-size: 10px;
        padding: 3px 8px;
    }

    .atlas-pdp-shortcode .stock-line {
        /*order: 7;*/
        font-size: 11px;
        margin-bottom: 14px;
    }

    /*.atlas-pdp-shortcode .slabel {*/
    /*    order: 8;*/
    /*}*/

    /*.atlas-pdp-shortcode .pack-sel {*/
    /*    order: 9;*/
    /*}*/

    /*.atlas-pdp-shortcode .reward {*/
    /*    order: 10;*/
    /*}*/

    /*.atlas-pdp-shortcode .proof {*/
    /*    order: 11;*/
    /*}*/

    .atlas-pdp-shortcode .pack-sel {
        display: flex;
        gap: 7px;
        border: none;
        background: transparent;
        margin-bottom: 14px;
        overflow: visible;
    }

    .atlas-pdp-shortcode .popt {
        flex: 1;
        border: 1.5px solid var(--cream-dd);
        border-radius: 4px !important;
        padding: 12px 6px 10px;
    }

    .atlas-pdp-shortcode .popt:not(:last-child) {
        border-right: 1.5px solid var(--cream-dd);
    }

    .atlas-pdp-shortcode .pnum-main {
        font-size: 22px;
    }

    .atlas-pdp-shortcode .pnum-label {
        font-size: 13px;
    }

    .atlas-pdp-shortcode .pprice {
        font-size: 22px;
        margin-top: 7px;
    }

    .atlas-pdp-shortcode .ptag {
        font-size: 9.5px;
        top: -8px;
    }

    .atlas-pdp-shortcode .qrow {
        order: 12;
        flex-direction: row;
        gap: 8px;
        position: fixed;
        bottom: 0;
        z-index: 99999;
        background: #fff;
        padding: 10px;
        width: 100%;
        left: 0;
        margin: 0;
    }

    .atlas-pdp-shortcode .pay-line {
        order: 13;
        justify-content: left;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .atlas-pdp-shortcode .about-list li {
        padding: 5px 0;
        border-bottom: none;
    }

    .atlas-pdp-shortcode .spec-inner{
        padding: 0 !important;
    }

    .atlas-pdp-shortcode .trust-inline{
        order: 14;
    }

    .atlas-pdp-shortcode .qctl {
        width: auto;
    }

    .atlas-pdp-shortcode .qb {
        width: 38px;
        height: auto;
    }

    .atlas-pdp-shortcode .qv {
        width: 26px;
        font-size: 14px;
    }

    .atlas-pdp-shortcode .atc {
        width: auto;
        font-size: 14px;
        padding: 13px;
    }

    .atlas-pdp-shortcode .trust-inline {
        order: 14;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        border-top: none;
        padding-top: 0;
        margin-bottom: 14px;
    }

    .atlas-pdp-shortcode .ti-item {
        background: var(--cream-d);
        padding: 8px 10px;
        border-radius: 3px;
        font-size: 13px;
    }

    .atlas-pdp-shortcode .germ {
        order: 15;
        background: #e6f0e8;
        border: 1px solid #c2dbc6;
        padding: 11px;
        margin: 0px;
    }

    .atlas-pdp-shortcode .reward {
        background: #e8e8e8;
        border: 1px solid var(--cream-dd);
        border-radius: 4px;
        padding: 11px;
        margin-bottom: 16px;
    }

    .atlas-pdp-shortcode .spec-band {
        margin-top: 20px;
        padding: 20px 18px 22px;
        background: var(--green);
    }

    .atlas-pdp-shortcode .spec-inner,
    .atlas-pdp-shortcode .sw,
    .atlas-pdp-shortcode .faq-inner {
        padding: 0 18px;
    }

    .atlas-pdp-shortcode .spec-head-row {
        display: block;
        margin-bottom: 12px;
    }

    .atlas-pdp-shortcode .spec-head {
        font-size: 22px;
    }

    .atlas-pdp-shortcode .spec-sub {
        font-size: 11px;
        margin-top: 4px;
    }

    .atlas-pdp-shortcode .spec-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1px;
        border: none;
        background: rgba(255,255,255,.06);
        border-radius: 4px;
        overflow: hidden;
    }

    .atlas-pdp-shortcode .spec-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 14px;
        border: none;
        background: rgba(255,255,255,.03);
    }

    .atlas-pdp-shortcode .spec-k {
        margin-bottom: 0;
        font-size: 12px;
        color: rgba(255,255,255,.5);
    }

    .atlas-pdp-shortcode .spec-v {
        font-family: 'IBM Plex Mono', monospace;
        font-size: 13px;
        text-align: right;
    }

    .atlas-pdp-shortcode .spec-sub2,
    .atlas-pdp-shortcode .sg-l {
        font-size: 11px;
        text-align: right;
    }

    .atlas-pdp-shortcode .spec-foot {
        font-size: 13px;
        padding: 11px 14px;
        background: rgba(0,0,0,.12);
    }

    .atlas-pdp-shortcode .sec-div {
        padding: 20px 0 0;
        margin-bottom: 12px;
    }
    .atlas-pdp-shortcode .sw.reviews .sec-div {
        border: none !important;
        padding: 0;
    }

    .atlas-pdp-shortcode .sec-title {
        font-size: 26px;
        margin: 0px !important;
    }

    .atlas-pdp-shortcode .about-layout,
    .atlas-pdp-shortcode .grow-layout,
    .atlas-pdp-shortcode .rev-layout,
    .atlas-pdp-shortcode .faq-grid {
        display: block;
        padding-bottom: unset;
        margin-bottom: 20px;
    }
    .atlas-pdp-shortcode .about-layout {
        margin-bottom: 0 !important;
    }
    .atlas-pdp-shortcode .about-list li:last-child {
        border: none !important;
    }

    .atlas-pdp-shortcode .about-text {
        font-size: 14px;
    }

    .atlas-pdp-shortcode .grow-card {
        padding: 16px;
        border-bottom: 1px solid var(--cream-dd);
    }

    .atlas-pdp-shortcode .grow-num {
        font-size: 34px;
    }

    .atlas-pdp-shortcode .rev-score-box {
        margin-bottom: 12px;
        padding: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .atlas-pdp-shortcode .rev-score-box .part1 {
        width: 30%;
    }
    .atlas-pdp-shortcode .rev-score-box .part2 {
        width: 65%;
    }
    .atlas-pdp-shortcode .rev-score-box .rs-sep, .atlas-pdp-shortcode .rev-score-box .rb-row {
        margin: 0px !important;
    }
    .atlas-pdp-shortcode .rev-score-box .rs-big {
        font-size: 54px;
        line-height: 0.9;
        margin-top: -10px;
    }

    .atlas-pdp-shortcode .rev-card {
        background: var(--white);
        border: 1px solid var(--cream-dd);
        border-radius: 4px;
        padding: 16px;
        margin-bottom: 9px;
        display: flex;
        flex-direction: column;
    }
    .atlas-pdp-shortcode .rv-top {
        order: 3;
        margin: 0;
        padding-top: 10px;
        border-top: 1px solid #e5e5e5;
    }
    .atlas-pdp-shortcode .rv-photos {
        order: 2;
    }
    .atlas-pdp-shortcode .rv-txt {
        order: 1;
    }
    .atlas-pdp-shortcode .all-rev {
        color: var(--green) !important;
        border-radius: 4px !important;
        padding: 12px !important;
        display: flex;
        justify-content: center;
        border: 1.5px solid var(--green) !important;
        margin-top: 5px !important;

    }

    .atlas-pdp-shortcode .up-grid {
        position: relative;
        display: flex;
        gap: 9px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        background: transparent;
        border: none;
        margin-bottom: 24px;
        padding-bottom: 6px;
        animation: atlasRelatedHint 1.1s ease-in-out .5s 1;
    }

    .atlas-pdp-shortcode .up-grid::-webkit-scrollbar {
        display: none;
    }

    .atlas-pdp-shortcode .up-card {
        flex: 0 0 135px;
        scroll-snap-align: start;
        border: 1px solid var(--cream-dd);
        border-radius: 4px;
        overflow: hidden;
        background: var(--white);
    }

    .atlas-pdp-shortcode .up-card img {
        height: 95px;
        width: 100%;
        object-fit: cover;
    }

    .atlas-pdp-shortcode .up-body {
        padding: 9px 10px;
    }

    .atlas-pdp-shortcode .up-name {
        font-size: 13px;
        line-height: 1.25;
    }

    .atlas-pdp-shortcode .up-price {
        font-size: 18px;
    }

    .atlas-pdp-shortcode .up-star {
        font-size: 10px;
    }

    .atlas-pdp-shortcode .faq-section {
        margin-top: 20px;
        padding: 20px 0;
    }

    .atlas-pdp-shortcode .faq-head {
        font-size: 26px;
        text-align: center;
        margin-bottom: 14px;
    }

    .stock-line.mobile-stock {
        margin-bottom: 0 !important;
        display: block;
    }

    .stock-line.desktop-stock {
        display: none;
    }

    .atlas-pdp-shortcode .fq {
        background: var(--white);
        border: 1px solid var(--cream-dd);
        border-radius: 4px;
        margin-bottom: 7px;
        overflow: hidden;
    }

    .atlas-pdp-shortcode .fqb {
        padding: 12px 13px;
        font-size: 14px;
        white-space: normal !important;
    }

    .atlas-pdp-shortcode .fq-c {
        padding: 0 13px;
    }

    .atlas-pdp-shortcode .fq-c.open {
        padding-bottom: 12px;
    }
    
    .atlas-pdp-shortcode {
        display: flex;
        flex-direction: column;
    }
    .atlas-pdp-shortcode .hero {
        order: 1;
    }
    .atlas-pdp-shortcode .spec-band {
        order: 3;
    }
    .atlas-pdp-shortcode .sw.about {
        order: 2;
    }
    .atlas-pdp-shortcode .sw.growing {
        order: 4;
        width: 100%;
    }
    .atlas-pdp-shortcode .sw.reviews {
        order: 5;
    }
    .atlas-pdp-shortcode .sw.related-products {
        order: 6;
    }
    .atlas-pdp-shortcode .faq-section {
        order: 7;
    }

    span.ssep.atlas-stock-sep {
        display: none;
    }

    span.atlas-stock-extra {
        display: none;
    }
    
    
    .atlas-pdp-shortcode .grow-layout{
        display:block;
        background:none;
        border:none;
        margin-bottom: 20px;
    }

    .atlas-pdp-shortcode .grow-card{
        padding:12px 0;
        border-bottom:1px solid #e5e5e5;
        background:none;
    }

    .atlas-pdp-shortcode .grow-num{
        display:none;
    }

    .atlas-pdp-shortcode .grow-title{
        display:flex;
        justify-content:space-between;
        align-items:center;
        cursor:pointer;
        font-size:18px;
        text-transform:none;
        margin:0;
        font-weight: 500;
    }
    .atlas-pdp-shortcode .grow-title i {
        font-size: 18px;
        display: block;
    }

    .atlas-pdp-shortcode .grow-body{
        display:none;
        padding-top:15px;
    }

    .atlas-pdp-shortcode .grow-card.active .grow-body{
        display:block;
    }

    .atlas-pdp-shortcode .grow-card.active .grow-title i{
        transform:rotate(180deg);
    }
    .atlas-pdp-shortcode .sw.growing .sec-div {
        padding: 15px 0 5px;
        margin-top: 20px;
    }
    .atlas-pdp-shortcode .sw.growing .grow-card:first-child {
        border-top: 1px solid #e5e5e5;
    }
    .atlas-pdp-shortcode .sw.growing .grow-card:last-child {
        border-bottom: none;
    }
    .atlas-pdp-shortcode .sw.growing .sec-title {
        margin: 0px !important;
    }
    .vls-cart-trigger {
        bottom: 80px !important;
    }
}

@media(max-width: 415px){
    .top-bar-main p{
        font-size: 2.9vw;
    }

    .atlas-pdp-shortcode .ti-item {
        font-size: 3.0vw;
    }
}

@keyframes atlasRelatedHint {
    0% {
        transform: translateX(0);
    }

    45% {
        transform: translateX(-18px);
    }

    100% {
        transform: translateX(0);
    }
}