/* REFLEX design system — mobile first + desktop refinement */
:root {
    --reflex-bg: #f7f7f5;
    --reflex-surface: #ffffff;
    --reflex-text: #141414;
    --reflex-text-secondary: #6b6b6b;
    --reflex-border: #ebebeb;
    --reflex-primary: #1f4e46;
    --reflex-accent: #c45c26;
    --reflex-danger: #c04545;
    --reflex-radius-sm: 6px;
    --reflex-radius-md: 12px;
    --reflex-space-xs: 4px;
    --reflex-space-sm: 8px;
    --reflex-space-md: 16px;
    --reflex-space-lg: 24px;
    --reflex-header-h: 52px;
    --reflex-bottom-h: 56px;
    --reflex-content-max: 1280px;
    --reflex-font: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, -apple-system, sans-serif;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--reflex-font);
    color: var(--reflex-text);
    background: var(--reflex-bg);
}

body.rx-shop {
    padding-bottom: calc(var(--reflex-bottom-h) + env(safe-area-inset-bottom, 0px));
}

a {
    color: inherit;
}

img,
svg,
video {
    max-width: 100%;
}

#container {
    overflow-x: hidden;
}

/* ===== Mobile shop header ===== */
#hd.rx-hd {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--reflex-surface);
    border-bottom: 1px solid var(--reflex-border);
    padding-top: env(safe-area-inset-top, 0px);
}

.rx-hd__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--reflex-header-h);
    padding: 0 var(--reflex-space-md);
    gap: var(--reflex-space-sm);
}

.rx-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--reflex-text);
    line-height: 1;
}

.rx-brand:hover,
.rx-brand:focus {
    color: var(--reflex-primary);
}

.rx-hd__actions {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}

.rx-icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: var(--reflex-text);
    font-size: 1.15rem;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--reflex-radius-sm);
}

.rx-icon-btn:hover,
.rx-icon-btn:focus {
    background: rgba(0, 0, 0, 0.04);
    outline: none;
}

.rx-icon-btn .cart-count,
.rx-icon-btn .rx-badge {
    position: absolute;
    top: 4px;
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--reflex-accent);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

.rx-search {
    padding: 0 var(--reflex-space-md) var(--reflex-space-sm);
}

.rx-search__form {
    display: flex;
    align-items: center;
    gap: var(--reflex-space-sm);
    height: 40px;
    padding: 0 12px;
    background: var(--reflex-bg);
    border: 1px solid var(--reflex-border);
    border-radius: 999px;
}

.rx-search__form label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.rx-search__form input[type="text"] {
    flex: 1;
    min-width: 0;
    height: 38px;
    border: 0;
    background: transparent;
    font-size: 0.95rem;
    color: var(--reflex-text);
}

.rx-search__form input[type="text"]::placeholder {
    color: #9a9a9a;
}

.rx-search__form button {
    border: 0;
    background: transparent;
    color: var(--reflex-text-secondary);
    font-size: 1rem;
    padding: 4px;
    cursor: pointer;
}

/* Category chips (mobile) / text nav (desktop via media) */
.rx-catnav {
    background: var(--reflex-surface);
    border-bottom: 1px solid var(--reflex-border);
}

.rx-catnav__track {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 10px var(--reflex-space-md) 12px;
}

.rx-catnav__track::-webkit-scrollbar {
    display: none;
}

.rx-catnav__item {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--reflex-bg);
    border: 1px solid transparent;
    color: var(--reflex-text-secondary);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    font-family: inherit;
}

.rx-catnav__item.is-active,
.rx-catnav__item:hover,
.rx-catnav__item:focus {
    background: var(--reflex-text);
    color: #fff;
    border-color: var(--reflex-text);
}

button.rx-catnav__item {
    appearance: none;
}

/* Home sections */
.rx-home,
.rx-main.is_index {
    background: var(--reflex-bg);
}

.rx-home .sct_wrap,
.rx-home #sidx_lat,
.rx-section {
    margin: 0 0 12px;
    padding: 16px;
    background: var(--reflex-surface);
}

.rx-home .sct_wrap > h2,
.rx-home .sct_wrap > header h2,
.rx-section > header h2,
.rx-section > h2 {
    margin: 0 0 10px;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.rx-home .sct_wrap > h2 a,
.rx-home .sct_wrap > header h2 a,
.rx-section > header h2 a {
    text-decoration: none;
}

.rx-home .sct_wrap > h2 a::after,
.rx-home .sct_wrap > header h2 a::after,
.rx-section > header h2 a::after {
    content: " ›";
    color: var(--reflex-text-secondary);
    font-weight: 400;
}

/* Hero: no large empty space */
.rx-hero:empty {
    display: none;
}

.rx-hero {
    margin: 0;
    min-height: 0;
    background: transparent;
}

.rx-hero img {
    display: block;
    width: 100%;
    height: auto;
}

/* Compact empty product state */
.sct_noitem,
.rx-home .sct_noitem,
.rx-section .sct_noitem,
#container .sct_noitem {
    width: 100%;
    margin: 0;
    padding: 20px 8px !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.4;
    text-align: center;
    color: var(--reflex-text-secondary);
    font-size: 0.9rem;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Kill legacy slider empty chrome */
.rx-section .bx-wrapper,
.rx-section .owl-carousel {
    margin: 0;
}

.rx-section .bx-wrapper:has(.sct_noitem),
.rx-main .bx-wrapper:has(.sct_noitem) {
    border: 0;
    box-shadow: none;
    background: transparent;
}

/* Product cards — 2 column dense grid */
.rx-home .sct,
.rx-main .sct,
#container.idx-container .sct {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
    padding: 0;
    list-style: none;
}

.rx-home .sct_li,
.rx-main .sct_li,
#container.idx-container .sct_li {
    width: 50%;
    margin: 0 0 16px;
    padding: 0 4px;
    float: none;
    box-sizing: border-box;
}

.rx-home .sct_li .li_wr,
.rx-main .sct_li .li_wr,
#container.idx-container .sct_li .li_wr {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.rx-home .sct_img,
.rx-main .sct_img,
#container.idx-container .sct_img {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--reflex-radius-sm);
    background: #eee;
    margin-bottom: 8px;
}

.rx-home .sct_img a,
.rx-main .sct_img a,
#container.idx-container .sct_img a {
    display: block;
    width: 100%;
    height: 100%;
}

.rx-home .sct_img img,
.rx-main .sct_img img,
#container.idx-container .sct_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rx-home .sct_txt_wr,
.rx-main .sct_txt_wr,
#container.idx-container .sct_txt_wr {
    padding: 0 2px;
}

.rx-home .sct_txt a,
.rx-main .sct_txt a,
#container.idx-container .sct_txt a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.35;
    font-weight: 500;
    text-decoration: none;
    color: var(--reflex-text);
}

.rx-home .sct_cost,
.rx-main .sct_cost,
#container.idx-container .sct_cost {
    margin-top: 4px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--reflex-text);
}

.rx-home .sct_basic,
.rx-home .sct_sns,
.rx-home .sct_star,
.rx-home .sct_id,
.rx-main .sct_basic,
.rx-main .sct_sns,
.rx-main .sct_star,
#container.idx-container .sct_basic,
#container.idx-container .sct_sns {
    display: none;
}

/* Bottom navigation */
.rx-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    display: flex;
    height: calc(var(--reflex-bottom-h) + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--reflex-border);
    backdrop-filter: blur(8px);
}

.rx-bottom-nav__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border: 0;
    background: transparent;
    color: var(--reflex-text-secondary);
    text-decoration: none;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
}

.rx-bottom-nav__item i {
    font-size: 1.15rem;
    line-height: 1;
}

.rx-bottom-nav__item.is-active,
.rx-bottom-nav__item:hover,
.rx-bottom-nav__item:focus {
    color: var(--reflex-primary);
}

/* Mobile footer */
body.rx-shop #ft {
    margin-top: var(--reflex-space-md);
    padding: var(--reflex-space-lg) var(--reflex-space-md) var(--reflex-space-md);
    background: var(--reflex-surface);
    border-top: 1px solid var(--reflex-border);
    text-align: left;
}

body.rx-shop #ft h2 {
    font-size: 0.95rem;
    margin: 0 0 10px;
}

body.rx-shop #ft_company {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 12px;
}

body.rx-shop #ft_company a {
    font-size: 0.82rem;
    color: var(--reflex-text-secondary);
    text-decoration: none;
}

body.rx-shop #ft_logo {
    display: none;
}

body.rx-shop #ft p {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.6;
    color: var(--reflex-text-secondary);
}

body.rx-shop #device_change {
    display: inline-block;
    margin-top: 12px;
    font-size: 0.8rem;
}

/* ===== Desktop PC layout ===== */
@media (min-width: 768px) {
    body.rx-shop {
        padding-bottom: 0;
        background: var(--reflex-surface);
    }

    .rx-bottom-nav {
        display: none;
    }

    /* Kill legacy YoungCart floats/sidebars if any remain */
    #aside,
    #side_menu,
    #hd_menu,
    #tabs_con,
    #quick {
        display: none;
    }

    #wrapper.rx-wrapper,
    #wrapper {
        width: 100%;
        max-width: none;
        margin: 0;
        float: none;
        background: var(--reflex-surface);
    }

    #wrapper #container.rx-container,
    #wrapper #container {
        display: block;
        float: none;
        width: 100%;
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    #wrapper .shop-content,
    #wrapper .rx-main {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Utility bar */
    .rx-pc-hd #tnb.rx-utility {
        background: var(--reflex-bg);
        border-bottom: 1px solid var(--reflex-border);
        min-height: 36px;
    }

    .rx-utility__inner {
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        padding: 0 24px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-height: 36px;
        box-sizing: border-box;
    }

    .rx-utility__links {
        display: flex;
        gap: 16px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .rx-utility__links a {
        font-size: 12px;
        color: var(--reflex-text-secondary);
        text-decoration: none;
    }

    .rx-utility__links a:hover {
        color: var(--reflex-text);
    }

    /* PC header bar */
    #hd.rx-pc-hd {
        background: var(--reflex-surface);
        border-bottom: 0;
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    #hd.rx-pc-hd #hd_wrapper.rx-pc-bar,
    .rx-pc-bar {
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        padding: 14px 24px;
        min-height: 72px;
        display: flex;
        align-items: center;
        gap: 24px;
        box-sizing: border-box;
    }

    .rx-pc-bar__brand .rx-brand {
        font-size: 1.6rem;
        white-space: nowrap;
    }

    .rx-pc-bar__search {
        flex: 1;
        max-width: 560px;
    }

    #hd.rx-pc-hd #hd_sch {
        margin: 0;
        border: 1px solid var(--reflex-border);
        border-radius: 999px;
        background: var(--reflex-bg);
        overflow: hidden;
        display: flex;
        align-items: center;
        height: 46px;
        box-sizing: border-box;
        position: relative;
    }

    #hd.rx-pc-hd #hd_sch legend {
        display: none;
    }

    #hd.rx-pc-hd #hd_sch form {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0;
        position: relative;
    }

    #hd.rx-pc-hd #hd_sch input[type="text"],
    #hd.rx-pc-hd #sch_str {
        flex: 1;
        width: auto;
        height: 46px;
        border: 0;
        background: transparent;
        padding: 0 48px 0 18px;
        font-size: 0.95rem;
        box-sizing: border-box;
        float: none;
    }

    #hd.rx-pc-hd #hd_sch #sch_submit,
    #hd.rx-pc-hd #hd_sch button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--reflex-text);
        margin: 0;
        float: none;
        box-shadow: none;
    }

    #hd.rx-pc-hd #logo img {
        display: none;
    }

    #hd.rx-pc-hd .hd_login {
        float: none;
    }

    #hd.rx-pc-hd .hd_sch_wr {
        float: none;
        width: auto;
    }

    .rx-pc-bar__actions {
        display: flex;
        align-items: center;
        gap: 4px;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: auto;
    }

    .rx-pc-action {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 40px;
        padding: 0 10px;
        border-radius: 8px;
        text-decoration: none;
        color: var(--reflex-text);
        font-size: 0.85rem;
        font-weight: 600;
        position: relative;
    }

    .rx-pc-action:hover {
        background: var(--reflex-bg);
    }

    .rx-pc-action .count,
    .rx-pc-action em.count {
        position: absolute;
        top: 2px;
        right: 0;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 999px;
        background: var(--reflex-accent);
        color: #fff;
        font-size: 10px;
        font-style: normal;
        line-height: 16px;
        text-align: center;
    }

    /* Desktop category text nav — single hierarchy */
    .rx-catnav {
        border-bottom: 1px solid var(--reflex-border);
        background: var(--reflex-surface);
    }

    .rx-catnav__track {
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        padding: 0 24px;
        gap: 0;
        overflow: visible;
        flex-wrap: wrap;
    }

    .rx-catnav__item {
        height: 48px;
        padding: 0 14px;
        border-radius: 0;
        background: transparent;
        border: 0;
        border-bottom: 2px solid transparent;
        color: var(--reflex-text);
        font-size: 0.95rem;
        font-weight: 600;
    }

    .rx-catnav__item.is-active,
    .rx-catnav__item:hover,
    .rx-catnav__item:focus {
        background: transparent;
        color: var(--reflex-primary);
        border-bottom-color: var(--reflex-primary);
    }

    button.rx-catnav__cate {
        color: var(--reflex-text);
    }

    /* Sections */
    .rx-section,
    .rx-main .sct_wrap {
        max-width: var(--reflex-content-max);
        margin: 28px auto;
        padding: 0 24px;
        background: transparent;
        box-sizing: border-box;
    }

    .rx-section > header h2,
    .rx-main .sct_wrap > header h2,
    .rx-main .sct_wrap > h2 {
        margin: 0 0 14px;
        font-size: 1.4rem;
        font-weight: 800;
        letter-spacing: -0.03em;
    }

    .rx-section .sct_noitem,
    .rx-main .sct_noitem {
        padding: 28px 12px !important;
        font-size: 0.95rem;
        background: var(--reflex-bg) !important;
        border-radius: var(--reflex-radius-md);
    }

    .rx-hero {
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .rx-main .sct_li {
        width: 25%;
        padding: 0 8px;
        margin-bottom: 24px;
    }

    /* Modern footer */
    #ft.rx-footer,
    .rx-footer {
        margin-top: 48px;
        padding: 48px 24px 40px;
        background: #f3f3f1;
        border-top: 1px solid var(--reflex-border);
    }

    .rx-footer__inner {
        max-width: var(--reflex-content-max);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.1fr 2fr;
        gap: 40px;
    }

    .rx-footer__brand .rx-brand {
        font-size: 1.35rem;
        margin-bottom: 12px;
    }

    .rx-footer__copy {
        margin: 0;
        font-size: 0.8rem;
        color: var(--reflex-text-secondary);
        line-height: 1.5;
    }

    .rx-footer__cols {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        gap: 32px;
    }

    .rx-footer__col h2 {
        margin: 0 0 12px;
        font-size: 0.85rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        color: var(--reflex-text);
    }

    .rx-footer__col ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .rx-footer__col li {
        margin: 0 0 8px;
        font-size: 0.86rem;
        color: var(--reflex-text-secondary);
        line-height: 1.45;
    }

    .rx-footer__col li span {
        display: inline-block;
        min-width: 7.5em;
        color: #8a8a8a;
    }

    .rx-footer__links a {
        text-decoration: none;
        color: var(--reflex-text-secondary);
    }

    .rx-footer__links a:hover {
        color: var(--reflex-text);
    }

    /* Scroll top */
    .rx-top-btn {
        position: fixed;
        right: 24px;
        bottom: 24px;
        z-index: 1200;
        width: 44px;
        height: 44px;
        border: 1px solid var(--reflex-border);
        border-radius: 999px;
        background: #fff;
        color: var(--reflex-text);
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    }

    .rx-top-btn.is-visible {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (min-width: 1024px) {
    .rx-main .sct_li {
        width: 20%;
    }
}

@media (max-width: 767px) {
    #aside,
    #side_menu,
    #hd_menu,
    .rx-top-btn,
    .rx-utility {
        display: none;
    }

    #hd.rx-pc-hd {
        /* mobile uses separate mshop head; if this leaks, keep compact */
    }
}

/* ===== Phase 4: live product cards + list page ===== */
.rx-main .sct_li,
.rx-list .sct_li,
.rx-home .sct_li,
#container .sct_li {
    width: 50% !important;
    max-width: none !important;
}

.rx-main .sct_img img,
.rx-list .sct_img img,
.rx-home .sct_img img,
#container .sct_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.rx-main .sct_cost,
.rx-list .sct_cost,
.rx-home .sct_cost {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
}

.rx-main .sct_cost .sct_discount,
.rx-list .sct_cost .sct_discount,
.rx-home .sct_cost .sct_discount,
.rx-main .sct_cost strike,
.rx-list .sct_cost strike,
.rx-home .sct_cost strike,
.rx-main .sct_cost s,
.rx-list .sct_cost s,
.rx-home .sct_cost s {
    color: var(--reflex-text-secondary);
    font-size: 0.78rem;
    font-weight: 500;
    text-decoration: line-through;
}

.rx-section {
    margin-top: 36px;
    margin-bottom: 8px;
}

.rx-list {
    max-width: var(--reflex-content-max);
    margin: 0 auto;
    padding: 16px 16px 32px;
    box-sizing: border-box;
}

.rx-list__head {
    margin: 8px 0 16px;
}

.rx-list__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.rx-list__toolbar {
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
}

.rx-list #sct_sort {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: transparent;
}

.rx-list #sct_sort h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

.rx-list #ssch_sort {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.rx-list #ssch_sort li {
    margin: 0;
    float: none;
}

.rx-list #ssch_sort a {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--reflex-bg);
    color: var(--reflex-text-secondary);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
}

.rx-list #ssch_sort a:hover,
.rx-list #ssch_sort .sch_on a,
.rx-list #ssch_sort li a.sch_on {
    background: var(--reflex-text);
    color: #fff;
}

.rx-list__count {
    margin: 12px 0 0;
    font-size: 0.85rem;
    color: var(--reflex-text-secondary);
}

.rx-list .sct {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
    padding: 0;
    list-style: none;
}

.rx-list .sct_img {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--reflex-radius-sm);
    background: #eee;
    margin-bottom: 8px;
}

.rx-list .sct_txt a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.35;
    font-weight: 500;
    text-decoration: none;
}

.rx-list .sct_basic,
.rx-list .sct_sns {
    display: none;
}

@media (min-width: 768px) {
    .rx-main .sct_li,
    .rx-list .sct_li,
    .rx-home .sct_li,
    #container .sct_li {
        width: 25% !important;
        padding: 0 8px !important;
        margin-bottom: 28px !important;
    }

    .rx-list {
        padding: 24px 24px 48px;
    }

    .rx-list__title {
        font-size: 1.6rem;
    }

    .rx-section {
        margin-top: 48px;
    }

    .rx-pc-bar__actions {
        gap: 2px;
        flex: 0 0 auto;
    }

    .rx-pc-action span {
        display: inline;
    }
}

@media (min-width: 1024px) {
    .rx-main .sct_li,
    .rx-list .sct_li,
    .rx-home .sct_li,
    #container .sct_li {
        width: 20% !important;
    }
}