/* ================================================================
   PSYCHOHEAL SHOP
   PRODUCT CATEGORY PAGE
================================================================ */

:root {
    --psc-primary: #22A6B3;
    --psc-primary-dark: #178C98;

    --psc-primary-soft: #EAF8F9;
    --psc-primary-soft-2: #F4FAFA;

    --psc-dark: #132231;
    --psc-dark-soft: #2D3D4B;

    --psc-orange: #FF9F43;
    --psc-orange-soft: #FFF4E8;

    --psc-bg: #F7FAFA;
    --psc-white: #FFFFFF;

    --psc-text: #314350;
    --psc-text-soft: #637580;
    --psc-muted: #8A969D;

    --psc-border: #E1EAEC;
    --psc-border-strong: #D2DEE1;

    --psc-shadow:
        0 16px 44px rgba(19, 34, 49, 0.065);

    --psc-shadow-soft:
        0 8px 24px rgba(19, 34, 49, 0.045);

    --psc-radius-xl: 26px;
    --psc-radius-lg: 20px;
    --psc-radius-md: 15px;
}


/* ================================================================
   PAGE
================================================================ */

.tax-product_cat {
    background:
        linear-gradient(
            180deg,
            #F8FBFB 0,
            #FFFFFF 430px
        );

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


.tax-product_cat .site-main,
.tax-product_cat main {
    overflow:
        visible;
}


.tax-product_cat .woocommerce {
    width:
        100%;
}


/* ================================================================
   BREADCRUMB
================================================================ */

.tax-product_cat
.woocommerce-breadcrumb {
    width:
        min(1360px, calc(100% - 48px));

    margin:
        20px auto 12px !important;

    padding:
        0;

    color:
        var(--psc-muted);

    font-size:
        12px;

    font-weight:
        500;

    line-height:
        1.8;
}


.tax-product_cat
.woocommerce-breadcrumb a {
    color:
        var(--psc-primary);

    font-weight:
        700;

    text-decoration:
        none;
}


.tax-product_cat
.woocommerce-breadcrumb a:hover {
    color:
        var(--psc-dark);
}


/* ================================================================
   CATEGORY HEADER
   H1 + INTRO
================================================================ */

.tax-product_cat
.woocommerce-products-header {
    width:
        min(1360px, calc(100% - 48px));

    margin:
        0 auto 18px;

    padding:
        28px 32px;

    position:
        relative;

    overflow:
        hidden;

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

    border-radius:
        24px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F5FAFA 73%,
            #FFFBF6 100%
        );

    box-shadow:
        var(--psc-shadow-soft);
}


/* Decorative Circle */

.tax-product_cat
.woocommerce-products-header::before {
    content:
        "";

    position:
        absolute;

    width:
        130px;

    height:
        130px;

    top:
        -80px;

    left:
        -48px;

    border:
        24px solid
        rgba(34, 166, 179, 0.05);

    border-radius:
        50%;

    pointer-events:
        none;
}


/* Orange Dot */

.tax-product_cat
.woocommerce-products-header::after {
    content:
        "";

    position:
        absolute;

    width:
        9px;

    height:
        9px;

    left:
        28px;

    bottom:
        24px;

    border-radius:
        50%;

    background:
        var(--psc-orange);

    box-shadow:
        0 0 0 6px
        rgba(255, 159, 67, 0.10);

    pointer-events:
        none;
}


/* ================================================================
   H1
================================================================ */

.tax-product_cat
.woocommerce-products-header
.page-title {
    position:
        relative;

    z-index:
        2;

    margin:
        0 0 13px !important;

    padding-bottom:
        13px;

    color:
        var(--psc-dark);

    font-size:
        clamp(32px, 3.3vw, 46px) !important;

    font-weight:
        900 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        -0.6px;
}


.tax-product_cat
.woocommerce-products-header
.page-title::after {
    content:
        "";

    position:
        absolute;

    right:
        0;

    bottom:
        0;

    width:
        64px;

    height:
        4px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            var(--psc-orange),
            var(--psc-primary)
        );
}


/* ================================================================
   CATEGORY INTRO
================================================================ */

.tax-product_cat
.psychoheal-category-intro {
    position:
        relative;

    z-index:
        2;

    max-width:
        1050px;

    margin:
        0;

    padding:
        11px 16px;

    border-right:
        3px solid
        var(--psc-primary);

    background:
        transparent;
}


.tax-product_cat
.psychoheal-category-intro p {
    margin:
        0 0 7px;

    color:
        var(--psc-text-soft);

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        2.05;
}


.tax-product_cat
.psychoheal-category-intro p:last-child {
    margin-bottom:
        0;
}


.tax-product_cat
.psychoheal-category-intro strong {
    color:
        var(--psc-dark);

    font-weight:
        800;
}


.tax-product_cat
.psychoheal-category-intro a {
    color:
        var(--psc-primary);

    font-weight:
        750;
}


/* ================================================================
   PRODUCTS TOOLBAR
================================================================ */

.tax-product_cat
.woocommerce-result-count,
.tax-product_cat
.woocommerce-ordering {
    float:
        none !important;
}


/* Result Count */

.tax-product_cat
.woocommerce-result-count {
    width:
        auto;

    margin:
        10px max(24px, calc((100% - 1360px) / 2))
        12px 0 !important;

    padding:
        8px 13px;

    float:
        right !important;

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

    border-radius:
        100px;

    background:
        #FFFFFF;

    color:
        var(--psc-text-soft);

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1.6;
}


/* Ordering */

.tax-product_cat
.woocommerce-ordering {
    width:
        auto;

    margin:
        7px 0 12px
        max(24px, calc((100% - 1360px) / 2)) !important;

    float:
        left !important;
}


.tax-product_cat
.woocommerce-ordering select {
    min-width:
        205px;

    height:
        42px;

    padding:
        0 14px;

    border:
        1px solid
        var(--psc-border-strong);

    border-radius:
        12px;

    outline:
        none;

    background:
        #FFFFFF;

    color:
        var(--psc-dark);

    font-size:
        11.5px;

    font-weight:
        700;

    cursor:
        pointer;

    box-shadow:
        var(--psc-shadow-soft);
}


.tax-product_cat
.woocommerce-ordering select:focus {
    border-color:
        var(--psc-primary);

    box-shadow:
        0 0 0 4px
        rgba(34, 166, 179, 0.08);
}


/* ================================================================
   PRODUCT GRID
================================================================ */

.tax-product_cat
ul.products {
    width:
        min(1360px, calc(100% - 48px));

    clear:
        both;

    margin:
        0 auto 28px !important;

    padding:
        18px !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(260px, 318px)
        );

    justify-content:
        start;

    align-items:
        stretch;

    gap:
        16px;

    border:
        1px solid
        #E9EFF0;

    border-radius:
        24px;

    background:
        linear-gradient(
            135deg,
            #FAFCFC,
            #FFFFFF
        );

    box-shadow:
        0 9px 26px
        rgba(19, 34, 49, 0.035);
}


/* ================================================================
   IMPORTANT:
   REMOVE WOOCOMMERCE CLEARFIX PSEUDO ELEMENTS

   WooCommerce adds ::before / ::after to ul.products.
   In CSS Grid they become fake grid items.
================================================================ */

.tax-product_cat
ul.products::before,
.tax-product_cat
ul.products::after {
    content:
        none !important;

    display:
        none !important;
}


/* ================================================================
   PRODUCT CARD
================================================================ */

.tax-product_cat
ul.products
li.product {
    width:
        100% !important;

    max-width:
        318px;

    margin:
        0 !important;

    padding:
        10px 10px 14px !important;

    position:
        relative;

    float:
        none !important;

    overflow:
        hidden;

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

    border-radius:
        19px;

    background:
        #FFFFFF;

    box-shadow:
        0 7px 20px
        rgba(19, 34, 49, 0.045);

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


.tax-product_cat
ul.products
li.product:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(34, 166, 179, 0.30);

    box-shadow:
        0 16px 36px
        rgba(19, 34, 49, 0.085);
}


/* Top Accent */

.tax-product_cat
ul.products
li.product::before {
    content:
        "";

    position:
        absolute;

    right:
        18px;

    top:
        0;

    width:
        38px;

    height:
        3px;

    border-radius:
        0 0 8px 8px;

    background:
        var(--psc-primary);

    z-index:
        5;

    transition:
        width 0.25s ease,
        background 0.25s ease;
}


.tax-product_cat
ul.products
li.product:hover::before {
    width:
        58px;

    background:
        linear-gradient(
            90deg,
            var(--psc-primary),
            var(--psc-orange)
        );
}


/* ================================================================
   PRODUCT LINK
================================================================ */

.tax-product_cat
ul.products
li.product
.woocommerce-loop-product__link {
    display:
        block;

    text-decoration:
        none;
}


/* ================================================================
   PRODUCT IMAGE
================================================================ */

.tax-product_cat
ul.products
li.product
img {
    width:
        100% !important;

    aspect-ratio:
        1 / 1;

    margin:
        0 0 12px !important;

    padding:
        8px;

    object-fit:
        contain;

    border-radius:
        14px;

    background:
        linear-gradient(
            145deg,
            #FAFCFC,
            #F2F7F7
        );

    transition:
        transform 0.3s ease;
}


.tax-product_cat
ul.products
li.product:hover
img {
    transform:
        scale(1.025);
}


/* ================================================================
   PRODUCT TITLE
================================================================ */

.tax-product_cat
ul.products
li.product
.woocommerce-loop-product__title {
    min-height:
        50px;

    margin:
        0 !important;

    padding:
        0 4px !important;

    color:
        var(--psc-dark);

    font-size:
        14px !important;

    font-weight:
        850 !important;

    line-height:
        1.8;

    transition:
        color 0.2s ease;
}


.tax-product_cat
ul.products
li.product:hover
.woocommerce-loop-product__title {
    color:
        var(--psc-primary-dark);
}


/* ================================================================
   RATING
================================================================ */

.tax-product_cat
ul.products
li.product
.star-rating {
    margin:
        7px 4px !important;

    color:
        var(--psc-orange);

    font-size:
        11px;
}


/* ================================================================
   PRICE
================================================================ */

.tax-product_cat
ul.products
li.product
.price {
    min-height:
        30px;

    margin:
        5px 4px 3px !important;

    color:
        var(--psc-primary) !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    line-height:
        1.7;
}


.tax-product_cat
ul.products
li.product
.price del {
    margin-left:
        5px;

    color:
        var(--psc-muted);

    font-size:
        11px;

    opacity:
        0.65;
}


.tax-product_cat
ul.products
li.product
.price ins {
    color:
        var(--psc-primary);

    font-weight:
        900;

    text-decoration:
        none;
}


/* ================================================================
   BUTTON
================================================================ */

.tax-product_cat
ul.products
li.product
.button {
    width:
        calc(100% - 8px);

    min-height:
        42px;

    margin:
        10px 4px 0 !important;

    padding:
        0 12px !important;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        var(--psc-dark) !important;

    color:
        #FFFFFF !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.tax-product_cat
ul.products
li.product
.button::after {
    content:
        "←";

    width:
        26px;

    height:
        26px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-shrink:
        0;

    border-radius:
        8px;

    background:
        var(--psc-orange);

    color:
        var(--psc-dark);

    font-size:
        13px;

    font-weight:
        900;
}


.tax-product_cat
ul.products
li.product
.button:hover {
    background:
        var(--psc-primary) !important;
}


/* ================================================================
   SALE BADGE
================================================================ */

.tax-product_cat
ul.products
li.product
.onsale {
    min-width:
        auto !important;

    min-height:
        auto !important;

    top:
        17px !important;

    right:
        auto !important;

    left:
        17px !important;

    margin:
        0 !important;

    padding:
        5px 9px !important;

    border-radius:
        100px !important;

    background:
        var(--psc-orange) !important;

    color:
        var(--psc-dark) !important;

    font-size:
        10px !important;

    font-weight:
        900 !important;

    line-height:
        1.5 !important;
}


/* ================================================================
   PAGINATION
================================================================ */

.tax-product_cat
.woocommerce-pagination {
    width:
        min(1360px, calc(100% - 48px));

    clear:
        both;

    margin:
        0 auto 32px !important;

    text-align:
        center;
}


.tax-product_cat
.woocommerce-pagination
ul.page-numbers {
    margin:
        0 !important;

    padding:
        5px !important;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        4px;

    border:
        1px solid
        var(--psc-border) !important;

    border-radius:
        14px;

    background:
        #FFFFFF;
}


.tax-product_cat
.woocommerce-pagination
ul.page-numbers li {
    border:
        0 !important;
}


.tax-product_cat
.woocommerce-pagination
.page-numbers a,
.tax-product_cat
.woocommerce-pagination
.page-numbers span {
    min-width:
        37px;

    height:
        37px;

    padding:
        0 9px !important;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        9px;

    background:
        transparent !important;

    color:
        var(--psc-text-soft);

    font-size:
        12px;

    font-weight:
        800;
}


.tax-product_cat
.woocommerce-pagination
.page-numbers .current {
    background:
        var(--psc-dark) !important;

    color:
        #FFFFFF !important;
}


.tax-product_cat
.woocommerce-pagination
.page-numbers a:hover {
    background:
        var(--psc-primary-soft) !important;

    color:
        var(--psc-primary) !important;
}


/* ================================================================
   FULL SEO CONTENT
================================================================ */

.tax-product_cat
.psychoheal-category-content {
    width:
        min(1360px, calc(100% - 48px));

    position:
        relative;

    margin:
        0 auto 65px;

    padding:
        clamp(26px, 3.5vw, 45px);

    overflow:
        hidden;

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

    border-radius:
        24px;

    background:
        #FFFFFF;

    box-shadow:
        var(--psc-shadow);
}


/* Decorative Shape */

.tax-product_cat
.psychoheal-category-content::before {
    content:
        "";

    position:
        absolute;

    width:
        170px;

    height:
        170px;

    top:
        -105px;

    left:
        -80px;

    border-radius:
        50%;

    background:
        rgba(34, 166, 179, 0.045);

    pointer-events:
        none;
}


/* ================================================================
   PARAGRAPHS
================================================================ */

.tax-product_cat
.psychoheal-category-content p {
    margin:
        0 0 21px;

    color:
        #52636F;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        2.15;
}


/* ================================================================
   H2
================================================================ */

.tax-product_cat
.psychoheal-category-content h2 {
    position:
        relative;

    margin:
        44px 0 20px;

    padding:
        14px 21px 14px 18px;

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

    border-right:
        5px solid
        var(--psc-primary);

    border-radius:
        0 16px 16px 0;

    background:
        linear-gradient(
            90deg,
            #FFFFFF,
            var(--psc-primary-soft-2)
        );

    color:
        var(--psc-dark);

    font-size:
        clamp(22px, 2vw, 29px);

    font-weight:
        900;

    line-height:
        1.6;
}


.tax-product_cat
.psychoheal-category-content h2::after {
    content:
        "";

    position:
        absolute;

    right:
        21px;

    bottom:
        -1px;

    width:
        42px;

    height:
        3px;

    border-radius:
        20px;

    background:
        var(--psc-orange);
}


.tax-product_cat
.psychoheal-category-content h2:first-child {
    margin-top:
        0;
}


/* ================================================================
   H3
================================================================ */

.tax-product_cat
.psychoheal-category-content h3 {
    position:
        relative;

    margin:
        34px 0 16px;

    padding-right:
        24px;

    color:
        var(--psc-dark-soft);

    font-size:
        clamp(18px, 1.6vw, 22px);

    font-weight:
        850;

    line-height:
        1.7;
}


.tax-product_cat
.psychoheal-category-content h3::before {
    content:
        "";

    position:
        absolute;

    right:
        0;

    top:
        50%;

    width:
        11px;

    height:
        11px;

    transform:
        translateY(-50%)
        rotate(45deg);

    border-radius:
        3px;

    background:
        var(--psc-orange);

    box-shadow:
        0 0 0 5px
        var(--psc-orange-soft);
}


/* ================================================================
   H4
================================================================ */

.tax-product_cat
.psychoheal-category-content h4 {
    margin:
        27px 0 13px;

    color:
        var(--psc-primary);

    font-size:
        17px;

    font-weight:
        850;
}


/* ================================================================
   BULLET LIST
================================================================ */

.tax-product_cat
.psychoheal-category-content ul {
    margin:
        20px 0 28px;

    padding:
        0;

    display:
        grid;

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

    gap:
        8px;

    list-style:
        none;
}


.tax-product_cat
.psychoheal-category-content ul li {
    position:
        relative;

    min-height:
        48px;

    padding:
        11px 43px 11px 13px;

    display:
        flex;

    align-items:
        center;

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

    border-radius:
        13px;

    background:
        #FBFDFD;

    color:
        var(--psc-text);

    font-size:
        13.5px;

    line-height:
        1.8;
}


.tax-product_cat
.psychoheal-category-content ul li::before {
    content:
        "✓";

    position:
        absolute;

    right:
        12px;

    top:
        50%;

    width:
        22px;

    height:
        22px;

    transform:
        translateY(-50%);

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        7px;

    background:
        var(--psc-primary-soft);

    color:
        var(--psc-primary);

    font-size:
        12px;

    font-weight:
        900;
}


/* ================================================================
   NUMBERED LIST
================================================================ */

.tax-product_cat
.psychoheal-category-content ol {
    margin:
        20px 0 28px;

    padding:
        0;

    list-style:
        none;

    counter-reset:
        psychoheal-category-step;
}


.tax-product_cat
.psychoheal-category-content ol li {
    position:
        relative;

    min-height:
        58px;

    margin-bottom:
        8px;

    padding:
        13px 59px 13px 14px;

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

    border-radius:
        14px;

    background:
        linear-gradient(
            90deg,
            #FFFFFF,
            #F8FBFB
        );

    color:
        var(--psc-text);

    font-size:
        13.5px;

    line-height:
        1.9;

    counter-increment:
        psychoheal-category-step;
}


.tax-product_cat
.psychoheal-category-content ol li::before {
    content:
        counter(psychoheal-category-step);

    position:
        absolute;

    right:
        13px;

    top:
        50%;

    width:
        32px;

    height:
        32px;

    transform:
        translateY(-50%);

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        10px;

    background:
        var(--psc-primary);

    color:
        #FFFFFF;

    font-size:
        12px;

    font-weight:
        900;
}


/* ================================================================
   BLOCKQUOTE
================================================================ */

.tax-product_cat
.psychoheal-category-content blockquote {
    position:
        relative;

    margin:
        28px 0;

    padding:
        25px 74px 25px 23px;

    overflow:
        hidden;

    border:
        1px solid
        #FFE2C1;

    border-radius:
        18px;

    background:
        linear-gradient(
            120deg,
            #FFF8F0,
            #FFFFFF
        );
}


.tax-product_cat
.psychoheal-category-content blockquote::before {
    content:
        "“";

    position:
        absolute;

    right:
        17px;

    top:
        13px;

    color:
        var(--psc-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        60px;

    font-weight:
        900;

    line-height:
        1;
}


.tax-product_cat
.psychoheal-category-content blockquote::after {
    content:
        "";

    position:
        absolute;

    right:
        0;

    top:
        0;

    bottom:
        0;

    width:
        5px;

    background:
        var(--psc-orange);
}


.tax-product_cat
.psychoheal-category-content blockquote p {
    margin:
        0;

    color:
        var(--psc-dark-soft);

    font-size:
        15px;

    font-weight:
        650;

    line-height:
        2;
}


/* ================================================================
   TABLE
================================================================ */

.tax-product_cat
.psychoheal-category-content table {
    width:
        100%;

    margin:
        25px 0 31px;

    border-collapse:
        separate;

    border-spacing:
        0;

    overflow:
        hidden;

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

    border-radius:
        17px;

    background:
        #FFFFFF;

    box-shadow:
        var(--psc-shadow-soft);
}


.tax-product_cat
.psychoheal-category-content table thead {
    background:
        linear-gradient(
            90deg,
            var(--psc-primary-soft),
            #F8FCFC
        );
}


.tax-product_cat
.psychoheal-category-content table th {
    padding:
        15px 17px;

    border:
        0;

    border-bottom:
        1px solid
        var(--psc-border);

    color:
        var(--psc-dark);

    font-size:
        13px;

    font-weight:
        900;

    text-align:
        right;
}


.tax-product_cat
.psychoheal-category-content table td {
    padding:
        14px 17px;

    border:
        0;

    border-bottom:
        1px solid
        #EDF2F3;

    color:
        var(--psc-text-soft);

    font-size:
        13px;

    line-height:
        1.85;

    text-align:
        right;

    vertical-align:
        middle;
}


.tax-product_cat
.psychoheal-category-content
table tbody tr:last-child td {
    border-bottom:
        0;
}


.tax-product_cat
.psychoheal-category-content
table tbody tr:hover td {
    background:
        #F9FCFC;
}


.tax-product_cat
.psychoheal-category-content
table td:first-child {
    color:
        var(--psc-dark);

    font-weight:
        800;
}


/* ================================================================
   CONTENT LINKS
================================================================ */

.tax-product_cat
.psychoheal-category-content a {
    color:
        var(--psc-primary);

    font-weight:
        750;

    text-decoration:
        underline;

    text-decoration-color:
        rgba(34, 166, 179, 0.25);

    text-underline-offset:
        4px;
}


.tax-product_cat
.psychoheal-category-content a:hover {
    color:
        var(--psc-orange);
}


/* ================================================================
   STRONG
================================================================ */

.tax-product_cat
.psychoheal-category-content strong {
    color:
        var(--psc-dark);

    font-weight:
        850;
}


/* ================================================================
   IMAGES
================================================================ */

.tax-product_cat
.psychoheal-category-content img {
    max-width:
        100%;

    height:
        auto;

    margin:
        15px 0;

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

    border-radius:
        17px;
}


/* ================================================================
   HR
================================================================ */

.tax-product_cat
.psychoheal-category-content hr {
    width:
        100%;

    height:
        1px;

    margin:
        35px 0;

    border:
        0;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--psc-border-strong),
            transparent
        );
}


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

@media (max-width: 1024px) {

    .tax-product_cat
    .woocommerce-products-header,
    .tax-product_cat
    ul.products,
    .tax-product_cat
    .woocommerce-pagination,
    .tax-product_cat
    .psychoheal-category-content,
    .tax-product_cat
    .woocommerce-breadcrumb {
        width:
            calc(100% - 32px);
    }


    .tax-product_cat
    ul.products {
        grid-template-columns:
            repeat(
                auto-fill,
                minmax(230px, 1fr)
            );
    }


    .tax-product_cat
    ul.products
    li.product {
        max-width:
            none;
    }


    .tax-product_cat
    .woocommerce-result-count {
        margin-right:
            16px !important;
    }


    .tax-product_cat
    .woocommerce-ordering {
        margin-left:
            16px !important;
    }


    .tax-product_cat
    .psychoheal-category-content ul {
        grid-template-columns:
            1fr;
    }

}


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

@media (max-width: 767px) {

    .tax-product_cat {
        background:
            #FFFFFF;
    }


    /* Breadcrumb */

    .tax-product_cat
    .woocommerce-breadcrumb {
        width:
            calc(100% - 20px);

        margin:
            13px auto 9px !important;

        font-size:
            10.5px;
    }


    /* Header */

    .tax-product_cat
    .woocommerce-products-header {
        width:
            calc(100% - 18px);

        margin-bottom:
            12px;

        padding:
            20px 15px;

        border-radius:
            19px;
    }


    .tax-product_cat
    .woocommerce-products-header::before {
        width:
            110px;

        height:
            110px;

        top:
            -65px;

        left:
            -48px;
    }


    .tax-product_cat
    .woocommerce-products-header::after {
        left:
            19px;

        bottom:
            18px;
    }


    /* H1 */

    .tax-product_cat
    .woocommerce-products-header
    .page-title {
        margin-bottom:
            10px !important;

        padding-bottom:
            11px;

        font-size:
            clamp(26px, 8vw, 34px) !important;

        line-height:
            1.5 !important;
    }


    /* Intro */

    .tax-product_cat
    .psychoheal-category-intro {
        padding:
            8px 12px;

        border-right-width:
            3px;
    }


    .tax-product_cat
    .psychoheal-category-intro p {
        font-size:
            12.5px;

        line-height:
            2;
    }


    /* Toolbar */

    .tax-product_cat
    .woocommerce-result-count,
    .tax-product_cat
    .woocommerce-ordering {
        width:
            calc(50% - 14px);

        margin:
            4px 9px 10px !important;
    }


    .tax-product_cat
    .woocommerce-result-count {
        min-height:
            40px;

        padding:
            8px 7px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        border-radius:
            11px;

        font-size:
            9.5px;

        text-align:
            center;
    }


    .tax-product_cat
    .woocommerce-ordering {
        margin-right:
            0 !important;
    }


    .tax-product_cat
    .woocommerce-ordering select {
        width:
            100%;

        min-width:
            0;

        height:
            40px;

        padding:
            0 8px;

        font-size:
            9.5px;
    }


    /* Product Grid */

    .tax-product_cat
    ul.products {
        width:
            calc(100% - 18px);

        margin-bottom:
            22px !important;

        padding:
            9px !important;

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

        gap:
            8px;

        border-radius:
            17px;
    }


    .tax-product_cat
    ul.products
    li.product {
        max-width:
            none;

        padding:
            6px 6px 10px !important;

        border-radius:
            14px;
    }


    .tax-product_cat
    ul.products
    li.product
    img {
        margin-bottom:
            8px !important;

        padding:
            5px;

        border-radius:
            11px;
    }


    .tax-product_cat
    ul.products
    li.product
    .woocommerce-loop-product__title {
        min-height:
            43px;

        padding:
            0 2px !important;

        font-size:
            11px !important;

        line-height:
            1.85;
    }


    .tax-product_cat
    ul.products
    li.product
    .price {
        min-height:
            27px;

        margin:
            4px 2px 2px !important;

        font-size:
            10.5px !important;
    }


    .tax-product_cat
    ul.products
    li.product
    .button {
        width:
            calc(100% - 4px);

        min-height:
            38px;

        margin:
            7px 2px 0 !important;

        padding:
            0 8px !important;

        font-size:
            9.5px !important;
    }


    .tax-product_cat
    ul.products
    li.product
    .button::after {
        width:
            23px;

        height:
            23px;

        font-size:
            12px;
    }


    /* SEO Content */

    .tax-product_cat
    .psychoheal-category-content {
        width:
            calc(100% - 18px);

        margin-bottom:
            40px;

        padding:
            19px 13px 22px;

        border-radius:
            18px;
    }


    .tax-product_cat
    .psychoheal-category-content p {
        margin-bottom:
            17px;

        font-size:
            13px;

        line-height:
            2.05;
    }


    /* H2 */

    .tax-product_cat
    .psychoheal-category-content h2 {
        margin:
            31px 0 15px;

        padding:
            11px 14px;

        border-right-width:
            4px;

        border-radius:
            0 12px 12px 0;

        font-size:
            19px;

        line-height:
            1.65;
    }


    /* H3 */

    .tax-product_cat
    .psychoheal-category-content h3 {
        margin:
            25px 0 13px;

        font-size:
            16.5px;
    }


    /* Lists */

    .tax-product_cat
    .psychoheal-category-content ul {
        grid-template-columns:
            1fr;

        gap:
            6px;

        margin:
            16px 0 21px;
    }


    .tax-product_cat
    .psychoheal-category-content ul li {
        min-height:
            44px;

        padding:
            9px 39px 9px 9px;

        font-size:
            12px;
    }


    .tax-product_cat
    .psychoheal-category-content ol li {
        min-height:
            53px;

        padding:
            10px 51px 10px 9px;

        font-size:
            12px;
    }


    .tax-product_cat
    .psychoheal-category-content ol li::before {
        width:
            29px;

        height:
            29px;

        right:
            10px;
    }


    /* Quote */

    .tax-product_cat
    .psychoheal-category-content blockquote {
        margin:
            21px 0;

        padding:
            20px 54px 20px 13px;

        border-radius:
            15px;
    }


    .tax-product_cat
    .psychoheal-category-content blockquote::before {
        right:
            12px;

        top:
            12px;

        font-size:
            45px;
    }


    .tax-product_cat
    .psychoheal-category-content blockquote p {
        font-size:
            12.5px;

        line-height:
            2;
    }


    /* Table */

    .tax-product_cat
    .psychoheal-category-content table {
        display:
            block;

        width:
            100%;

        overflow-x:
            auto;

        white-space:
            nowrap;

        border-radius:
            13px;
    }


    .tax-product_cat
    .psychoheal-category-content table th,
    .tax-product_cat
    .psychoheal-category-content table td {
        min-width:
            145px;

        padding:
            11px 12px;

        font-size:
            11.5px;
    }

}


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

@media (max-width: 430px) {

    .tax-product_cat
    .woocommerce-products-header
    .page-title {
        font-size:
            26px !important;
    }


    .tax-product_cat
    ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .tax-product_cat
    .woocommerce-result-count {
        width:
            calc(43% - 9px);
    }


    .tax-product_cat
    .woocommerce-ordering {
        width:
            calc(57% - 9px);
    }

}


/* ================================================================
   VERY SMALL MOBILE
================================================================ */

@media (max-width: 350px) {

    .tax-product_cat
    ul.products {
        grid-template-columns:
            1fr;
    }


    .tax-product_cat
    .woocommerce-result-count,
    .tax-product_cat
    .woocommerce-ordering {
        width:
            calc(100% - 18px);

        margin:
            4px 9px !important;
    }


    .tax-product_cat
    .woocommerce-ordering {
        margin-bottom:
            10px !important;
    }

}


/* ================================================================
   ACCESSIBILITY
================================================================ */

.tax-product_cat a:focus-visible,
.tax-product_cat button:focus-visible,
.tax-product_cat input:focus-visible,
.tax-product_cat select:focus-visible {
    outline:
        2px solid
        var(--psc-orange);

    outline-offset:
        3px;
}


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

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

    .tax-product_cat *,
    .tax-product_cat *::before,
    .tax-product_cat *::after {
        transition:
            none !important;

        animation:
            none !important;
    }

}